@stacksjs/stx 0.2.144 → 0.2.145

package/dist/client-script-bundler.js

@@ -32,8 +32,6 @@ export function hasUserImports(code) {
     const source = match[1];
     if (/\.css(?:\?.*)?$/.test(source))
       continue;
-    if (source === "@stacksjs/browser")
-      continue;
     if (!EXTERNAL_PATTERNS.some((p) => p.test(source))) {
       logBundlerDiagnostic("detected side-effect import:", source);
       return !0;

package/dist/client-script.d.ts

@@ -94,6 +94,7 @@ export declare interface VendorCssImport {
 export declare interface BrowserCoreAutoImportResult {
   code: string
   imports: string[]
+  models: string[]
 }
 // =============================================================================
 // Types

package/dist/client-script.js

@@ -270,13 +270,19 @@ export function injectBrowserCoreAutoImports(code) {
     if (explicitlyImported.has(symbol) || locallyDeclared.has(symbol))
       return !1;
     return new RegExp(`\\b${symbol}\\b`).test(code);
-  });
-  if (imports.length === 0)
-    return { code, imports };
+  }), models = detectModelUsage(code).filter((model) => !explicitlyImported.has(model) && !locallyDeclared.has(model));
+  if (imports.length === 0 && models.length === 0)
+    return { code, imports, models };
   return {
-    code: `import { ${imports.join(", ")} } from '@stacksjs/browser'
+    code: `${[
+      imports.length > 0 ? `import { ${imports.join(", ")} } from '@stacksjs/browser'` : "",
+      models.length > 0 ? "import '@stacksjs/browser'" : "",
+      models.length > 0 ? `const { ${models.join(", ")} } = window.StacksBrowser || {}` : ""
+    ].filter(Boolean).join(`
+`)}
 ${code}`,
-    imports
+    imports,
+    models
   };
 }
 const JS_BUILTINS = new Set([
@@ -813,7 +819,7 @@ export async function processClientScript(scriptContent, options = {}) {
   code = cssExtraction.code;
   const vendorStyleTags = renderVendorStyleTags(cssExtraction.styles), browserCoreImports = injectBrowserCoreAutoImports(code);
   code = browserCoreImports.code;
-  bundledBrowserImports = browserCoreImports.imports;
+  bundledBrowserImports = [...browserCoreImports.imports, ...browserCoreImports.models];
   const { hasUserImports, bundleClientScript } = await importOnce("stx/client-script-bundler", () => import("./client-script-bundler.js"));
   if (hasUserImports(code)) {
     code = await bundleClientScript(code, options.filePath || "", {