mid progress

Author: MatanelGordon

public/scripts/debugger.js

@@ -0,0 +1,39 @@
+async function debugProgram() {
+const JSON_DATA = JSON.parse(
+document.getElementById('__DATA__').textContent
+);
+debugger;
+const flag = await getFlag(JSON_DATA);
+console.log('the flag is', flag);
+}
+
+function getURL(json) {
+try {
+const { a, b, c } = json;
+const fromBase64 = atob(a + b + c);
+return decodeURIComponent(fromBase64);
+} catch (e) {
+console.error(
+'error with constructing the url. This is unexpected, please contact the creator'
+);
+return undefined;
+}
+}
+
+async function getFlag(json) {
+const url = getURL(json);
+
+if(!url){
+throw new Error('URL error');
+}
+
+try {
+const fetched = await fetch(url, { method: 'GET' });
+const response = await fetched.json();
+const { flag } = response;
+return 'flag{********}';
+} catch (e) {
+console.error('error in getFlag()');
+console.error(e);
+}
+}

public/styles/index.css

@@ -1,20 +1,24 @@
 @import './reset.css';
 @import './utils.css';
 
-body{
+body {
  background-color: #303030;
  font-family: system-ui, serif;
  color: #e7e7e7;
 }
 
-.gradient-1{
+.gradient-1 {
  background: linear-gradient(0deg, #e65c00, #f9d423);
 }
 
-.gradient-2{
+.gradient-2 {
  background: linear-gradient(0deg, #d38312, #a83279);;
 }
 
-.gradient-3{
+.gradient-3 {
+ background: linear-gradient(to right, #808080, #3fada8);
+}
+
+.gradient-4 {
  background: linear-gradient(to right, #f806b1, #66ff00);;
 }

src/app.module.ts

@@ -9,6 +9,7 @@ import { InlineStyleController } from '~/controllers/inline-style.controller';
 import { PreserveLogController } from '~/controllers/preserve-log.controller';
 import { NetworkBasicController } from '~/controllers/network-basic.controller';
 import { LocalstorageBasicController } from '~/controllers/localstorage-basic.controller';
+import { DebuggerController } from './controllers/debugger.controller';
 
 @Module({
 controllers: [
@@ -19,6 +20,7 @@ import { LocalstorageBasicController } from '~/controllers/localstorage-basic.co
 NetworkBasicController,
 SourcesBasicController,
 LocalstorageBasicController,
+DebuggerController,
 ],
 providers: [AppService],
 imports: [

src/config.ts

@@ -27,6 +27,10 @@ const config = {
 url: 'level-c231787c',
 flag: createFlag('L0calSt0rageIsAwesome'),
 }),
+debugger: createLevelConfig('CONSOLE_LOG', {
+url: 'level-b195d810',
+flag: createFlag('D3BUGG3R_M4$T3R'),
+}),
 },
 server: {
 port: +envWithDefault<number>('PORT', 3000),

src/controllers/debugger.controller.ts

@@ -0,0 +1,31 @@
+import { Controller, Get, Render } from '@nestjs/common';
+import config from '~/config';
+import { toBase64 } from '~/utils/toBase64';
+import { chunkParts } from '~/utils/chunkParts';
+
+const levelConfig = config.levels.debugger;
+const FLAG_PARTIALS = 3;
+
+@Controller(levelConfig.url)
+export class DebuggerController {
+@Get()
+@Render('debugger.hbs')
+render() {
+const encoded = toBase64(encodeURIComponent(`${levelConfig.url}/flag`));
+const chunks = chunkParts(encoded, FLAG_PARTIALS);
+const flags = Object.fromEntries(
+chunks.map((partial, i) => [`flag${i + 1}`, partial])
+);
+
+return {
+...flags,
+};
+}
+
+@Get('flag')
+getFlag() {
+return {
+flag: toBase64(levelConfig.flag),
+};
+}
+}

src/controllers/localstorage-basic.controller.ts

@@ -1,26 +1,24 @@
 import { Controller, Get, Render } from '@nestjs/common';
 import config from '~/config';
+import { toBase64 } from '~/utils/toBase64';
+import { chunkParts } from '~/utils/chunkParts';
 
 const levelConfig = config.levels.localStorageBasic;
 const FLAG_PARTIALS = 5;
+
 @Controller(levelConfig.url)
 export class LocalstorageBasicController {
 @Get()
 @Render('localStorage-basic.hbs')
 render() {
-const encodedFlag = Buffer.from(levelConfig.flag, 'utf8').toString(
-'base64'
-);
-
-const size = encodedFlag.length / FLAG_PARTIALS;
-
-const flags = Object.fromEntries(
-new Array(FLAG_PARTIALS)
-.fill(null)
-.map((_, i) => [
-`flag${i + 1}`,
-encodedFlag.slice(i * size, (i + 1) * size),
-])
+const encodedFlag = toBase64(levelConfig.flag);
+const chunks = chunkParts(encodedFlag, FLAG_PARTIALS);
+const flags = chunks.reduce(
+(acc, curr, index) => ({
+...acc,
+[`flag${index + 1}`]: curr,
+}),
+{}
 );
 
 return {