@spirobel/mininext 0.4.3 → 0.5.0

package/dist/mininext.d.ts

@@ -12,4 +12,5 @@ declare function makeEntrypoint(): Promise<{
     fetch: (req: Request, server: Server) => Promise<Response>;
     websocket: WebSocketHandler;
 }>;
+export declare function getCallerFilePath(): string;
 export { has, html, url, head, build, makeEntrypoint, isError, BasedHtml, HtmlString, type HtmlHandler, Mini, standardDevReloader, commonHead, cssReset, };

package/dist/mininext.js

@@ -53,7 +53,12 @@ async function buildBackend(backendPath = "backend/backend.ts") {
     global.bundledSVGs = {};
     const i = await import(path.resolve(projectRoot(), backendPath));
     for (const frontend of url.getFrontends()) {
-        const f = await buildFrontend(frontend);
+        const firstPlaceToLook = path.resolve(path.dirname(frontend.callerPath), `frontend/${frontend.path}`);
+        const secondPlaceToLook = path.resolve(projectRoot(), `frontend/${frontend.path}`);
+        const frontEndPath = (await Bun.file(firstPlaceToLook).exists())
+            ? firstPlaceToLook
+            : secondPlaceToLook;
+        const f = await buildFrontend(frontEndPath);
         FrontendScriptUrls.push("/" + f.url);
         FrontendScripts.push(f.script);
     }
@@ -82,7 +87,7 @@ async function buildBackend(backendPath = "backend/backend.ts") {
 }
 async function buildFrontend(file) {
     const result = await Bun.build({
-        entrypoints: [path.resolve(projectRoot(), `frontend/${file}`)],
+        entrypoints: [file],
         outdir: path.resolve(projectRoot(), "dist"),
         naming: "[name]-[hash].[ext]",
         minify: Bun.argv[2] === "dev" ? false : true, //production
@@ -182,4 +187,14 @@ async function makeEntrypoint() {
     }
     return module.default();
 }
+export function getCallerFilePath() {
+    // const stack = new Error().stack?.split("\n");
+    // //console.log(stack);
+    // if (!stack) return "";
+    // return stack[2].slice(
+    //   stack[2].lastIndexOf("(") + 1,
+    //   stack[2].lastIndexOf(")") + 3
+    // );
+    return __dirname;
+}
 export { has, html, url, head, build, makeEntrypoint, isError, BasedHtml, HtmlString, Mini, standardDevReloader, commonHead, cssReset, };

package/dist/url.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="bun-types" />
 import type { Server, WebSocketHandler } from "bun";
 import { html, json, dangerjson, HtmlString } from "./html";
-import type { BasedHtml, DangerJsonInHtml, JsonString, JsonStringValues } from "./html";
+import { BasedHtml, type DangerJsonInHtml, type JsonString, type JsonStringValues } from "./html";
 /**
  * A helper function that helps narrow unknown objects
  * @param object - the object of type unknown that is to be narrowed
@@ -92,11 +92,15 @@ export declare class url {
     private static frontends;
     private static svgs;
     static svg(path: string, options?: ResponseInit): string | undefined;
-    static frontend(path: string, snippet?: HtmlHandler | BasedHtml): HtmlString;
+    static frontend<X>(path: string, snippet?: BasedHtml): HtmlString;
+    static frontend<X>(path: string, snippet?: HtmlHandler<X>): (mini: Mini<X>) => HtmlString;
     /**
      * This is used by the frontend bundler in order to find all frontends and their corresponding script files.
      */
-    static getFrontends(): string[];
+    static getFrontends(): {
+        path: string;
+        callerPath: string;
+    }[];
     static getSvgPaths(): string[];
     static serveFrontend(req: Request): Response | undefined;
     static serveSvg(req: Request): Response | undefined;

package/dist/url.js

@@ -1,4 +1,5 @@
 import { htmlResponder, html, json, dangerjson, HtmlString } from "./html";
+import { BasedHtml, } from "./html";
 /**
  * A helper function that helps narrow unknown objects
  * @param object - the object of type unknown that is to be narrowed
@@ -82,10 +83,21 @@ export class url {
         return foundEntry && foundEntry[0];
     }
     static frontend(path, snippet) {
-        const frontendIndex = url.frontends.push(path) - 1;
+        const stack = new Error().stack?.split("\n");
+        let callerPath = "";
+        if (stack) {
+            callerPath = stack[2].slice(stack[2].lastIndexOf("(") + 1, stack[2].lastIndexOf(".") + 3);
+        }
+        const frontendIndex = url.frontends.push({ path, callerPath }) - 1;
         const scriptUrl = FrontendScriptUrls[frontendIndex];
-        return html ` ${snippet}
-      <script type="module" src="${scriptUrl}"></script>`; // return an html script tag with the index hash
+        if (snippet instanceof BasedHtml || !snippet) {
+            return html ` ${snippet}
+        <script type="module" src="${scriptUrl}"></script>`; // return an html script tag with the index hash
+        }
+        return (mini) => {
+            return mini.html `${snippet}
+        <script type="module" src="${scriptUrl}"></script>`;
+        };
     }
     /**
      * This is used by the frontend bundler in order to find all frontends and their corresponding script files.

package/package.json

@@ -11,7 +11,7 @@
     "clean":"rm -rf ./dist"
   },
   "files": ["dist"],
-  "version": "0.4.3",
+  "version": "0.5.0",
   "devDependencies": {
     "@types/bun": "latest"
   },