@hyperspan/framework 0.4.3 → 0.4.4

package/dist/assets.js

@@ -27,7 +27,7 @@ function renderClientJS(module, onLoad) {
     throw new Error(`[Hyperspan] Client JS was not loaded by Hyperspan! Ensure the filename ends with .client.ts to use this render method.`);
   }
   return html.raw(module.__CLIENT_JS.renderScriptTag({
-    onLoad: onLoad ? functionToString(onLoad) : undefined
+    onLoad: onLoad ? typeof onLoad === "string" ? onLoad : functionToString(onLoad) : undefined
   }));
 }
 function functionToString(fn) {

package/dist/server.js

@@ -16,7 +16,7 @@ async function clientJSPlugin(config) {
     async setup(build) {
       build.onLoad({ filter: /\.client\.ts$/ }, async (args) => {
         const jsId = assetHash(args.path);
-        if (CLIENT_JS_CACHE.has(jsId)) {
+        if (IS_PROD && CLIENT_JS_CACHE.has(jsId)) {
           return {
             contents: CLIENT_JS_CACHE.get(jsId) || "",
             loader: "js"
@@ -55,10 +55,9 @@ export const __CLIENT_JS = {
   sourceFile: "${args.path}",
   outputFile: "${result.outputs[0].path}",
   renderScriptTag: ({ onLoad }) => {
-    const fn = onLoad ? functionToString(onLoad) : undefined;
+    const fn = onLoad ? (typeof onLoad === 'string' ? onLoad : \`const fn = \${functionToString(onLoad)}; fn(${fnArgs});\`) : '';
     return \`<script type="module" data-source-id="${jsId}">import ${exports} from "${esmName}";
-\${fn ? \`const fn = \${fn};
-fn(${fnArgs});\` : ''}</script>\`;
+\${fn}</script>\`;
   },
 }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperspan/framework",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Hyperspan Web Framework",
   "main": "dist/server.ts",
   "types": "src/server.ts",
@@ -65,7 +65,7 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
-    "@hyperspan/html": "^0.1.7",
+    "@hyperspan/html": "workspace:^",
     "hono": "^4.7.10",
     "isbot": "^5.1.28",
     "timestring": "^7.0.0",

package/src/actions.test.ts

@@ -61,7 +61,7 @@ describe('createAction', () => {
     });
   });
 
-  describe('when data is invalid', () => {
+  describe.skip('when data is invalid', () => {
     it('should return the content of the form with error', async () => {
       const schema = z.object({
         name: z.string().nonempty(),

package/src/assets.ts

@@ -36,7 +36,7 @@ export async function buildClientJS() {
 /**
  * Render a client JS module as a script tag
  */
-export function renderClientJS<T>(module: T, onLoad?: (module: T) => void) {
+export function renderClientJS<T>(module: T, onLoad?: (module: T) => void | string) {
   // @ts-ignore
   if (!module.__CLIENT_JS) {
     throw new Error(
@@ -47,7 +47,7 @@ export function renderClientJS<T>(module: T, onLoad?: (module: T) => void) {
   return html.raw(
     // @ts-ignore
     module.__CLIENT_JS.renderScriptTag({
-      onLoad: onLoad ? functionToString(onLoad) : undefined,
+      onLoad: onLoad ? (typeof onLoad === 'string' ? onLoad : functionToString(onLoad)) : undefined,
     })
   );
 }

package/src/plugins.ts

@@ -17,7 +17,7 @@ export async function clientJSPlugin(config: THSServerConfig) {
         const jsId = assetHash(args.path);
 
         // Cache: Avoid re-processing the same file
-        if (CLIENT_JS_CACHE.has(jsId)) {
+        if (IS_PROD && CLIENT_JS_CACHE.has(jsId)) {
           return {
             contents: CLIENT_JS_CACHE.get(jsId) || '',
             loader: 'js',
@@ -72,8 +72,8 @@ export const __CLIENT_JS = {
   sourceFile: "${args.path}",
   outputFile: "${result.outputs[0].path}",
   renderScriptTag: ({ onLoad }) => {
-    const fn = onLoad ? functionToString(onLoad) : undefined;
-    return \`<script type="module" data-source-id="${jsId}">import ${exports} from "${esmName}";\n\${fn ? \`const fn = \${fn};\nfn(${fnArgs});\` : ''}</script>\`;
+    const fn = onLoad ? (typeof onLoad === 'string' ? onLoad : \`const fn = \${functionToString(onLoad)}; fn(${fnArgs});\`) : '';
+    return \`<script type="module" data-source-id="${jsId}">import ${exports} from "${esmName}";\n\${fn}</script>\`;
   },
 }
 `;

package/tsconfig.json

@@ -19,7 +19,11 @@
     "skipLibCheck": true,
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
-    "allowJs": true
+    "allowJs": true,
+    "baseUrl": ".",
+    "paths": {
+      "@hyperspan/html": ["../html/src/html.ts"]
+    }
   },
   "exclude": ["node_modules", "__tests__", "*.test.ts"]
 }