bun-plugin-stx 0.2.10 → 0.2.12

package/README.md

@@ -539,25 +539,27 @@ Web components support several configuration options:
 
 ## TypeScript Support
 
-stx includes TypeScript declarations for importing .stx files. Make sure your `tsconfig.json` includes the necessary configuration:
+stx ships TypeScript declarations as part of the package — `*.stx` and
+`*.md` module declarations, the runtime globals injected into
+`<script client>` blocks (`state`, `derived`, `useStore`, `useHead`, etc.),
+and the `window.stx` registry interface. They're picked up automatically
+through the package's `types` entry as soon as `@stacksjs/stx` is installed.
+
+You do **not** need to create your own `stx.d.ts` file. Just include
+`.stx` files in your `tsconfig.json`:
 
 ```jsonc
 {
   "compilerOptions": {
-    // ... your other options
-    "types": ["bun"]
+    "types": ["bun"],
+    "moduleResolution": "bundler"
   },
-  "files": ["src/stx.d.ts"],
-  "include": ["**/*.ts", "**/*.d.ts", "*.stx", "./**/*.stx"]
+  "include": ["**/*.ts", "**/*.stx"]
 }
 ```
 
-Create a declaration file (`src/stx.d.ts`):
-
-```ts
-// Allow importing .stx files
-declare module '*.stx';
-```
+If you have an old `stx.d.ts` declaring `*.stx` modules or runtime globals
+as a workaround, it's now redundant and can be deleted.
 
 ## Server-Side Rendering Optimizations
 

package/dist/{chunk-a3qganyh.js → chunk-5npmwyts.js}

@@ -1,7 +1,7 @@
 // @bun
 // src/index.ts
 import path2 from "path";
-import { buildWebComponents, cacheTemplate, checkCache, defaultConfig, extractVariables, processClientScript, processDirectives, readMarkdownFile } from "@stacksjs/stx";
+import { buildWebComponents, cacheTemplate, checkCache, classifyScript, defaultConfig, extractVariables, processClientScript, processDirectives, readMarkdownFile } from "@stacksjs/stx";
 
 // src/watch.ts
 import fs from "fs";
@@ -42,10 +42,10 @@ function createWatcher(options = {}) {
   const pendingChanges = [];
   const handleChanges = debounce(() => {
     if (pendingChanges.length > 0 && options.onChange) {
-      for (const event of pendingChanges) {
+      const batch = pendingChanges.splice(0);
+      for (const event of batch) {
         options.onChange(event);
       }
-      pendingChanges.length = 0;
     }
   }, debounceDelay);
   function watchDirectory(dirPath) {
@@ -234,13 +234,13 @@ async function startWatchMode(args) {
       }
     }
   });
-  process.on("SIGINT", () => {
+  process.once("SIGINT", () => {
     console.log(`
 \x1B[36m[stx]\x1B[0m Stopping watch mode...`);
     watcher.close();
     process.exit(0);
   });
-  process.on("SIGTERM", () => {
+  process.once("SIGTERM", () => {
     watcher.close();
     process.exit(0);
   });
@@ -386,19 +386,18 @@ export { content as default };
           const serverScripts = [];
           const signalsScripts = [];
           let scriptMatch;
-          const usesSignalsAPI = (content2) => /\b(?:state|derived|effect|batch|ref|reactive|computed|watch|watchEffect)\s*(?:<[^>]*>)?\s*\(/.test(content2);
           while ((scriptMatch = scriptRegex.exec(content)) !== null) {
-            const attrs = scriptMatch[1];
-            const scriptContent = scriptMatch[2];
-            const fullScript = scriptMatch[0];
-            const isClientScript = attrs.includes("client") || attrs.includes('type="module"') || attrs.includes("src=");
-            const isSignalsScript = usesSignalsAPI(scriptContent);
-            if (isSignalsScript) {
-              signalsScripts.push(fullScript);
-            } else if (isClientScript) {
-              clientScripts.push(fullScript);
-            } else {
-              serverScripts.push(scriptContent);
+            const classified = classifyScript(scriptMatch[1], scriptMatch[2], scriptMatch[0]);
+            switch (classified.type) {
+              case "signals":
+                signalsScripts.push(classified.fullTag);
+                break;
+              case "client":
+                clientScripts.push(classified.fullTag);
+                break;
+              case "server":
+                serverScripts.push(classified.content);
+                break;
             }
           }
           let templateContent = workingContent;
@@ -431,7 +430,7 @@ export { content as default };
               const contentMatch = fullScript.match(/<script\b[^>]*>([\s\S]*?)<\/script>/);
               if (!contentMatch)
                 return fullScript;
-              return processClientScript(contentMatch[1], { eventBindings });
+              return processClientScript(contentMatch[1], { eventBindings, templateContent: output });
             });
             const scriptsHtml = transformedScripts.join(`
 `);