@revojs/vue 0.1.30 → 0.1.32

package/dist/client/index.d.ts

@@ -20,6 +20,7 @@ declare function useFetch<T, TError = Error>(scope: Scope, input: string | URL,
   refresh: (options?: AsyncOptions<TError> | undefined) => Promise<T | undefined>;
 }>;
 declare function refreshAsync(scope: Scope, input?: string | Array<string>): Promise<void[] | undefined>;
+declare const isServerSideRendering: boolean;
 declare const REFRESH_ASYNC_HOOK: revojs0.Descriptor<(names?: Array<string>) => Promise<void>>;
 //#endregion
-export { AsyncOptions, REFRESH_ASYNC_HOOK, refreshAsync, useAsync, useFetch, useScope, useState };
+export { AsyncOptions, REFRESH_ASYNC_HOOK, isServerSideRendering, refreshAsync, useAsync, useFetch, useScope, useState };

package/dist/client/index.js

@@ -54,7 +54,8 @@ function useFetch(scope, input, options) {
 async function refreshAsync(scope, input) {
 	if (isClient) return await scope.dispatchHook(REFRESH_ASYNC_HOOK, input === void 0 ? void 0 : Array.isArray(input) ? input : [input]);
 }
+const isServerSideRendering = import.meta.SERVER_SIDE_RENDERING ?? globalThis?.import?.meta?.SERVER_SIDE_RENDERING;
 const REFRESH_ASYNC_HOOK = defineHook("REFRESH_ASYNC_HOOK");
 
 //#endregion
-export { REFRESH_ASYNC_HOOK, refreshAsync, useAsync, useFetch, useScope, useState };
+export { REFRESH_ASYNC_HOOK, isServerSideRendering, refreshAsync, useAsync, useFetch, useScope, useState };

package/dist/index.d.ts

@@ -1,7 +1,10 @@
 import { App, Module } from "revojs";
 
 //#region src/index.d.ts
+interface VueOptions {
+  serverSideRendering?: boolean;
+}
 declare function addPages(app: App, path: string): void;
-declare function vue(): Module;
+declare function vue(options?: VueOptions): Module;
 //#endregion
-export { addPages, vue };
+export { VueOptions, addPages, vue };

package/dist/index.js

@@ -4,12 +4,15 @@ import { addAlias, addRoutes, addTypes, useKit } from "revojs/kit";
 function addPages(app, path) {
 	app.config.sources.pages?.entries.push(path);
 }
-function vue() {
+function vue(options) {
 	return {
-		config: { sources: { pages: {
-			match: "**/{page,layout}.vue",
-			entries: ["./routes"]
-		} } },
+		config: {
+			variables: { SERVER_SIDE_RENDERING: options?.serverSideRendering ?? true },
+			sources: { pages: {
+				match: "**/{page,layout}.vue",
+				entries: ["./routes"]
+			} }
+		},
 		setup(app) {
 			const { fromModule } = useKit(import.meta.url);
 			app.config.template.head.children.push({

package/dist/module/app.ts

@@ -1,7 +1,7 @@
 import Main from "#alias/vue/main";
 import pages from "#virtual/pages";
 import { isServer, Radix, Scope, useUrl, type Node } from "revojs";
-import { createSSRApp, type Component } from "vue";
+import { createApp, createSSRApp, type Component } from "vue";
 import {
     createMemoryHistory,
     createRouter,
@@ -10,6 +10,7 @@ import {
     RouterView,
     type RouteRecordRaw,
 } from "vue-router";
+import { isServerSideRendering } from "../client";
 
 function toRoute(path: string, node: Node<Component>, index: number): RouteRecordRaw {
     const layout = node.children["layout"];
@@ -70,7 +71,9 @@ export default async (scope: Scope) => {
         routes: [rootNode],
     });
 
-    const app = createSSRApp(Main).use(router).provide("REVOJS_SCOPE", scope);
+    const app = (isServerSideRendering ? createSSRApp(Main) : createApp(Main))
+        .use(router)
+        .provide("REVOJS_SCOPE", scope);
 
     app.config.throwUnhandledErrorInProduction = true;
 

package/dist/module/routes/[...]/get.ts

@@ -2,27 +2,33 @@ import createApp from "#alias/vue/app";
 import client from "#virtual/client";
 import { defineRoute, sendHtml, useServer } from "revojs";
 import { renderToString } from "vue/server-renderer";
+import { isServerSideRendering } from "../../../client";
 
 export default defineRoute({
     async fetch(scope) {
         const { states } = useServer(scope);
 
-        const app = await createApp(scope);
+        let content = client;
 
-        let exception;
-        app.config.errorHandler = (value) => (exception = value);
+        if (isServerSideRendering) {
+            const app = await createApp(scope);
 
-        const content = client
-            .replace("<!-- BODY -->", await renderToString(app))
-            .replace(
-                "<!-- HEAD -->",
-                "<script id='STATES' type='application/json'>" + JSON.stringify(states) + "</script>"
-            );
+            let exception;
+            app.config.errorHandler = (value) => (exception = value);
+
+            content = content.replace("<!-- BODY -->", await renderToString(app));
 
-        if (exception) {
-            throw exception;
+            if (exception) {
+                throw exception;
+            }
         }
 
-        return sendHtml(scope, content);
+        return sendHtml(
+            scope,
+            content.replace(
+                "<!-- HEAD -->",
+                "<script id='STATES' type='application/json'>" + JSON.stringify(states) + "</script>"
+            )
+        );
     },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/vue",
-    "version": "0.1.30",
+    "version": "0.1.32",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",

package/src/types/index.d.ts

@@ -26,3 +26,7 @@ declare module "*.vue" {
     const component: DefineComponent<Record<string, never>, Record<string, never>, any>;
     export default component;
 }
+
+interface ImportMeta {
+    readonly SERVER_SIDE_RENDERING: boolean;
+}