cayo 0.9.2 → 0.9.6

package/lib/codegen.js

@@ -45,7 +45,9 @@ export function generateCayoRuntime(components, config) {
 function generateRender(contents) {
   return (
 `
-export default function render() {
+export default function render(cb) {
+  var target = function (node) { return node; }
+  if (cb) target = cb;
 ${contents}
 }
 `
@@ -68,7 +70,7 @@ export function generateComponentInstance(cayoId, componentName) {
   return (
 ` 
   new ${componentName}({
-    target: document.querySelector('[data-cayo-id="${cayoId}"]'),
+    target: target(document.querySelector('[data-cayo-id="${cayoId}"]')),
     hydrate: true,
     props: getProps('${cayoId}'),
   });

package/lib/components/Cayo.svelte

@@ -19,6 +19,6 @@
   const json = JSON.stringify($$restProps);
 </script>
 
-<div data-cayo-id={name ? `${name}-${hash()}` : ''} data-cayo-props={json}>Cayo loading...<slot/></div>
+<div data-cayo-id={name ? `${name}-${hash()}` : ''} data-cayo-props={json}><slot/></div>
 <slot/>
 

package/lib/utils.js

@@ -61,7 +61,7 @@ export async function getComponentModulePaths(srcPath) {
 
 export async function createPageManifest(pagesPath, outDir, srcPath) {
   const pagePaths = await getPageModulePaths(pagesPath);
-  const nonCayoComponentPaths = await fg([path.resolve(srcPath, './components/**/*[!(.cayo)].svelte')]);
+  const nonCayoComponentPaths = await fg([path.resolve(srcPath, './components/**/*!([.cayo]).svelte')]);
   let importPages = `import { createRequire } from 'module';\n`
   importPages += `const require = createRequire(import.meta.url);\n`
   importPages += `require('svelte/register');\n`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cayo",
-  "version": "0.9.2",
+  "version": "0.9.6",
   "type": "module",
   "scripts": {
     "start": "node cayo dev --projectRoot test"

package/test/src/index.js

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

package/test/src/pages/index.svelte

@@ -16,7 +16,7 @@ I'm index howdy ok<br>
 <a href="/hey/" class="red">Hey</a>
 <a href="/some/page/" class="red">Some</a>
 
-<Cayo name="Cool" beans='ayo'></Cayo>
+<Cayo name="Cool" beans='ayo'>Whaaat</Cayo>
 <Cayo name="Cool" beans='beeeeaaaaasnnss' />
 <Cayo name="Cool" beans='NOT BEANS' />