Support for JSON

Author: Ives van Hoorne

src/sandbox/eval/css.js

@@ -23,13 +23,6 @@ function createStyleNode(id: string, content: string) {
   }
   document.head.appendChild(styleNode);
 }
-
-function getGeneratedClassNames(id: string, classNames: Array<string>) {
-  return classNames
-    .map(t => t.replace('.', ''))
-    .reduce((prev, next) => ({ ...prev, [next]: `cs-${id}-${next}` }), {});
-}
-
 /**
  * Adds CSS to HEAD and creates a mapping of classname -> generatedClassname
  */

src/sandbox/eval/index.js

@@ -8,12 +8,14 @@ import type {
 import evalJS, { deleteCache as deleteJSCache } from './js';
 import evalHTML from './html';
 import evalCSS from './css';
+import evalJson from './json';
 
 const MAX_DEPTH = 20;
 
 function doEval(mainModule, sandboxId, modules, directories, manifest, depth) {
   const html = /\.html$/;
   const css = /\.css$/;
+  const json = /\.json$/;
 
   if (html.test(mainModule.title)) {
     return evalHTML(
@@ -37,6 +39,17 @@ function doEval(mainModule, sandboxId, modules, directories, manifest, depth) {
     );
   }
 
+  if (json.test(mainModule.title)) {
+    return evalJson(
+      mainModule,
+      sandboxId,
+      modules,
+      directories,
+      manifest,
+      depth
+    );
+  }
+
   return evalJS(mainModule, sandboxId, modules, directories, manifest, depth);
 }
 

src/sandbox/eval/index.test.js

@@ -0,0 +1,46 @@
+import evaller from './';
+
+describe('eval', () => {
+  // just evaluate if the right evallers are called
+  test('js', () => {
+    const mainModule = {
+      title: 'test.js',
+      code: `
+        export default 3;
+      `,
+    };
+
+    expect(evaller(mainModule)).toEqual({ __esModule: true, default: 3 });
+  });
+
+  test('css', () => {
+    const mainModule = {
+      title: 'test.css',
+      code: `
+        .test {
+          color: blue;
+        }
+      `,
+    };
+
+    expect(evaller(mainModule)).toEqual(['.test']);
+  });
+
+  test('html', () => {
+    const mainModule = {
+      title: 'test.html',
+      code: `<div>Hello</div>`,
+    };
+
+    expect(evaller(mainModule)).toEqual(`<div>Hello</div>`);
+  });
+
+  test('json', () => {
+    const mainModule = {
+      title: 'test.json',
+      code: `{"test":"test"}`,
+    };
+
+    expect(evaller(mainModule)).toEqual({ test: 'test' });
+  });
+});

src/sandbox/eval/json.js

@@ -0,0 +1 @@
+export default module => JSON.parse(module.code);

src/sandbox/eval/json.test.js

@@ -0,0 +1,5 @@
+import json from './json';
+
+test('json parses code', () => {
+  expect(json({ code: `{"test": "test"}` })).toEqual({ test: 'test' });
+});