remove test, output to head.api

avivkeller · avivkeller · commit eba648fc4434 · 2025-05-28T18:00:45.000-04:00
diff --git a/src/generators/jsx-ast/test/utils.test.mjs b/src/generators/jsx-ast/test/utils.test.mjs
@@ -1,17 +1,12 @@
 import assert from 'node:assert/strict';
 import test from 'node:test';
 
-import remarkParse from 'remark-parse';
-import remarkStringify from 'remark-stringify';
-import { unified } from 'unified';
-
 import { AST_NODE_TYPES } from '../constants.mjs';
 import { createJSXElement } from '../utils/ast.mjs';
 import {
   buildSideBarDocPages,
   buildMetaBarProps,
 } from '../utils/buildBarProps.mjs';
-import buildContent from '../utils/buildContent.mjs';
 
 const sampleEntry = {
   api: 'sample-api',
@@ -68,15 +63,3 @@ test('createJSXElement builds correct JSX tree', () => {
   assert.ok(Array.isArray(el.children));
   assert.ok(el.attributes.some(attr => attr.name === 'dataAttr'));
 });
-
-test('buildContent processes entries and includes JSX wrapper elements', () => {
-  const processor = unified().use(remarkParse).use(remarkStringify);
-  const tree = buildContent([sampleEntry], sampleEntry, {}, processor);
-
-  const article = tree.children.find(
-    child => child.name === AST_NODE_TYPES.JSX.ARTICLE
-  );
-  assert.ok(article);
-  assert.ok(article.children.some(c => c.name === AST_NODE_TYPES.JSX.SIDE_BAR));
-  assert.ok(article.children.some(c => c.name === AST_NODE_TYPES.JSX.FOOTER));
-});
diff --git a/src/generators/web/index.mjs b/src/generators/web/index.mjs
@@ -1,4 +1,5 @@
-import { readFile } from 'node:fs/promises';
+import { readFile, writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
 
 import { generate } from '@babel/generator';
 import Mustache from 'mustache';
@@ -24,30 +25,43 @@ export default {
    * Generates a JavaScript / HTML / CSS bundle
    *
    * @param {import('../jsx-ast/utils/buildContent.mjs').JSXContent[]} entries
+   * @param {Partial<GeneratorOptions>} options
    */
-  async generate(entries) {
+  async generate(entries, { output }) {
     const template = await readFile(
-      new URL('template.html.tpl', import.meta.url),
+      new URL('template.html', import.meta.url),
       'utf-8'
     );
 
+    let css;
+
     const bundles = await Promise.all(
       entries.map(async entry => {
         const program = buildProgram(entry);
         const { code } = generate(program);
         const bundled = await bundle(code);
 
+        // All bundles share the same CSS
+        if (!css) {
+          css = bundled.css;
+        }
+
         const rendered = Mustache.render(template, {
           title: entry.data.heading.data.name,
-          css: bundled.css,
           javascript: bundled.js,
         });
 
+        if (output) {
+          await writeFile(join(output, `${entry.data.api}.html`), rendered);
+        }
+
         return rendered;
       })
     );
 
-    console.log(bundles[0]);
+    if (output) {
+      await writeFile(join(output, 'styles.css'), css);
+    }
 
     return bundles;
   },
diff --git a/src/generators/web/template.html b/src/generators/web/template.html
@@ -3,8 +3,8 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="./styles.css" />
   <title>{{title}}</title>
-  <style>{{{css}}}</style>
 </head>
 <body>
   <div id="root"></div>
