cayo 0.9.10 → 0.9.11

package/lib/utils.js

@@ -1,126 +0,0 @@
-import fs from 'fs-extra';
-import fg from 'fast-glob';
-import crypto from 'crypto';
-import chalk from 'chalk';
-import path from 'path';
-
-export function getPageModules(modules, config) {
-  // TODO: build path from config
-  const extRegex = new RegExp(String.raw`(\.svelte)$`);
-
-  return Object.entries(modules).reduce((pages, [modulePath, page]) => {
-    // Make these paths actually useful
-    // /^(.+)\/pages/
-    // /^(\/\w+)*\/pages/
-    const filePath = modulePath.replace(/^(.+)\/pages\//, '').replace(extRegex, '')
-    const urlPath = filePath === 'index' ? filePath.replace(/index$/, '/') : `${filePath}/`
-    // name = name.split('.', 1)[0];
-    pages[urlPath] = {
-      Component: page.default,
-      meta: page.meta ? page.meta : {},
-      filePath,
-      modulePath,
-      urlPath
-    }
-    return pages;
-  }, {})
-}
-
-export function getComponentModules(modules, config) {
-
-  return Object.entries(modules).reduce((components, [modulePath, component]) => {
-    const componentNameRegex = /\/(?<name>\w+)\.cayo\.svelte/; // Foo-{hash}
-    const name = modulePath.match(componentNameRegex).groups.name;
-    if (components[name]) {
-      config.logger.info(
-        chalk.red(
-          `Cayo component with name '${name}' already exists. Cayo components must have unique file names.`
-        ) + chalk.dim(`\n\t\t\t${modulePath}`), 
-        { timestamp: true, clear: true, }
-      );
-    }
-    components[name] = {
-      Component: component.default,
-      modulePath,
-    }
-    return components;
-  }, {})
-}
-
-export function hash(bytes = 5) {
-  return crypto.randomBytes(bytes).toString('hex');
-}
-
-export async function getPageModulePaths(pagesPath) {
-  return await fg([path.resolve(pagesPath, './**/*.svelte')]);
-}
-
-export async function getComponentModulePaths(srcPath) {
-  return await fg([path.resolve(srcPath, './components/**/*.cayo.svelte')]);
-}
-
-export async function createPageManifest(pagesPath, outDir, srcPath) {
-  const pagePaths = await getPageModulePaths(pagesPath);
-  const componentPaths = await fg([path.resolve(srcPath, './components/**/*.svelte')]);
-  let importPages = `import { createRequire } from 'module';\n`
-  importPages += `const require = createRequire(import.meta.url);\n`
-  importPages += `require('svelte/register');\n`;
-  pagePaths.forEach((path, i) => {
-    importPages += `delete require.cache['${path}'];\n`
-    importPages += `const page_${i} = require('${path}');\n`;
-  }); 
-  importPages += 'export const pages = {\n';
-  pagePaths.forEach((path, i) => {
-    importPages += `  '${path}': page_${i},\n`;
-  })
-  importPages += '}\n';
-
-  componentPaths.forEach((path) => {
-    importPages += `delete require.cache['${path}'];\n`;
-  });
-  
-  return await fs.outputFile(path.resolve(outDir, './__cayo/pages.js'), importPages);
-}
-
-export async function createComponentManifest(srcPath, outDir) {
-  const componentPaths = await getComponentModulePaths(srcPath);
-  let importComponents = `import { createRequire } from 'module';\n`;
-  importComponents += `const require = createRequire(import.meta.url);\n`;
-  importComponents += `require('svelte/register');\n`;
-  componentPaths.forEach((path, i) => {
-    importComponents += `delete require.cache['${path}'];\n`;
-    importComponents += `const component_${i} = require('${path}');\n`;
-  }); 
-  importComponents += 'export const components = {\n';
-  componentPaths.forEach((path, i) => {
-    importComponents += `  '${path}': component_${i},\n`;
-  })
-  importComponents += '}\n';
-  return await fs.outputFile(path.resolve(outDir, './__cayo/components.js'), importComponents);
-}
-
-
-export async function createTemplateManifest(templatePath, outDir) {
-  let importTemplate = `import { createRequire } from 'module';\n`;
-  importTemplate += `const require = createRequire(import.meta.url);\n`;
-  importTemplate += `require('svelte/register');\n`;
-  importTemplate += `delete require.cache['${templatePath}'];\n`;
-  importTemplate += `export const Template = require('${templatePath}').default;\n`;
-  return await fs.outputFile(path.resolve(outDir, './__cayo/template.js'), importTemplate);
-}
-
-
-// Credit: https://github.com/snowpackjs/astro
-/** Add / to the end of string (but don’t double-up) */
-export function addTrailingSlash(_path) {
-  return _path.replace(/\/?$/, '/');
-}
-
-export function normalizePath(root, _path) {
-  if (root === _path) return root;
-  return path.normalize(path.join(root, addTrailingSlash(_path)));
-}
-
-export function getOutDir(config) {
-  return config.mode === 'production' ? config.buildOptions.outDir : config.cayoPath;
-}

package/lib/vite.config.js

@@ -1,16 +0,0 @@
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
-import sveltePreprocess from 'svelte-preprocess'
-
-export default defineConfig({
-  clearScreen: false,
-  plugins: [svelte({
-    preprocess: sveltePreprocess({ preserve: ['json'] }),
-    compilerOptions: {
-      hydratable: true,
-    },
-  })],
-  server: {
-    port: '5000',
-  }
-});

package/notes.md

@@ -1,3 +0,0 @@
-```bash
-vite build --outDir dist --ssr prerender.js --mode development && node dist/prerender.js
-```

package/test/cayo.config.js

@@ -1,35 +0,0 @@
-
-// vite config example
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
-import sveltePreprocess from 'svelte-preprocess'
-// const viteConfig = defineConfig({
-//   // root: './.cayo/',
-//   plugins: [svelte({
-//     preprocess: sveltePreprocess({ preserve: ['json'] }),
-//     compilerOptions: {
-//       hydratable: true,
-//     },
-//   })],
-// });
-
-export default {
-  // projectRoot: '.',
-  // css: {
-  //   internal: false,
-  // },
-  templateFileName: '__layout',
-  viteConfig: {
-    base: '/vite/',
-    plugins: [svelte({
-      preprocess: sveltePreprocess({ preserve: ['json'] }),
-      compilerOptions: {
-        hydratable: true,
-      },
-    })],
-    server: {
-      port: '5005',
-    },
-  },
-  base: '/cayo/'
-}

package/test/public/assets/cow.js

@@ -1 +0,0 @@
-console.log("I'm main");

package/test/src/__layout.svelte

@@ -1,20 +0,0 @@
-<!-- <!DOCTYPE html> -->
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    %cayo.title%
-    %cayo.css%    
-    %cayo.head%
-  </head>
-  <body class="hey">
-    <!-- 
-      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>

package/test/src/components/Cool.cayo.svelte

@@ -1,5 +0,0 @@
-<script>
-  export let beans = '';
-</script>
-<div>{beans}</div>
-<p>I prob change don't i</p>

package/test/src/components/Some.svelte

@@ -1 +0,0 @@
-HUH?

package/test/src/components/Test.cayo.svelte

@@ -1,5 +0,0 @@
-<script>
-
-</script>
-ok
-<!-- <slot></slot> -->

package/test/src/index.js

@@ -1,17 +0,0 @@
-// console.log("I'm main");
-
-const cb = (node) => { 
-  console.log('im side effecting');
-  console.log(node);
-  return node; 
-}
-
-function replaceContents ( node ) {
-  node.innerHTML = '';
-  return node;
-}
-
-import { default as renderComponents } from './cayo-runtime.js';
-document.addEventListener('DOMContentLoaded', () => {
-  renderComponents(replaceContents);
-});

package/test/src/main2.js

@@ -1 +0,0 @@
-console.log("I'm main also");

package/test/src/pages/hey.svelte

@@ -1,8 +0,0 @@
-yessir
-<br><a href="/">Back</a>
-
-<style>
-  br {
-    display: block;
-  }
-</style>

package/test/src/pages/howdy.svelte

@@ -1,11 +0,0 @@
-<script>
-  import Cayo from '../../../lib/components/Cayo.svelte';
-</script>
-
-howdyyy
-<br><a href="/">Back</a>
-<Cayo name="Cool" beans='on Howdy' />
-
-<slot name="entry">
-  <script src="/main2.js" data-cayo-entry />
-</slot>

package/test/src/pages/index.svelte

@@ -1,38 +0,0 @@
-<script context="module">
-  export const meta = {
-    title: 'Home',
-  };
-</script>
-<script>
-  import Cayo from '../../../lib/components/Cayo.svelte';
-
-  import Some from '../components/Some.svelte';
-</script>
-
-<Some />
-
-I'm index howdy ok<br>
-<a href="/howdy/">Howdy</a><br>
-<a href="/hey/" class="red">Hey</a>
-<a href="/some/page/" class="red">Some</a>
-
-<Cayo name="Test" object={{ some: 'what?$staticlink$'}}><div>Default Content</div></Cayo>
-
-<Cayo name="Cool" beans='ayo'>Whaaat</Cayo>
-<Cayo name="Cool" beans='beeeeaaaaasnnss' />
-<Cayo name="Cool" beans='NOT BEANS' />
-
-<img src="/images/app-icon.png" alt="">
-
-<slot name="entry">
-  <script src="/index.js" data-cayo-entry />
-</slot>
-
-<style>
-  .red {
-    color: red;
-  }
-  img {
-    width: 50px;
-  }
-</style>

package/test/src/pages/some/page.svelte

@@ -1,2 +0,0 @@
-<div>hey</div>
-<br><a href="/">Back</a>

package/tests/asset-dir/cayo.config.js

@@ -1,38 +0,0 @@
-
-// vite config example
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
-import sveltePreprocess from 'svelte-preprocess'
-// const viteConfig = defineConfig({
-//   // root: './.cayo/',
-//   plugins: [svelte({
-//     preprocess: sveltePreprocess({ preserve: ['json'] }),
-//     compilerOptions: {
-//       hydratable: true,
-//     },
-//   })],
-// });
-
-export default {
-  // projectRoot: '.',
-  // css: {
-  //   internal: false,
-  // },
-  templateFileName: '__layout',
-  viteConfig: {
-    // base: '/vite/',
-    plugins: [svelte({
-      preprocess: sveltePreprocess({ preserve: ['json'] }),
-      compilerOptions: {
-        hydratable: true,
-      },
-    })],
-    server: {
-      // port: '5005',
-    },
-  },
-  build: {
-    assetsDir: 'some/specific/path',
-  },
-  base: '/some/specific/path/',
-}