bun-plugin-stx 0.2.4 → 0.2.6

package/dist/{chunk-ymdk9x8z.js → chunk-j0k3wkwg.js}

@@ -295,12 +295,13 @@ function stxPlugin(userOptions) {
           console.error("Failed to build web components:", error);
         }
       }
-      build.onLoad({ filter: /\.md$/ }, async ({ path: filePath }) => {
+      build.onLoad({ filter: /\.md$/ }, async (args) => {
+        const filePath = args.path;
         try {
           const { content: htmlContent, data: frontmatter } = await readMarkdownFile(filePath, options);
           const jsContent = `// ${filePath}
-var content = ${JSON.stringify(htmlContent)};
-var data = ${JSON.stringify(frontmatter)};
+const content = ${JSON.stringify(htmlContent)};
+const data = ${JSON.stringify(frontmatter)};
 
 export { content, data };
 export { content as default };
@@ -313,8 +314,8 @@ export { content as default };
           console.error("Markdown Processing Error:", error);
           const errorContent = generateErrorPage("Markdown Processing Error", error.message || "Unknown error", filePath);
           const jsContent = `// ${filePath}
-var content = ${JSON.stringify(errorContent)};
-var data = {};
+const content = ${JSON.stringify(errorContent)};
+const data = {};
 
 export { content, data };
 export { content as default };
@@ -325,7 +326,8 @@ export { content as default };
           };
         }
       });
-      build.onLoad({ filter: /\.(jsx|tsx)$/ }, async ({ path: filePath }) => {
+      build.onLoad({ filter: /\.(jsx|tsx)$/ }, async (args) => {
+        const filePath = args.path;
         try {
           const source = await Bun.file(filePath).text();
           const loader = filePath.endsWith(".tsx") ? "tsx" : "jsx";

package/dist/client.d.ts

@@ -26,8 +26,8 @@ export declare interface HydrationConfig {
 /**
  * Island handler registry
  */
-export type IslandHandlers = Record<string, () => Promise<any>>
+export type IslandHandlers = Record<string, () => Promise<any>>;
 /**
  * Island hydration function type
  */
-export type HydrationFunction = (element: HTMLElement, props: any) => void | Promise<void>
+export type HydrationFunction = (_element: HTMLElement, _props: any) => void | Promise<void>;

package/dist/index.d.ts

@@ -29,6 +29,9 @@ export type { CustomDirective, CustomDirectiveHandler, ServeOptions, ServeResult
  * ```
  */
 export declare function stxPlugin(userOptions?: StxOptions): BunPlugin;
+// Export watch functionality
 export { createWatcher, startWatchMode, watchAndBuild } from './watch';
+// Re-export functions and types that consumers might need
+// Note: serve is exported from ./serve.ts, not here (to avoid duplicate export names when bundled)
 export { createMiddleware, createRoute, readMarkdownFile } from '@stacksjs/stx';
-export default stxPlugin;
+export default stxPlugin;

package/dist/index.js

@@ -8,7 +8,7 @@ import {
   startWatchMode,
   stxPlugin,
   watchAndBuild
-} from "./chunk-ymdk9x8z.js";
+} from "./chunk-j0k3wkwg.js";
 import"./chunk-eecw9x2f.js";
 export {
   watchAndBuild,

package/dist/preload.d.ts

@@ -0,0 +1 @@
+

package/dist/preload.js

@@ -1,7 +1,7 @@
 // @bun
 import {
   src_default
-} from "./chunk-ymdk9x8z.js";
+} from "./chunk-j0k3wkwg.js";
 import"./chunk-eecw9x2f.js";
 
 // src/preload.ts

package/dist/serve.d.ts

@@ -9,4 +9,4 @@ export declare interface ServeOptions {
   componentsDir?: string
   layoutsDir?: string
   partialsDir?: string
-}
+}

package/dist/serve.js

@@ -5063,7 +5063,9 @@ var defaultGeneratedDir3 = resolve7(process12.cwd(), "src/generated");
 var defaultStxConfig = {
   partialsDir: "partials",
   componentsDir: "components",
-  layoutsDir: "layouts"
+  layoutsDir: "layouts",
+  ssr: true,
+  defaultTitle: "stx App"
 };
 async function serve(options) {
   const stxConfig = await loadConfig5({
@@ -5198,7 +5200,7 @@ After installing: bun add bun-plugin-stx`);
       __filename: filePath,
       __dirname: path.dirname(filePath)
     };
-    const { processDirectives, extractVariables, defaultConfig: defaultConfig3 } = await import("@stacksjs/stx");
+    const { processDirectives, extractVariables, defaultConfig: defaultConfig3, generateSpaShell } = await import("@stacksjs/stx");
     await extractVariables(scriptContent, context, filePath);
     const config3 = {
       ...defaultConfig3,
@@ -5206,10 +5208,28 @@ After installing: bun add bun-plugin-stx`);
       ...layoutsDir && { layoutsDir },
       ...partialsDir && { partialsDir }
     };
+    if (config3.ssr === false || stxConfig.ssr === false) {
+      return generateSpaShell({
+        template: templateContent,
+        context,
+        title: stxConfig.defaultTitle ?? "stx App"
+      });
+    }
     let output = templateContent;
     const dependencies = new Set;
     output = await processDirectives(output, context, filePath, config3, dependencies);
-    output = output.replace(/<template[^>]*>/gi, "").replace(/<\/template>/gi, "");
+    const hasDirectiveTemplates = /<template\s[^>]*(?:@for|:for|@if|:if)/.test(output);
+    if (hasDirectiveTemplates) {
+      output = output.replace(/<template(?:\s[^>]*)?>|<\/template>/gi, (match) => {
+        if (/@for|:for|@if|:if/.test(match))
+          return match;
+        if (match === "</template>")
+          return match;
+        return "";
+      });
+    } else {
+      output = output.replace(/<template[^>]*>/gi, "").replace(/<\/template>/gi, "");
+    }
     const crosswindCSS = await generateCrosswindCSS(output);
     if (crosswindCSS) {
       const styleTag = `<style>/* crosswind css */
@@ -5267,7 +5287,7 @@ ${crosswindCSS}</style>`;
       let relativeFilePath = normalizedFilePath;
       for (const pattern of patterns) {
         const normalizedPattern = pattern.replace(/\\/g, "/").replace(/\/$/, "");
-        if (normalizedFilePath.startsWith(normalizedPattern + "/")) {
+        if (normalizedFilePath.startsWith(`${normalizedPattern}/`)) {
           relativeFilePath = normalizedFilePath.slice(normalizedPattern.length + 1);
           break;
         }
@@ -5296,7 +5316,7 @@ ${crosswindCSS}</style>`;
       let relativeFilePath = normalizedFilePath;
       for (const pattern of patterns) {
         const normalizedPattern = pattern.replace(/\\/g, "/").replace(/\/$/, "");
-        if (normalizedFilePath.startsWith(normalizedPattern + "/")) {
+        if (normalizedFilePath.startsWith(`${normalizedPattern}/`)) {
           relativeFilePath = normalizedFilePath.slice(normalizedPattern.length + 1);
           break;
         }
@@ -5581,7 +5601,7 @@ ${crosswindCSS}</style>`;
         let normalizedPath = filePath.replace(/^\.\//, "").replace(/\\/g, "/");
         for (const pattern of patterns) {
           const normalizedPattern = pattern.replace(/\\/g, "/").replace(/\/$/, "");
-          if (normalizedPath.startsWith(normalizedPattern + "/")) {
+          if (normalizedPath.startsWith(`${normalizedPattern}/`)) {
             normalizedPath = normalizedPath.slice(normalizedPattern.length + 1);
             break;
           }

package/dist/watch.d.ts

@@ -103,4 +103,4 @@ export declare interface WatcherInstance {
   removePath: (path: string) => void
   isWatching: () => boolean
 }
-export default createWatcher;
+export default createWatcher;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bun-plugin-stx",
   "type": "module",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "A Bun plugin that allows for using Laravel Blade-like syntax.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",
@@ -67,6 +67,6 @@
     "typecheck": "bun tsc --noEmit"
   },
   "dependencies": {
-    "@stacksjs/stx": "0.2.4"
+    "@stacksjs/stx": "0.2.6"
   }
 }