xpine 0.0.26 → 0.0.27

package/dist/index.d.ts

@@ -5,4 +5,5 @@ export * from './src/util/get-config';
 export * from './src/scripts/build';
 export * from './src/auth';
 export * from './src/util/html';
+export * from './src/context';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -9,12 +9,146 @@ import chokidar from "chokidar";
 import path5 from "path";
 import fs5 from "fs-extra";
 import { build } from "esbuild";
-import ts3 from "typescript";
 
 // src/build/typescript-builder.ts
 import ts from "typescript";
 import fs from "fs-extra";
+import path2 from "path";
+
+// src/util/get-config.ts
 import path from "path";
+
+// src/util/require.ts
+import { createRequire } from "module";
+var require_default = createRequire(import.meta.url);
+
+// src/util/get-config.ts
+var rootDir = process.cwd();
+function fromRoot(pathName) {
+  if (!pathName) return rootDir;
+  return path.join(rootDir, pathName);
+}
+var userConfig = require_default(path.join(process.cwd(), "./xpine.config.mjs")).default;
+var configDefaults = {
+  rootDir: fromRoot(),
+  srcDir: fromRoot("./src"),
+  distDir: fromRoot("./dist"),
+  packageJsonPath: fromRoot("package.json"),
+  // We need to use getters here in the event someone wants to change folders, such as the dist folder
+  get distPublicDir() {
+    return path.join(this.distDir, "./public");
+  },
+  get distPublicScriptsDir() {
+    return path.join(this.distPublicDir, "./scripts");
+  },
+  get distTempFolder() {
+    return path.join(this.distDir, "./temp");
+  },
+  get clientJSBundlePath() {
+    return path.join(this.distPublicScriptsDir, "./app.js");
+  },
+  get alpineDataPath() {
+    return path.join(this.distTempFolder, "./alpine-data.ts");
+  },
+  get serverDistDir() {
+    return path.join(this.distDir, "./server");
+  },
+  get serverDistAppPath() {
+    return path.join(this.serverDistDir, "./app.js");
+  },
+  // Important dirs/paths
+  get pagesDir() {
+    return path.join(this.srcDir, "./pages");
+  },
+  get distPagesDir() {
+    return path.join(this.distDir, "./pages");
+  },
+  get publicDir() {
+    return path.join(this.srcDir, "./public");
+  },
+  get serverDir() {
+    return path.join(this.srcDir, "./server");
+  },
+  get runDir() {
+    return path.join(this.serverDir, "./run");
+  },
+  get serverAppPath() {
+    return path.join(this.serverDir, "./app.ts");
+  },
+  get globalCSSFile() {
+    return path.join(this.publicDir, "./styles/global.css");
+  }
+};
+var config = {
+  ...configDefaults,
+  ...userConfig
+};
+
+// src/context.ts
+function createContext(value) {
+  let stateValue = value;
+  let arrayQueue = {};
+  return {
+    get(id) {
+      const val = stateValue[id];
+      if (Array.isArray(val)) return val.filter((item) => item !== void 0);
+      return val;
+    },
+    set(id, callback, defaultValue) {
+      if (!stateValue[id]) stateValue[id] = defaultValue ?? null;
+      stateValue[id] = callback(stateValue[id]);
+    },
+    clear() {
+      stateValue = {};
+    },
+    getAll() {
+      return stateValue;
+    },
+    getArrayQueue() {
+      return arrayQueue;
+    },
+    addToArray(id, value2, position) {
+      const output = {
+        id,
+        value: addToContextArray(value2, position),
+        position
+      };
+      if (!arrayQueue[id]) {
+        arrayQueue[id] = [output];
+      } else {
+        arrayQueue[id].push(output);
+      }
+    },
+    runArrayQueue() {
+      Object.keys(arrayQueue).forEach((key) => {
+        arrayQueue[key].sort((a, b) => {
+          return (a?.position ?? Infinity) - (b.position ?? Infinity);
+        });
+        for (const item of arrayQueue[key]) {
+          this.set(key, item.value, []);
+        }
+      });
+      arrayQueue = {};
+    }
+  };
+}
+var context = createContext({});
+function addToContextArray(newValue, position) {
+  return function(currentValue) {
+    if (!currentValue) return [newValue];
+    if (typeof position === "number") {
+      if (position > currentValue?.length) {
+        const output = [...currentValue, ...new Array(position + 1 - currentValue.length)];
+        return output.toSpliced(position, 0, newValue);
+      }
+      if (currentValue?.[position] === void 0) return currentValue.toSpliced(position, 1, newValue);
+      return currentValue.toSpliced(position, 0, newValue);
+    }
+    return [...currentValue, newValue];
+  };
+}
+
+// src/build/typescript-builder.ts
 function findDataAttributesAndFunctions(node, sourceFile, foundDataAttributes = [], foundFunctions = []) {
   if (node.kind === ts.SyntaxKind.JsxAttribute) {
     const attribute = getAttributeValuePair(node, sourceFile);
@@ -86,18 +220,7 @@ function removeClientScriptInTSXFile(pathName, source) {
     }
     if (child.kind === ts.SyntaxKind.ImportDeclaration && child.pos >= clientDataStart) {
       const text = child.getText(source);
-      child.forEachChild((child2) => {
-        if (child2.kind === ts.SyntaxKind.StringLiteral) {
-          const text2 = child2.getText(source);
-          const importPath = text2.replace(/[\"\']/g, "");
-          const isRelativeImport = importPath.startsWith(".") || importPath.startsWith("/");
-          if (!isRelativeImport) return;
-          clientImportsToReplace.push({
-            old: importPath,
-            new: path.join(path.dirname(pathName), importPath)
-          });
-        }
-      });
+      clientImportsToReplace.push(...getImportsToAbsolutePaths(child, source, pathName));
       clientImportsToHoist.push(text);
     }
   });
@@ -113,18 +236,58 @@ function removeClientScriptInTSXFile(pathName, source) {
     clientDataStart
   };
 }
+function getImportsToAbsolutePaths(child, source, pathName) {
+  const output = [];
+  child.forEachChild((child2) => {
+    if (child2.kind === ts.SyntaxKind.StringLiteral) {
+      const text = child2.getText(source);
+      const importPath = text.replace(/[\"\']/g, "");
+      const isRelativeImport = importPath.startsWith(".") || importPath.startsWith("/");
+      if (!isRelativeImport) return;
+      output.push({
+        old: importPath,
+        new: path2.join(path2.dirname(pathName), importPath)
+      });
+    }
+  });
+  return output;
+}
+function getXpineOnLoadFunction(pathName, source, onLoadFileResult) {
+  const value = {
+    imports: "",
+    fn: ""
+  };
+  source.forEachChild((child) => {
+    if (child.kind == ts.SyntaxKind.ImportDeclaration) {
+      let importText = child.getText(source);
+      const importOutput = getImportsToAbsolutePaths(child, source, pathName);
+      for (const importItem of importOutput) {
+        importText = importText.replace(importItem.old, importItem.new);
+      }
+      value.imports = importText + "\n" + value.imports;
+    }
+    if ([ts.SyntaxKind.FirstStatement, ts.SyntaxKind.FunctionDeclaration].includes(child.kind)) {
+      let text = child.getText(source);
+      if (text.includes("xpineOnLoad")) {
+        const body = child?.body?.getText(source) || "";
+        value.fn = value.fn + "\n" + body ? `(function() ${body})();` : "";
+      }
+    }
+  });
+  return value;
+}
+async function triggerXPineOnLoad(noCache = false) {
+  context.clear();
+  const xpineOnLoad = (await import(path2.join(config.distDir, `./__xpineOnLoad.js${noCache ? `?cache=${Date.now()}` : ""}`)))?.default;
+  if (xpineOnLoad) await xpineOnLoad();
+}
 
 // src/scripts/build.ts
 import { globSync } from "glob";
 import postcss from "postcss";
 import tailwindPostcss from "@tailwindcss/postcss";
 
-// src/util/get-config.ts
-import path2 from "path";
-
-// src/util/require.ts
-import { createRequire } from "module";
-var require_default = createRequire(import.meta.url);
+// src/util/paths.ts
 function getXPineDistDir() {
   const dir = import.meta.dirname;
   const splitDir = dir.split("/xpine/dist");
@@ -135,68 +298,6 @@ function getXPineDistDir() {
   return splitDir[0] + "/xpine/dist";
 }
 
-// src/util/get-config.ts
-var rootDir = process.cwd();
-function fromRoot(pathName) {
-  if (!pathName) return rootDir;
-  return path2.join(rootDir, pathName);
-}
-var userConfig = require_default(path2.join(process.cwd(), "./xpine.config.mjs")).default;
-var configDefaults = {
-  rootDir: fromRoot(),
-  srcDir: fromRoot("./src"),
-  distDir: fromRoot("./dist"),
-  packageJsonPath: fromRoot("package.json"),
-  // We need to use getters here in the event someone wants to change folders, such as the dist folder
-  get distPublicDir() {
-    return path2.join(this.distDir, "./public");
-  },
-  get distPublicScriptsDir() {
-    return path2.join(this.distPublicDir, "./scripts");
-  },
-  get distTempFolder() {
-    return path2.join(this.distDir, "./temp");
-  },
-  get clientJSBundlePath() {
-    return path2.join(this.distPublicScriptsDir, "./app.js");
-  },
-  get alpineDataPath() {
-    return path2.join(this.distTempFolder, "./alpine-data.ts");
-  },
-  get serverDistDir() {
-    return path2.join(this.distDir, "./server");
-  },
-  get serverDistAppPath() {
-    return path2.join(this.serverDistDir, "./app.js");
-  },
-  // Important dirs/paths
-  get pagesDir() {
-    return path2.join(this.srcDir, "./pages");
-  },
-  get distPagesDir() {
-    return path2.join(this.distDir, "./pages");
-  },
-  get publicDir() {
-    return path2.join(this.srcDir, "./public");
-  },
-  get serverDir() {
-    return path2.join(this.srcDir, "./server");
-  },
-  get runDir() {
-    return path2.join(this.serverDir, "./run");
-  },
-  get serverAppPath() {
-    return path2.join(this.serverDir, "./app.ts");
-  },
-  get globalCSSFile() {
-    return path2.join(this.publicDir, "./styles/global.css");
-  }
-};
-var config = {
-  ...configDefaults,
-  ...userConfig
-};
-
 // src/util/postcss/remove-layers.ts
 var plugin = (opts = {}) => {
   return {
@@ -270,13 +371,16 @@ function transformTSXFiles(componentData, pageConfigFiles) {
           ts2.ScriptTarget.Latest
         );
         const cleanedContent = removeClientScriptInTSXFile(args.path, source);
-        const htmlImportStart = "import { html } from 'xpine';\n";
-        const newContent = `${htmlImportStart}${cleanedContent.content}`;
+        const htmlImportStart = [
+          "import { html } from 'xpine';"
+        ];
+        const newContent = `${htmlImportStart.join("\n")}${cleanedContent.content}`;
         componentData.push({
           ...args,
           contents: `${htmlImportStart}${cleanedContent.fullContent}`,
           clientContent: cleanedContent.clientContent,
-          configFiles: isAConfigFile(args?.path) ? null : getConfigFiles(args.path, pageConfigFiles)
+          configFiles: isAConfigFile(args?.path) ? null : getConfigFiles(args.path, pageConfigFiles),
+          source
         });
         return {
           contents: newContent,
@@ -346,7 +450,10 @@ var extensions = [".ts", ".tsx"];
 var packageJson = JSON.parse(fs5.readFileSync(config.packageJsonPath, "utf-8"));
 var allPackages = Object.keys(packageJson.devDependencies).concat(Object.keys(packageJson.dependencies));
 var xpineDistDir = getXPineDistDir();
-async function buildApp(isDev = false, removePreviousBuild = false) {
+async function buildApp(args) {
+  const isDev = args?.isDev || false;
+  const removePreviousBuild = args?.removePreviousBuild || false;
+  const disableTailwind = args?.disableTailwind || false;
   try {
     if (removePreviousBuild) fs5.removeSync(config.distDir);
     const srcDirFiles = globSync(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
@@ -354,9 +461,12 @@ async function buildApp(isDev = false, removePreviousBuild = false) {
     const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
     await buildClientSideFiles([alpineDataFile], isDev);
     fs5.removeSync(config.distTempFolder);
-    await buildCSS();
+    await buildCSS(disableTailwind);
     await buildPublicFolderSymlinks();
+    await buildOnLoadFile(componentData, isDev);
+    if (!isDev) await triggerXPineOnLoad();
     if (!isDev) await buildFilesWithConfigs(componentData);
+    if (!isDev) context.clear();
   } catch (err) {
     console.error("Build failed");
     console.error(err);
@@ -450,12 +560,7 @@ async function buildAlpineDataFile(componentData, dataFiles) {
   };
   const componentsAndDataFiles = componentData.concat(dataFiles);
   for (const component of componentsAndDataFiles) {
-    const sourceFile = ts3.createSourceFile(
-      component.path,
-      component.contents,
-      ts3.ScriptTarget.Latest
-    );
-    const dataFunctionResult = findDataAttributesAndFunctions(sourceFile, sourceFile);
+    const dataFunctionResult = findDataAttributesAndFunctions(component.source, component.source);
     dataFunctionResults.foundDataAttributes.push(...dataFunctionResult.foundDataAttributes);
     const foundFunctionsWithPath = dataFunctionResult.foundFunctions.map((item) => {
       return {
@@ -479,11 +584,11 @@ async function buildAlpineDataFile(componentData, dataFiles) {
   fs5.writeFileSync(config.alpineDataPath, result);
   return config.alpineDataPath;
 }
-async function buildCSS() {
+async function buildCSS(disableTailwind) {
   const cssFiles = globSync(config.srcDir + "/**/*.css");
   for (const file of cssFiles) {
     const fileContents = fs5.readFileSync(file, "utf-8");
-    const result = await postcss([tailwindPostcss(), remove_layers_default()]).process(fileContents, { from: file });
+    const result = disableTailwind ? fileContents : await postcss([tailwindPostcss(), remove_layers_default()]).process(fileContents, { from: file });
     const newPath = file.replace(config.srcDir, config.distDir);
     fs5.ensureFileSync(newPath);
     fs5.writeFileSync(newPath, result.css);
@@ -545,6 +650,7 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
   }
   const componentDynamicPaths = getComponentDynamicPaths(componentFileName);
   const componentFn = componentImport.default;
+  if (componentImport?.onInit) await componentImport.onInit();
   const outputPath = componentDynamicPaths?.length ? componentDynamicPaths.reduce((total, current) => {
     return total.replace(`/[${current}]`, "");
   }, path5.dirname(builtComponentPath)) : path5.dirname(builtComponentPath);
@@ -594,6 +700,53 @@ function getComponentDynamicPaths(componentPath) {
   }
   return output;
 }
+async function buildOnLoadFile(componentData, isDev) {
+  const onLoadFiles = [];
+  const onLoadFileResult = {
+    imports: "",
+    fn: ""
+  };
+  for (const component of componentData) {
+    if (component.contents.includes("xpineOnLoad")) {
+      onLoadFiles.push({
+        path: sourcePathToDistPath(component.path),
+        source: component.source
+      });
+    }
+  }
+  onLoadFiles.sort((a, b) => {
+    return a.path.localeCompare(b.path);
+  });
+  for (const file of onLoadFiles) {
+    const result = getXpineOnLoadFunction(file.path, file.source, onLoadFileResult);
+    onLoadFileResult.fn += result.fn;
+    onLoadFileResult.imports += result.imports;
+  }
+  const output = `
+    ${onLoadFileResult.imports}
+    import { context } from "xpine";
+    export default async function triggerOnLoad() {
+      ${onLoadFileResult.fn}
+      context.runArrayQueue();
+    }
+  `;
+  const onLoadFilePath = path5.join(config.distDir, "./__xpineOnLoad.ts");
+  fs5.writeFileSync(onLoadFilePath, output);
+  await build({
+    entryPoints: [onLoadFilePath],
+    format: "esm",
+    platform: "node",
+    outdir: config.distDir,
+    bundle: true,
+    sourcemap: isDev ? "inline" : false,
+    external: allPackages,
+    jsx: "transform",
+    minify: !isDev,
+    plugins: [
+      addDotJS(allPackages, extensions, isDev)
+    ]
+  });
+}
 
 // src/runDevServer.ts
 import path7 from "path";
@@ -634,7 +787,7 @@ await setupEnv();
 async function runDevServer() {
   process.env.NODE_ENV = "development";
   const rebuildEmitter = createRebuildEmitter();
-  await buildApp(true);
+  await buildApp({ isDev: true });
   const startServer = (await import(config.serverDistAppPath + `?cache=${Date.now()}`)).default;
   let appServer = await startServer();
   const watcher = chokidar.watch(config.srcDir, {
@@ -649,14 +802,14 @@ async function runDevServer() {
       rebuildEmitter.emit("rebuild-server");
       return;
     }
-    await buildApp(true);
+    await buildApp({ isDev: true });
     refreshEmitter.emit("refresh");
   });
   rebuildEmitter.on("done", async () => {
     await rebuildServer();
   });
   async function rebuildServer() {
-    await buildApp(true);
+    await buildApp({ isDev: true });
     const startServer2 = (await import(config.serverDistAppPath + `?cache=${Date.now()}`)).default;
     appServer = await startServer2();
   }
@@ -756,12 +909,19 @@ function getTokenFromRequest(req) {
 import requestIP from "request-ip";
 import fs6 from "fs-extra";
 import path8 from "path";
-async function createRouter() {
-  const isDev = process.env.NODE_ENV === "development";
-  const methods = ["get", "post", "put", "patch", "delete"];
-  const router = express2.Router();
+import EventEmitter2 from "events";
+var OnInitEmitter = class extends EventEmitter2 {
+};
+var onInitEmitter = new OnInitEmitter();
+onInitEmitter.on("triggerOnInit", async (paths) => {
+  for (const routePath of paths) {
+    const pathImport = await import(routePath.path + `?cache=${Date.now()}`);
+    if (pathImport?.config?.onInit) await pathImport.config.onInit();
+  }
+});
+function getAllBuiltRoutes() {
   const routes = globSync2(config.pagesDir + "/**/*.{tsx,ts}");
-  const routeMap = routes.map((route) => {
+  return routes.map((route) => {
     const routeFormatted = route.split(config.pagesDir).pop().replace(".tsx", "").replace(".js", "").replace(".ts", "");
     if (routeFormatted.endsWith("+config")) return;
     const routeFormattedWithIndex = routeFormatted.replace(/\/index$/g, "");
@@ -771,8 +931,15 @@ async function createRouter() {
       originalRoute: route
     };
   }).filter(Boolean);
+}
+async function createRouter() {
+  const isDev = process.env.NODE_ENV === "development";
+  const methods = ["get", "post", "put", "patch", "delete"];
+  const router = express2.Router();
+  const routeMap = getAllBuiltRoutes();
   const routeResults = [];
   const configFiles = globSync2(config.pagesDir + "/**/+config.{tsx,ts}");
+  await triggerXPineOnLoad();
   for (const route of routeMap) {
     const isJSX = route.originalRoute.endsWith(".tsx") || route.originalRoute.endsWith(".jsx");
     const slugRoute = route.route.replace(/[ ]/g, "");
@@ -786,15 +953,21 @@ async function createRouter() {
         formattedRouteItem = formattedRouteItem.replace(match[0], ":" + match[2]);
       }
     }
-    const componentImport = isDev ? null : await import(route.path);
-    const componentFn = componentImport?.default;
+    const componentImport = await import(route.path);
+    const componentFn = isDev ? null : componentImport?.default;
+    if (componentImport?.config?.onInit) {
+      await componentImport.config?.onInit();
+    }
+    let config2 = {};
     const configFilePaths = getConfigFiles(route.originalRoute, configFiles);
-    let config2 = configFilePaths && await getCompleteConfig(configFilePaths, Date.now());
-    if (componentImport?.config) {
-      config2 = {
-        ...config2,
-        ...componentImport.config
-      };
+    if (!isDev) {
+      config2 = configFilePaths && await getCompleteConfig(configFilePaths, Date.now());
+      if (componentImport?.config) {
+        config2 = {
+          ...config2,
+          ...componentImport.config
+        };
+      }
     }
     routeResults.push({
       formattedRouteItem,
@@ -819,8 +992,10 @@ async function createRouter() {
           }
           return;
         }
+        await triggerXPineOnLoad(true);
         const componentImportDev = await import(route.path + `?cache=${Date.now()}`);
         const componentFnDev = componentImportDev.default;
+        onInitEmitter.emit("triggerOnInit", getAllBuiltRoutes());
         if (isJSX) {
           let config3 = configFilePaths && await getCompleteConfig(configFilePaths, Date.now());
           if (componentImportDev?.config) {
@@ -830,8 +1005,9 @@ async function createRouter() {
             };
           }
           const data = config3?.data ? await config3.data(req) : null;
-          const originalResult = await componentFnDev({ req, res, data });
+          const originalResult = await componentFnDev({ req, res, data, config: config3 });
           const output = config3?.wrapper ? await config3.wrapper({ req, children: originalResult, config: config3, data }) : originalResult;
+          context.clear();
           res.send(doctypeHTML + output);
         } else {
           await componentFnDev(req, res);
@@ -922,12 +1098,16 @@ function JSXRuntime() {
 }
 export {
   JSXRuntime,
+  addToContextArray,
   buildApp,
   buildCSS,
   buildFilesWithConfigs,
+  buildOnLoadFile,
   buildPublicFolderSymlinks,
   buildStaticFiles,
   config,
+  context,
+  createContext,
   createRouter,
   createXPineRouter,
   fromRoot,

package/dist/src/build/esbuild/transformTSXFiles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformTSXFiles.d.ts","sourceRoot":"","sources":["../../../../src/build/esbuild/transformTSXFiles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE;;;EA2BlG"}
+{"version":3,"file":"transformTSXFiles.d.ts","sourceRoot":"","sources":["../../../../src/build/esbuild/transformTSXFiles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE;;;EA8BlG"}

package/dist/src/build/typescript-builder.d.ts

@@ -1,4 +1,5 @@
 import ts from 'typescript';
+import { OnLoadFileResult } from '../scripts/build';
 type ImportDeclaration = {
     node: ts.Node;
     importPath: string;
@@ -25,6 +26,12 @@ export declare function removeClientScriptInTSXFile(pathName: string, source: ts
     clientDataStart: number;
 };
 export declare function createStaticFile(pathName: string, source: ts.SourceFile): void;
+export declare function getImportsToAbsolutePaths(child: ts.Node, source: ts.SourceFile, pathName: string): any[];
 export declare function printRecursiveFrom(node: ts.Node, indentLevel: number, sourceFile: ts.SourceFile): void;
+export declare function getXpineOnLoadFunction(pathName: string, source: ts.SourceFile, onLoadFileResult: OnLoadFileResult): {
+    imports: string;
+    fn: string;
+};
+export declare function triggerXPineOnLoad(noCache?: boolean): Promise<void>;
 export {};
 //# sourceMappingURL=typescript-builder.d.ts.map

package/dist/src/build/typescript-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typescript-builder.d.ts","sourceRoot":"","sources":["../../../src/build/typescript-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAI5B,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAGD,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAE,iBAAiB,EAAO,uBAiB/H;AAED,wBAAgB,yBAAyB,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,UAO3H;AAED,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,EAAE,CAAC,IAAI,EACb,UAAU,EAAE,EAAE,CAAC,UAAU,EACzB,mBAAmB,GAAE,MAAM,EAAO,EAClC,cAAc,GAAE,mBAAmB,EAAO;;;EA0B3C;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,GAAG,MAAM,EAAE,CAMxF;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,GAAG,mBAAmB,CAkBzG;AAGD,wBAAgB,8BAA8B,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,QAO1F;AAED,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU;;;;;;EA+ClF;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU,QAUvE;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,QAU9D"}
+{"version":3,"file":"typescript-builder.d.ts","sourceRoot":"","sources":["../../../src/build/typescript-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIpD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAGD,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAE,iBAAiB,EAAO,uBAiB/H;AAED,wBAAgB,yBAAyB,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,UAO3H;AAED,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,EAAE,CAAC,IAAI,EACb,UAAU,EAAE,EAAE,CAAC,UAAU,EACzB,mBAAmB,GAAE,MAAM,EAAO,EAClC,cAAc,GAAE,mBAAmB,EAAO;;;EA0B3C;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,GAAG,MAAM,EAAE,CAMxF;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,GAAG,mBAAmB,CAkBzG;AAGD,wBAAgB,8BAA8B,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,QAO1F;AAED,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU;;;;;;EAmClF;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU,QAUvE;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,SAgBhG;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,QAU9D;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,gBAAgB;;;EA0BjH;AAED,wBAAsB,kBAAkB,CAAC,OAAO,GAAE,OAAe,iBAMhE"}

package/dist/src/context.d.ts

@@ -0,0 +1,18 @@
+export type SetContext<Type> = (currentContext: Type) => Type;
+export type State<StateProps> = {
+    get: (id: string) => StateProps;
+    set: (id: string, callback: SetContext<StateProps>, defaultValue?: any) => void;
+    clear: () => void;
+    getAll: () => any;
+    addToArray: (id: string, value: any, position?: number) => void;
+    getArrayQueue: () => any;
+    runArrayQueue: () => void;
+};
+type ContextType<Type> = {
+    [key: string]: Type;
+};
+export declare function createContext(value: ContextType<any>): State<any>;
+export declare const context: State<any>;
+export declare function addToContextArray(newValue: any, position?: number): (currentValue: any) => any;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/src/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE,IAAI,KAAK,IAAI,CAAC;AAE9D,MAAM,MAAM,KAAK,CAAC,UAAU,IAAI;IAC9B,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,UAAU,CAAC;IAChC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChF,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,CAAC;IAClB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAA;AAED,KAAK,WAAW,CAAC,IAAI,IAAI;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CA8CjE;AAED,eAAO,MAAM,OAAO,YAAoB,CAAC;AAEzC,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,MAAM,kBACjC,GAAG,SAYnC"}

package/dist/src/express.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"express.d.ts","sourceRoot":"","sources":["../../src/express.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAgB,OAAO,EAAqB,MAAM,SAAS,CAAC;AAY5E,wBAAsB,YAAY;;;GAqGjC;AAiBD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,iBA6B1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,MAAM,GAAG,KAAK,CAWnG"}
+{"version":3,"file":"express.d.ts","sourceRoot":"","sources":["../../src/express.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAgB,OAAO,EAAqB,MAAM,SAAS,CAAC;AAyC5E,wBAAsB,YAAY;;;GA8GjC;AAiBD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,iBA6B1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,MAAM,GAAG,KAAK,CAWnG"}

package/dist/src/scripts/build.d.ts

@@ -1,9 +1,20 @@
 import { ConfigFile, ComponentData } from '../../types';
-export declare function buildApp(isDev?: boolean, removePreviousBuild?: boolean): Promise<void>;
-export declare function buildCSS(): Promise<void>;
+type BuildAppArgs = {
+    isDev?: boolean;
+    removePreviousBuild?: boolean;
+    disableTailwind?: boolean;
+};
+export declare function buildApp(args: BuildAppArgs): Promise<void>;
+export declare function buildCSS(disableTailwind?: boolean): Promise<void>;
 export declare function buildPublicFolderSymlinks(): Promise<void>;
 export declare function logSize(pathName: string, type: 'app' | 'client' | 'css', validExtensions?: string[]): Promise<void>;
 export declare function buildFilesWithConfigs(componentData: ComponentData[]): Promise<void>;
 export declare function buildStaticFiles(config: ConfigFile, component: ComponentData, componentImport: any, builtComponentPath: string): Promise<void>;
 export declare function getComponentDynamicPaths(componentPath: string): string[];
+export type OnLoadFileResult = {
+    imports: string;
+    fn: string;
+};
+export declare function buildOnLoadFile(componentData: ComponentData[], isDev?: boolean): Promise<void>;
+export {};
 //# sourceMappingURL=build.d.ts.map

package/dist/src/scripts/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/scripts/build.ts"],"names":[],"mappings":"AAqBA,OAAO,EAAE,UAAU,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AASjF,wBAAsB,QAAQ,CAAC,KAAK,UAAQ,EAAE,mBAAmB,UAAQ,iBAgBxE;AA2ID,wBAAsB,QAAQ,kBAW7B;AAGD,wBAAsB,yBAAyB,kBAgB9C;AAED,wBAAsB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,EAAE,eAAe,WAAkB,iBAahH;AAED,wBAAsB,qBAAqB,CAAC,aAAa,EAAE,aAAa,EAAE,iBAezE;AAED,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,EAAE,kBAAkB,EAAE,MAAM,iBA4DpI;AAED,wBAAgB,wBAAwB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,CAQxE"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/scripts/build.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAE,UAAU,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AAUjF,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAA;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,YAAY,iBAsBhD;AAsID,wBAAsB,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,iBAavD;AAGD,wBAAsB,yBAAyB,kBAgB9C;AAED,wBAAsB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,EAAE,eAAe,WAAkB,iBAahH;AAED,wBAAsB,qBAAqB,CAAC,aAAa,EAAE,aAAa,EAAE,iBAezE;AAED,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,EAAE,kBAAkB,EAAE,MAAM,iBAgEpI;AAED,wBAAgB,wBAAwB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,CAQxE;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAA;AAGD,wBAAsB,eAAe,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,iBAoDpF"}