@hyperspan/framework 0.5.0 → 0.5.1

package/dist/assets.js

@@ -22,12 +22,12 @@ async function buildClientJS() {
   const jsFile = output.outputs[0].path.split("/").reverse()[0];
   clientJSFiles.set("_hs", { src: `${CLIENTJS_PUBLIC_PATH}/${jsFile}` });
 }
-function renderClientJS(module, onLoad) {
+function renderClientJS(module, loadScript) {
   if (!module.__CLIENT_JS) {
     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 ? typeof onLoad === "string" ? onLoad : functionToString(onLoad) : undefined
+    loadScript: loadScript ? typeof loadScript === "string" ? loadScript : functionToString(loadScript) : undefined
   }));
 }
 function functionToString(fn) {

package/dist/server.js

@@ -54,8 +54,8 @@ export const __CLIENT_JS = {
   esmName: "${esmName}",
   sourceFile: "${args.path}",
   outputFile: "${result.outputs[0].path}",
-  renderScriptTag: ({ onLoad }) => {
-    const fn = onLoad ? (typeof onLoad === 'string' ? onLoad : \`const fn = \${functionToString(onLoad)}; fn(${fnArgs});\`) : '';
+  renderScriptTag: ({ loadScript }) => {
+    const fn = loadScript ? (typeof loadScript === 'string' ? loadScript : \`const fn = \${functionToString(loadScript)}; fn(${fnArgs});\`) : '';
     return \`<script type="module" data-source-id="${jsId}">import ${exports} from "${esmName}";
 \${fn}</script>\`;
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperspan/framework",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Hyperspan Web Framework",
   "main": "dist/server.ts",
   "types": "src/server.ts",

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 | string) {
+export function renderClientJS<T>(module: T, loadScript?: ((module: T) => void) | string) {
   // @ts-ignore
   if (!module.__CLIENT_JS) {
     throw new Error(
@@ -47,7 +47,11 @@ export function renderClientJS<T>(module: T, onLoad?: (module: T) => void | stri
   return html.raw(
     // @ts-ignore
     module.__CLIENT_JS.renderScriptTag({
-      onLoad: onLoad ? (typeof onLoad === 'string' ? onLoad : functionToString(onLoad)) : undefined,
+      loadScript: loadScript
+        ? typeof loadScript === 'string'
+          ? loadScript
+          : functionToString(loadScript)
+        : undefined,
     })
   );
 }

package/src/plugins.ts

@@ -71,8 +71,8 @@ export const __CLIENT_JS = {
   esmName: "${esmName}",
   sourceFile: "${args.path}",
   outputFile: "${result.outputs[0].path}",
-  renderScriptTag: ({ onLoad }) => {
-    const fn = onLoad ? (typeof onLoad === 'string' ? onLoad : \`const fn = \${functionToString(onLoad)}; fn(${fnArgs});\`) : '';
+  renderScriptTag: ({ loadScript }) => {
+    const fn = loadScript ? (typeof loadScript === 'string' ? loadScript : \`const fn = \${functionToString(loadScript)}; fn(${fnArgs});\`) : '';
     return \`<script type="module" data-source-id="${jsId}">import ${exports} from "${esmName}";\n\${fn}</script>\`;
   },
 }