npm - cayo - Versions diffs - 0.9.10 → 1.0.0 - Mend

cayo 0.9.10 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

package/README.md +504 -5
package/cayo.js +1 -298
package/devlog.md +177 -0
package/dist/cayo.svelte.js +80 -0
package/dist/entry.svelte.js +16 -0
package/dist/index.js +2 -0
package/docs/config-reference.md +349 -0
package/docs/how-cayo-works.md +28 -0
package/docs/why-i-created-cayo.md +21 -0
package/lib/cli/build.js +34 -0
package/lib/cli/cli.js +152 -0
package/lib/cli/dev.js +12 -0
package/lib/cli/serve.js +25 -0
package/lib/cli/watch.js +125 -0
package/lib/core/bundle.js +155 -0
package/lib/core/codegen.js +156 -0
package/lib/core/compile/cayos.js +65 -0
package/lib/core/compile/index.js +3 -0
package/lib/core/compile/pages.js +61 -0
package/lib/core/compile/template.js +24 -0
package/lib/core/component.js +62 -0
package/lib/core/config.js +206 -0
package/lib/core/dependencies.js +167 -0
package/lib/core/entry.js +24 -0
package/lib/core/files.js +99 -0
package/lib/core/logger.js +47 -0
package/lib/core/page.js +59 -0
package/lib/core/render/prerender.js +240 -0
package/lib/core/render/renderer.js +52 -0
package/lib/core/utils.js +60 -0
package/package.json +21 -10
package/scripts/build.js +60 -0
package/src/cayo-warnings.js +37 -0
package/src/cayo.svelte +36 -0
package/src/entry.svelte +6 -0
package/template/cayo.config.js +3 -0
package/template/package-lock.json +4027 -0
package/template/package.json +10 -0
package/template/public/vite.svg +1 -0
package/{tests/basic cases (old)/src/__index.svelte → template/src/__template.svelte} +3 -6
package/template/src/components/counter.cayo.svelte +27 -0
package/template/src/index.js +4 -0
package/template/src/pages/index.svelte +15 -0
package/template/src/style.css +13 -0
package/lib/cli.js +0 -69
package/lib/codegen.js +0 -79
package/lib/components/Cayo.svelte +0 -25
package/lib/config.js +0 -155
package/lib/files.js +0 -84
package/lib/prerender.js +0 -181
package/lib/renderer.js +0 -49
package/lib/runtime.js +0 -6
package/lib/utils.js +0 -126
package/lib/vite.config.js +0 -16
package/notes.md +0 -3
package/test/cayo.config.js +0 -35
package/test/public/assets/cow.js +0 -1
package/test/public/images/app-icon.png +0 -0
package/test/src/__layout.svelte +0 -20
package/test/src/components/Cool.cayo.svelte +0 -5
package/test/src/components/Some.svelte +0 -1
package/test/src/components/Test.cayo.svelte +0 -5
package/test/src/index.js +0 -17
package/test/src/main2.js +0 -1
package/test/src/pages/hey.svelte +0 -8
package/test/src/pages/howdy.svelte +0 -11
package/test/src/pages/index.svelte +0 -38
package/test/src/pages/some/page.svelte +0 -2
package/tests/asset-dir/cayo.config.js +0 -38
package/tests/asset-dir/package-lock.json +0 -1435
package/tests/asset-dir/package.json +0 -19
package/tests/asset-dir/public/images/app-icon.png +0 -0
package/tests/asset-dir/src/__layout.svelte +0 -20
package/tests/asset-dir/src/components/CayoExample.svelte +0 -5
package/tests/asset-dir/src/components/Some.cayo.svelte +0 -6
package/tests/asset-dir/src/index.js +0 -5
package/tests/asset-dir/src/pages/index.svelte +0 -19
package/tests/base-path/cayo.config.js +0 -36
package/tests/base-path/package-lock.json +0 -1435
package/tests/base-path/package.json +0 -19
package/tests/base-path/public/assets/cow.js +0 -1
package/tests/base-path/public/images/app-icon.png +0 -0
package/tests/base-path/src/__layout.svelte +0 -20
package/tests/base-path/src/components/CayoExample.svelte +0 -5
package/tests/base-path/src/components/Some.cayo.svelte +0 -6
package/tests/base-path/src/index.js +0 -5
package/tests/base-path/src/pages/howdy.svelte +0 -12
package/tests/base-path/src/pages/index.svelte +0 -20
package/tests/basic/notcayo.config.js +0 -35
package/tests/basic/package-lock.json +0 -1435
package/tests/basic/package.json +0 -19
package/tests/basic/public/assets/cow.js +0 -1
package/tests/basic/public/images/app-icon.png +0 -0
package/tests/basic/src/__layout.svelte +0 -20
package/tests/basic/src/components/Cool.cayo.svelte +0 -4
package/tests/basic/src/components/Some.svelte +0 -1
package/tests/basic/src/index.js +0 -5
package/tests/basic/src/main2.js +0 -1
package/tests/basic/src/pages/hey.svelte +0 -8
package/tests/basic/src/pages/howdy.svelte +0 -11
package/tests/basic/src/pages/index.svelte +0 -33
package/tests/basic/src/pages/some/some.svelte +0 -2
package/tests/basic cases (old)/src/components/Cool.cayo.svelte +0 -4
package/tests/basic cases (old)/src/components/Some.svelte +0 -1
package/tests/basic cases (old)/src/components/dir/Cool.cayo.svelte +0 -4
package/tests/basic cases (old)/src/main.js +0 -1
package/tests/basic cases (old)/src/main2.js +0 -1
package/tests/basic cases (old)/src/pages/hey.svelte +0 -2
package/tests/basic cases (old)/src/pages/howdy.svelte +0 -11
package/tests/basic cases (old)/src/pages/index.svelte +0 -27
package/tests/nested-pages/cayo.config.js +0 -35
package/tests/nested-pages/package-lock.json +0 -1435
package/tests/nested-pages/package.json +0 -19
package/tests/nested-pages/public/assets/cow.js +0 -1
package/tests/nested-pages/public/images/app-icon.png +0 -0
package/tests/nested-pages/src/__layout.svelte +0 -20
package/tests/nested-pages/src/components/Cool.cayo.svelte +0 -4
package/tests/nested-pages/src/index.js +0 -5
package/tests/nested-pages/src/main2.js +0 -1
package/tests/nested-pages/src/pages/index.svelte +0 -18
package/tests/nested-pages/src/pages/some/other/page.svelte +0 -7
package/tests/nested-pages/src/pages/some/page.svelte +0 -6

package/template/package.json ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "type": "module",
+  "scripts": {
+    "dev": "cayo dev",
+    "build": "cayo build"
+  },
+  "devDependencies": {
+    "cayo": "^1.0.0"
+  }
+}

package/template/public/vite.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/{tests/basic cases (old)/src/__index.svelte → template/src/__template.svelte} RENAMED Viewed

@@ -2,17 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🏝</text></svg>">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     %cayo.title%
+    %cayo.css%
     %cayo.head%
   </head>
   <body>
-    <!--
-      TODO: Show how to condtionally render any of these pieces based on dev vs. prod
-      E.g., I need to remove head from prod, but want it there in dev
-    -->
     %cayo.body%
     %cayo.script%
   </body>
-</html>
+</html>

package/template/src/components/counter.cayo.svelte ADDED Viewed

@@ -0,0 +1,27 @@
+<script>
+  export let count = 0;
+</script>
+<div class="wrapper">
+  <button on:click={() => count++}>Count: {count}</button>
+</div>
+<style>
+  .wrapper {
+    display: flex;
+    justify-content: center;
+  }
+  button {
+    padding: .5rem;
+    background-color: transparent;
+    border: 1px solid rgba(81, 95, 240, .75);
+    color: white;
+    border-radius: 5px;
+    transition: .2s;
+  }
+  button:hover {
+    cursor: pointer;
+    border-color: rgb(81, 95, 240);
+    background-color: rgba(81, 95, 240, .25);
+  }
+</style>

package/template/src/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+import './style.css';
+window.addEventListener('load', () => {
+  renderCayos();
+})

package/template/src/pages/index.svelte ADDED Viewed

@@ -0,0 +1,15 @@
+<script>
+  import { Cayo, Entry } from 'cayo';
+  const heading = '🏝 Cayo';
+</script>
+<h1>{heading}</h1>
+<Cayo src="counter.cayo.svelte" />
+<Entry src="index.js" />
+<style>
+  h1 {
+    text-align: center;
+    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+</style>

package/template/src/style.css ADDED Viewed

@@ -0,0 +1,13 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 100vh;
+  margin: 0;
+  background-color: #232731;
+  color: white;
+}
+h1 {
+  margin-top: 0;
+}

package/lib/cli.js DELETED Viewed

@@ -1,69 +0,0 @@
-import { loadConfig } from './config.js';
-import yargs from 'yargs-parser';
-import { devServer } from './dev.js';
-import { build } from './build.js';
-import fs from 'fs-extra';
-// TODO: move this elsewhere
-if (!fs.existsSync(dotPath)) {
-  await fs.mkdir(dotPath)
-}
-// Load config
-// Handle arguments
-function resolveArgs(argv) {
-  const cmd = argv._[2]
-  const options = {
-    //TODO: support options from command line
-  }
-  switch (cmd) {
-    case 'dev':
-      return { cmd: 'dev', options };
-    case 'build':
-      return { cmd: 'build', options };
-    default:
-      return { cmd: 'help', options };
-  }
-}
-function printHelp() {
-  // TODO: help info
-  console.log('help');
-}
-function run(command) {
-  const { cmd, options } = command;
-  try {
-    // const { projectRoot, configPath } = options;
-    const config = await loadConfig(options);
-    // TODO: actually run command now
-  } catch (err) {
-    console.error(err);
-    process.exit(1);
-  }
-}
-// Run
-export async function cli(args) {
-  const argv = yargs(args);
-  const command = resolveArgs(argv);
-  // TODO: do something with options
-  switch(command.cmd) {
-    case 'dev':
-      // run server
-      devServer();
-      break;
-    case 'build':
-      // run build
-      build();
-      break;
-    case 'help':
-    default:
-      printHelp();
-  }
-}

package/lib/codegen.js DELETED Viewed

@@ -1,79 +0,0 @@
-import path from 'path';
-// Generate runtime helper that finds and parses a component instance's prop data
-export function generateGetProps() {
-  return (
-`
-function getProps(cayoId) {
-  const componentElement = document.querySelector(\`[data-cayo-id="\${cayoId}"]\`);
-  const json = componentElement.dataset.cayoProps;
-  return JSON.parse(json);
-}
-`
-  );
-}
-export function generateCayoRuntime(components, config) {
-  let code = '';
-  let instances = '';
-  if (Object.keys(components).length !== 0) {
-    // TODO: add this path to config (internal only)
-    // const componentPath = path.resolve(config.cayoPath, './__cayo/components');
-    const componentPath = '/__cayo/components';
-    Object.entries(components).forEach(([name, ids]) => {
-      // Add component dependency import
-      code += `import { ${name} } from '${componentPath}/${name}.js';\n`;
-      // Generate component instances
-      ids.forEach(id => {
-        instances += generateComponentInstance(id, name)
-      });
-    });
-    // Add getProps (used by component instances)
-    code += generateGetProps();
-  } else {
-    instances += `  // No cayo component instances found in page HTML`;
-  }
-  // Add main render, which runs the component instantiations
-  code += generateRender(instances);
-  return { code };
-}
-function generateRender(contents) {
-  return (
-`
-export default function render(cb) {
-  var target = function (node) { return node; }
-  if (cb) target = cb;
-${contents}
-}
-`
-  );
-}
-// Generate the code to wrap component instances in an event listener wrapper
-export function generateComponentInstanceWrapper(contents) {
-  return (
-`
-document.addEventListener('DOMContentLoaded', function() {
-${contents}
-});
-`
-  );
-}
-// Generate the code for a component instance
-export function generateComponentInstance(cayoId, componentName) {
-  return (
-`
-  new ${componentName}({
-    target: target(document.querySelector('[data-cayo-id="${cayoId}"]')),
-    hydrate: true,
-    props: getProps('${cayoId}'),
-  });
-`
-  );
-}

package/lib/components/Cayo.svelte DELETED Viewed

@@ -1,25 +0,0 @@
-<script>
-  import * as crypto from 'crypto';
-  // import { Boundary } from '@crownframework/svelte-error-boundary';
-  export let name;
-  // TODO: Consider error handling for required stuff
-  // if (!name) throw new Error('No name for component');
-  // try {
-    // if (!name) throw new Error(`\x1b[31mCayo Component: 'name' prop is required and can't be an empty string`);
-  // } catch (err) {
-  //   new Error(err);
-  // }
-  function hash() {
-    return crypto.randomBytes(3).toString('hex');
-  }
-  const json = JSON.stringify($$restProps);
-</script>
-<div data-cayo-id={name ? `${name}-${hash()}` : ''} data-cayo-props={json}>
-  <slot/>
-</div>

package/lib/config.js DELETED Viewed

@@ -1,155 +0,0 @@
-import path from 'path';
-import fs from 'fs-extra';
-import { z } from 'zod';
-import { normalizePath } from './utils.js';
-import { default as viteConfig } from './vite.config.js';
-import chalk from 'chalk';
-import merge from 'deepmerge';
-async function validateConfig(userConfig, base) {
-  const ConfigSchema = z.object({
-    projectRoot: z
-      .string()
-      .optional()
-      .default('.')
-      .transform(val => normalizePath(base, val)),
-    src: z
-      .string()
-      .optional()
-      .default('./src')
-      .transform(val => normalizePath(base, val)),
-    pages: z
-      .string()
-      .optional()
-      .default('./src/pages')
-      .transform(val => normalizePath(base, val)),
-    publicDir: z
-      .string()
-      .optional()
-      .default('./public')
-      .transform(val => normalizePath(base, val)),
-    base: z
-      .string()
-      .optional(),
-    build: z
-      .object({
-        outDir: z
-          .string()
-          .optional()
-          .default('./dist')
-          .transform(val => normalizePath(base, val)),
-        assetsDir: z
-          .string()
-          .optional()
-          .default('assets'),
-          // .transform(val => normalizePath(base, val)),
-        legacy: z.
-          boolean()
-          .optional()
-          .default(false),
-      })
-      .optional()
-      .default({}),
-    css: z
-      .object({
-        internal: z
-          .boolean()
-          .optional()
-          .default(false),
-      })
-      .optional()
-      .default({}),
-    viteConfig: z
-      .any({}),
-      // .default(viteConfig),
-    cayoPath: z
-      .string()
-      .optional()
-      .default('.cayo/')
-      .transform(val => normalizePath(base, val)),
-    cayoComponentInfix: z
-      .string()
-      .optional()
-      .default('cayo'),
-    templateFileName: z
-      .string()
-      .default('__layout'),
-    mode: z
-      .string()
-      .optional()
-      .default('development'),
-  });
-  return await ConfigSchema.parseAsync(userConfig);
-}
-export function checkConfigPaths(config, logger) {
-  let errorLogged = false;
-  const log = (option, value) => {
-    logger.warn(
-      chalk.red(`Config Error: ${option}: '${value}' does not exist`),
-      { timestamp: true, clear: false, }
-    );
-    errorLogged = true;
-  }
-  if (!fs.existsSync(config.projectRoot))
-    log('config.projectRoot', config.projectRoot);
-  if (!fs.existsSync(path.resolve(config.projectRoot, config.src)))
-    log('config.src', config.projectRoot);
-  if (!fs.existsSync(path.resolve(config.projectRoot, config.pages)))
-    log('config.pages', config.pages);
-  if (!fs.existsSync(path.resolve(config.projectRoot, config.publicDir)))
-    log('config.publicDir', config.publicDir);
-  if (!fs.existsSync(path.resolve(config.src, `${config.templateFileName}.svelte`)))
-    log('config.templateFileName', `${config.templateFileName}(.svelte)`);
-  if (!fs.existsSync(path.resolve(config.projectRoot, config.publicDir)))
-    log('config.publicDir', config.publicDir);
-  if(errorLogged) throw new Error('Config Error: fix the issues above in your config file');
-}
-export async function loadConfig(options) {
-  const configFileName = 'cayo.config.js';
-  // Use options passed to the CLI for projectRoot and configPath
-  const root = options.projectRoot
-    ? path.resolve(options.projectRoot)
-    : process.cwd();
-  const configPath = options.configPath
-    ? path.resolve(root, options.configPath)
-    : path.resolve(root, `./${configFileName}`);
-  // Load config from user config file
-  let userConfig = { projectRoot: root, mode: options.mode };
-  if (fs.existsSync(configPath)) {
-    userConfig = {
-      ...(await import(configPath)).default,
-      ...userConfig,
-    };
-  }
-  const config = await validateConfig(userConfig, root);
-  if (config.viteConfig) {
-    const mergedViteConfig = merge(viteConfig, config.viteConfig, { arrayMerge: combineMerge });
-    config.viteConfig = mergedViteConfig;
-  }
-  return config;
-}
-// Credit: https://github.com/TehShrike/deepmerge#arraymerge-example-combine-arrays
-function combineMerge(target, source, options) {
-	const destination = target.slice()
-	source.forEach((item, index) => {
-		if (typeof destination[index] === 'undefined') {
-			destination[index] = options.cloneUnlessOtherwiseSpecified(item, options)
-		} else if (options.isMergeableObject(item)) {
-			destination[index] = merge(target[index], item, options)
-		} else if (target.indexOf(item) === -1) {
-			destination.push(item)
-		}
-	})
-	return destination
-}

package/lib/files.js DELETED Viewed

@@ -1,84 +0,0 @@
-import fs from 'fs-extra';
-import path from 'path';
-import chalk from 'chalk';
-// Write file content for a page
-export async function writePageFiles(page, outDir, logger, config) {
-  const { html, css, js, entry } = page;
-  const htmlPath = page.urlPath === '/' ? 'index.html' : `${page.filePath}/index.html`;
-  // Write HTML
-  await fs.outputFile(path.resolve(outDir, `${htmlPath}`), html)
-    .then(() => logger.info(
-      chalk.green('page build ') + chalk.dim(`${page.filePath}`),
-      { timestamp: true })
-    );
-  // Write CSS
-  if (css.code !== '' && !config.css.internal) {
-    const cssPath = page.urlPath === '/' ? 'index.css' : `${page.filePath}/index.css`;
-    await fs.outputFile(path.resolve(outDir, cssPath), css)
-      .then(() => logger.info(
-        chalk.green('css build ') + chalk.dim(`${page.filePath}`),
-        { timestamp: true })
-      );
-  }
-  // Write Cayo runtime JS
-  if (js.code !== '') {
-    let jsPath = page.urlPath === '/' ? 'cayo-runtime.js' : `${page.filePath}/cayo-runtime.js`;
-    let content = '';
-    content += js.code;
-    await fs.outputFile(path.resolve(outDir, jsPath), content)
-      .then(() => logger.info(
-        chalk.green('cayo runtime build ') + chalk.dim(`${page.filePath}`),
-        { timestamp: true })
-      );
-  }
-  // Copy user entry JS
-  if (entry.path !== '') {
-    let entryRelativePath = page.urlPath === '/' ? `./index.js` : `${page.filePath}${path.sep}index.js`;
-    await fs.copy(entry.path, path.resolve(outDir, entryRelativePath))
-      .then(() => logger.info(
-        chalk.green('entry build ') + chalk.dim(`${page.filePath}`),
-        { timestamp: true })
-      ).catch(err => console.error(err));
-  }
-}
-export async function writeTemplateCSS(css, outDir, logger, config) {
-  if (css.code !== '' && !config.css.internal) {
-    const cssPath = `__index.css`;
-    await fs.outputFile(path.resolve(outDir, cssPath), css.code)
-      .then(() => logger.info(
-        chalk.green('css build ') + chalk.dim(`${config.templateFileName}`),
-        { timestamp: true })
-      );
-  }
-}
-export async function writeComponentFile(name, modulePath, outDir, logger) {
-  let content = `export { default as ${name} } from '${modulePath}';\n`;
-  await fs.outputFile(path.resolve(outDir, `./__cayo/components/${name}.js`), content)
-    .then(() => logger.info(
-      chalk.green('component dep ') + chalk.dim(`${name}`),
-      { timestamp: true })
-    );
-}
-export function cleanCayoPath(cayoPath) {
-  fs.removeSync(cayoPath);
-  fs.ensureDirSync(cayoPath);
-  // if (!fs.existsSync(cayoPath)) {
-  //   try {
-  //     fs.mkdirSync(cayoPath)
-  //   } catch (err) {
-  //     console.error(err);
-  //   }
-  // } else {
-  //   try {
-  //     fs.removeSync(cayoPath)
-  //     fs.mkdirSync(cayoPath);
-  //   } catch (err) {
-  //     console.error(err);
-  //   }
-  // }
-}

package/lib/prerender.js DELETED Viewed

@@ -1,181 +0,0 @@
-import fs from 'fs-extra';
-import path from 'path';
-import { JSDOM } from 'jsdom';
-import { Renderer } from './renderer.js';
-import { generateCayoRuntime } from './codegen.js';
-import chalk from 'chalk';
-export function prerender(Template, pages, componentModules, config, logger) {
-  const template = Template.render();
-  const renderer = new Renderer(template);
-  const componentList = new Set();
-  // const prerendered = {};
-  // Render page, parse html, and save its deps
-  const prerendered = Object.entries(pages).reduce(
-    (prerendered, [pathname, page]) => {
-      // Render page
-      const content = renderer.render(page, config);
-      // Postprocess the content, get deps and inject dep references
-      const { html, css, js, entry, components } = processPage(content, page, Object.keys(componentModules), config, logger);
-      prerendered[pathname] = {
-        html,
-        css,
-        js,
-        entry,
-        components,
-        ...page,
-      }
-      Object.keys(components).forEach(component => componentList.add(component))
-      return prerendered;
-    }, {}
-  );
-  return {
-    prerendered,
-    componentList,
-    template,
-  }
-}
-// Derive JS dependencies from the prerendered html
-export function processPage(content, page, componentNames, config, logger) {
-  const tags = findDocumentTags(content.html);
-  const dom = new JSDOM(content.html);
-  const { document } = dom.window;
-  // Get component instance ids
-  let cayoIds = [];
-  document.querySelectorAll('[data-cayo-id]').forEach((el) => {
-    if (el.dataset.cayoId !== '') {
-      cayoIds.push(el.dataset.cayoId);
-    } else {
-      logger.info(
-        chalk.red(`Cayo component instance without a name found`) + chalk.dim(` ${page.filePath}`),
-        { timestamp: true, clear: true, }
-      );
-    }
-  });
-  // Get component list
-  // TODO: make this regex allow '-' character, before the last one, to be part of the component name?
-  const componentNameRegex = /(?<name>\w+)-/; // Foo-{hash}
-  const components = cayoIds.reduce((components, id) => {
-    let name = id.match(componentNameRegex).groups.name;
-    if (!componentNames.includes(name)) {
-      logger.warn(
-        chalk.red(
-          `Cayo component with name '${name}' does not exist but is trying to be rendered`
-        ) + chalk.dim(` ${page.filePath}`),
-        { timestamp: true, clear: true, }
-      );
-      return components;
-    }
-    if (!components[name]) {
-      components[name] = [id]
-    } else {
-      components[name].push(id);
-    }
-    return components;
-  }, {});
-  // Get user-specified entry file name
-  // TODO: can just be querySelector? should only be one instance. maybe warn if more than one.
-  const entryScripts = document.querySelectorAll('script[data-cayo-entry]');
-  let userEntryFile = entryScripts.length !== 0 ? entryScripts[0].src : '';
-  // Remove user-specified entry file placeholder
-  if (userEntryFile) {
-    entryScripts.forEach((script) => {
-      script.remove();
-    });
-  }
-  // Build generated entry file contents
-  let js = { code: '' };
-  let entry = {
-    path: '',
-  }
-  if (!userEntryFile) {
-    // Remove the entry point script tag if the page doesn't need any JS
-    // This is injected by Renderer.render based on the template
-    const entryScript = document.querySelector(`script[type="module"][src="./index.js"]`);
-    if (entryScript) {
-      entryScript.remove();
-    } else {
-      logger.info(
-        chalk.bgRed.white(`No entry placeholder in template file.`) + chalk.dim(` Cayo components will not render.`),
-        { timestamp: true }
-      );
-    }
-  }
-  if (userEntryFile[0] === '/') {
-    userEntryFile = userEntryFile.substring(1);
-  } else if (userEntryFile && userEntryFile[0] !== '/') {
-    logger.warn(
-      chalk.red(
-        `Entry file path '${userEntryFile}' requires a leading slash and to be relative to src`
-      ) + chalk.dim(` ${page.filePath}`),
-      { timestamp: true, clear: true, }
-    );
-  }
-  if (userEntryFile) {
-    const entryFilePath = path.resolve(
-      config.src,
-      userEntryFile
-    );
-    if (!fs.pathExistsSync(entryFilePath)) {
-      console.error(`Can't read entry file ${userEntryFile} in ${page.modulePath}`);
-    } else {
-      entry.path = entryFilePath;
-    }
-  }
-  js = generateCayoRuntime(components, config);
-  // Construct the correct HTML string based on the document tags
-  // that were rendered from the source (jsdom wraps the source HTML in a document,
-  // which always includes `html`, `head`, and `body`, even if the source doesn't)
-  let processedHTML = '';
-  if (tags.html) {
-    processedHTML = dom.window.document.documentElement.outerHTML;
-  } else {
-    if (tags.head) {
-      processedHTML += dom.window.document.head.outerHTML;
-    } else {
-      processedHTML += dom.window.document.head.innerHTML;
-    }
-    if (tags.body) {
-      processedHTML += dom.window.document.body.outerHTML;
-    } else {
-      processedHTML += dom.window.document.body.innerHTML;
-    }
-  }
-  return {
-    html: processedHTML,
-    css: content.css.code,
-    js,
-    components,
-    entry,
-  };
-}
-function findDocumentTags(source) {
-  const head = source.match(/\<head[\s\S]*\>(?<innerHTML>[\s\S]*)\<\/head\>/g);
-  const body = source.match(/\<body[\s\S]*\>(?<innerHTML>[\s\S]*)\<\/body\>/g);
-  const html = source.match(/\<html[\s\S]*\>(?<innerHTML>[\s\S]*)\<\/html\>/g);
-  return {
-    head: head === null ? false : true,
-    body: body === null ? false : true,
-    html: html === null ? false : true,
-  };
-}