solidstep 0.3.2 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "solidstep",
-    "version": "0.3.2",
+    "version": "0.3.4",
     "description": "Next Step SolidJS Framework for building web applications.",
     "type": "module",
     "author": "HamzaKV <hamzakv333@gmail.com>",
@@ -13,6 +13,7 @@
         ".": "./index.js",
         "./hooks/action-state": "./utils/hooks/action-state.js",
         "./utils/cache": "./utils/cache.js",
+        "./utils/client-only": "./utils/client-only.js",
         "./utils/cookies": "./utils/cookies.js",
         "./utils/cors": "./utils/cors.js",
         "./utils/csp": "./utils/csp.js",
@@ -23,6 +24,7 @@
         "./utils/loader": "./utils/loader.js",
         "./utils/logger": "./utils/logger.js",
         "./utils/meta": "./utils/meta.js",
+        "./utils/options": "./utils/options.js",
         "./utils/redirect": "./utils/redirect.js",
         "./utils/server-only": "./utils/server-only.js"
     },

package/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../server.ts"],"names":[],"mappings":"AAkfA,QAAA,MAAM,OAAO,2FAuXX,CAAC;AAEH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../server.ts"],"names":[],"mappings":"AAkfA,QAAA,MAAM,OAAO,2FA+XX,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/server.js

@@ -369,6 +369,10 @@ onStart();
 const handler = eventHandler(async (event) => {
     const req = toWebRequest(event);
     try {
+        if (req.url.includes('/.well-known/appspecific/com.chrome.devtools.json')) {
+            setResponseStatus(204);
+            return;
+        }
         if (req.url?.includes('_server')) {
             return handleServerFunction(event);
         }
@@ -635,6 +639,7 @@ const handler = eventHandler(async (event) => {
                         return '';
                     })
                         .join('\n');
+                    push(`<template id="__page_html__">${html}</template>`);
                     push(`
                         <script ${cspNonce ? `nonce="${cspNonce}"` : ''}>
                         const head = document.querySelector('head');
@@ -645,7 +650,9 @@ const handler = eventHandler(async (event) => {
                         });
                         document.querySelector('script[data-hydration="loading"]')?.remove();
                         const loading = document.querySelector('body');
-                        loading.innerHTML = \`${html}\`;
+                        const template = document.getElementById('__page_html__');
+                        loading.innerHTML = template.innerHTML;
+                        template.remove();
                         </script> 
                     `);
                     push(manifestHtml);

package/utils/client-only.d.ts

@@ -0,0 +1,6 @@
+import type { Component, ComponentProps, JSX } from 'solid-js';
+declare const clientOnly: <T extends Component<any>>(component: T, options?: {
+    fallback?: JSX.Element;
+}) => (props: ComponentProps<T>) => JSX.Element;
+export default clientOnly;
+//# sourceMappingURL=client-only.d.ts.map

package/utils/client-only.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-only.d.ts","sourceRoot":"","sources":["../../utils/client-only.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAU,MAAM,UAAU,CAAC;AAavE,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,SAAS,CAAC,GAAG,CAAC,EACxC,WAAW,CAAC,EACZ,UAAU;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAAE,aAMtB,cAAc,CAAC,CAAC,CAAC,gBAanC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/utils/client-only.js

@@ -0,0 +1,23 @@
+import { createMemo, createSignal, onMount, sharedConfig, untrack } from 'solid-js';
+import { isServer } from 'solid-js/web';
+const load = (fn, setComp) => {
+    fn().then(m => setComp(() => m.default));
+};
+const clientOnly = (component, options) => {
+    if (isServer)
+        return () => (options?.fallback) ?? null;
+    const [comp, setComp] = createSignal();
+    load(async () => ({ default: component }), setComp);
+    return (props) => {
+        let Comp;
+        let m;
+        if ((Comp = comp()) && !sharedConfig.context)
+            return Comp(props);
+        const [mounted, setMounted] = createSignal(!sharedConfig.context);
+        onMount(() => setMounted(true));
+        return createMemo(() => (
+        // biome-ignore lint/style/noCommaOperator: <explanation>
+        (Comp = comp()), (m = mounted()), untrack(() => (Comp && m ? Comp(props) : options?.fallback))));
+    };
+};
+export default clientOnly;

package/utils/options.d.ts

@@ -0,0 +1,15 @@
+export type Options = {
+    cache?: {
+        ttl?: number;
+    };
+    responseHeaders?: {
+        [key: string]: string;
+    };
+    hydration?: {
+        disable?: boolean;
+        blockRender?: boolean;
+        fetchPriority?: 'high' | 'low' | 'auto';
+    };
+};
+export declare const options: (options: Options) => Options;
+//# sourceMappingURL=options.d.ts.map

package/utils/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../utils/options.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,CAAC,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,eAAe,CAAC,EAAE;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,SAAS,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;KAC3C,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,SAAS,OAAO,YAAY,CAAC"}

package/utils/options.js

@@ -0,0 +1 @@
+export const options = (options) => options;