@revojs/vue 0.1.48 → 0.1.49

package/dist/client/{index.d.mts → index.d.ts}

@@ -20,7 +20,7 @@ declare function useFetch<T, TError = Error>(scope: Scope, input: MaybeRefOrGett
   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 isServerSideRendering: any;
 declare const REFRESH_ASYNC_HOOK: _$revojs.Descriptor<(names?: Array<string>) => Promise<void>>;
 //#endregion
 export { AsyncOptions, REFRESH_ASYNC_HOOK, isServerSideRendering, refreshAsync, useAsync, useFetch, useScope, useState };

package/dist/{index.mjs → index.js}

@@ -10,7 +10,7 @@ function vue(options) {
 		app.config.template.head.children.push({
 			tagName: "script",
 			attributes: { type: "module" },
-			children: [`import "${fromModule("./module/entry.ts")}"`]
+			children: [`import "${fromModule("./runtime/entry.js")}"`]
 		}, {
 			tagName: "script",
 			attributes: {
@@ -24,7 +24,7 @@ function vue(options) {
 			attributes: { id: "app" },
 			children: ["<!-- APP -->"]
 		});
-		addRoutes(app, fromModule("./module/routes"));
+		addRoutes(app, fromModule("./runtime/routes"));
 		addTypes(app, "revojs-vue", () => `import "@revojs/vue/types"`);
 		return {
 			variables: { SERVER_SIDE_RENDERING: options?.serverSideRendering ?? true },
@@ -35,8 +35,8 @@ function vue(options) {
 			vite: {
 				plugins: [vueCompiler(options?.compilerOption)],
 				resolve: { alias: {
-					"#vue/app": fromModule("./module/app.ts"),
-					"#vue/main": fromModule("./module/main.vue")
+					"#vue/app": fromModule("./runtime/app.js"),
+					"#vue/main": fromModule("./runtime/main.vue")
 				} }
 			}
 		};

package/dist/runtime/app.d.ts

@@ -0,0 +1,7 @@
+import { Scope } from "revojs";
+import * as _$vue from "vue";
+
+//#region src/runtime/app.d.ts
+declare const _default: (scope: Scope) => Promise<_$vue.App<Element>>;
+//#endregion
+export { _default as default };

package/dist/runtime/app.js

@@ -0,0 +1,56 @@
+import { Radix, isServer, useUrl } from "revojs";
+import { createApp, createSSRApp } from "vue";
+import pages from "#pages";
+import Main from "#vue/main";
+import { RouterView, createMemoryHistory, createRouter, createWebHistory } from "vue-router";
+import { isServerSideRendering } from "../client";
+//#region src/runtime/app.ts
+function toRoute(path, node, index) {
+	const layout = node.children["layout"];
+	if (layout) delete node.children["layout"];
+	const children = Object.entries(node.children).map(([path, node]) => toRoute(path, node, index + 1));
+	if (node.value && (children.length || layout)) children.push({
+		path: "",
+		component: node.value
+	});
+	if (node.type === "WILDCARD") path = ":" + node.parameter + "(.*)*";
+	if (node.type === "OPTIONAL-WILDCARD") path = ":" + node.parameter + "(.*)?";
+	if (node.type === "OPTIONAL-PARAMETER") path = ":" + node.parameter + "?";
+	if (node.type === "PARAMETER") path = ":" + node.parameter;
+	return {
+		path,
+		children,
+		component: children.length ? layout?.value ?? RouterView : node.value ?? RouterView
+	};
+}
+var app_default = async (scope) => {
+	const radix = new Radix();
+	for (const path in pages) {
+		const segments = path.split("/");
+		for (const attribute of segments.pop()?.split(".") ?? []) {
+			if (attribute === "page" || attribute === "vue") continue;
+			segments.push(attribute);
+		}
+		radix.use(segments, pages[path]);
+	}
+	const rootNode = toRoute("/", radix.rootNode, 0);
+	const optionalNode = rootNode.children?.find((route) => route.path.includes("?"));
+	if (optionalNode) rootNode.children?.push({
+		...optionalNode,
+		path: ""
+	});
+	const router = createRouter({
+		history: isServer ? createMemoryHistory() : createWebHistory(),
+		routes: [rootNode]
+	});
+	const app = (isServerSideRendering ? createSSRApp(Main) : createApp(Main)).use(router).provide("REVOJS_SCOPE", scope);
+	app.config.throwUnhandledErrorInProduction = true;
+	if (isServer) {
+		const { pathname } = useUrl(scope);
+		await router.push(pathname);
+	}
+	await router.isReady();
+	return app;
+};
+//#endregion
+export { app_default as default };

package/dist/runtime/entry.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/{module/entry.ts → runtime/entry.js}

@@ -1,4 +1,5 @@
-import createApp from "#vue/app";
 import { Scope } from "revojs";
-
+import createApp from "#vue/app";
+//#region src/runtime/entry.ts
 await createApp(new Scope()).then((app) => app.mount("#app"));
+//#endregion

package/dist/runtime/routes/[...]/get.d.ts

@@ -0,0 +1,8 @@
+import * as _$revojs from "revojs";
+
+//#region src/runtime/routes/[...]/get.d.ts
+declare const _default: {
+  fetch(scope: _$revojs.Scope): Promise<Response>;
+};
+//#endregion
+export { _default as default };

package/dist/runtime/routes/[...]/get.js

@@ -0,0 +1,21 @@
+import { defineRoute, sendOk, useServer } from "revojs";
+import { isServerSideRendering } from "../../../client";
+import createApp from "#vue/app";
+import client from "#client";
+import { renderToString } from "vue/server-renderer";
+//#region src/runtime/routes/[...]/get.ts
+var get_default = defineRoute({ async fetch(scope) {
+	const { states } = useServer(scope);
+	let content = client;
+	if (isServerSideRendering) {
+		const app = await createApp(scope);
+		let exception;
+		app.config.errorHandler = (value) => exception = value;
+		content = content.replace("<!-- APP -->", await renderToString(app));
+		if (exception) throw exception;
+	}
+	const value = JSON.stringify(states).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+	return sendOk(scope, content.replace(`<!-- STATES -->`, value));
+} });
+//#endregion
+export { get_default as default };

package/package.json

@@ -1,32 +1,30 @@
 {
     "name": "@revojs/vue",
-    "version": "0.1.48",
+    "version": "0.1.49",
     "license": "MIT",
     "repository": "tellua/revojs",
     "files": [
-        "dist",
-        "src/types"
+        "dist"
     ],
     "type": "module",
-    "main": "./dist/index.mjs",
-    "module": "./dist/index.mjs",
-    "types": "./dist/index.d.mts",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
     "exports": {
         ".": {
-            "types": "./dist/index.d.mts",
-            "import": "./dist/index.mjs"
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
         },
         "./client": {
-            "types": "./dist/client/index.d.mts",
-            "import": "./dist/client/index.mjs"
+            "types": "./dist/client/index.d.ts",
+            "import": "./dist/client/index.js"
         },
         "./types": {
-            "types": "./src/types/index.d.ts"
+            "types": "./dist/runtime/types/index.d.ts"
         }
     },
     "scripts": {
-        "build": "tsdown",
-        "watch": "tsdown -w"
+        "build": "revojs module build"
     },
     "dependencies": {
         "@vitejs/plugin-vue": "^6.0.5",
@@ -35,7 +33,6 @@
         "vue-router": "^5.0.4"
     },
     "devDependencies": {
-        "@revojs/tsconfig": "*",
-        "tsdown": "^0.21.7"
+        "@revojs/tsconfig": "*"
     }
 }

package/dist/module/app.ts

@@ -1,97 +0,0 @@
-import pages from "#pages";
-import Main from "#vue/main";
-import { isServer, Radix, Scope, useUrl, type Node } from "revojs";
-import { createApp, createSSRApp, type Component } from "vue";
-import {
-    createMemoryHistory,
-    createRouter,
-    createWebHistory,
-    RouteRecordSingleView,
-    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"];
-
-    if (layout) {
-        delete node.children["layout"];
-    }
-
-    const children = Object.entries(node.children).map(([path, node]) => toRoute(path, node, index + 1));
-
-    if (node.value && (children.length || layout)) {
-        children.push({ path: "", component: node.value });
-    }
-
-    if (node.type === "WILDCARD") {
-        path = ":" + node.parameter + "(.*)*";
-    }
-
-    if (node.type === "OPTIONAL-WILDCARD") {
-        path = ":" + node.parameter + "(.*)?";
-    }
-
-    if (node.type === "OPTIONAL-PARAMETER") {
-        path = ":" + node.parameter + "?";
-    }
-
-    if (node.type === "PARAMETER") {
-        path = ":" + node.parameter;
-    }
-
-    const route = {
-        path,
-        children,
-        component: children.length ? (layout?.value ?? RouterView) : (node.value ?? RouterView),
-    };
-
-    return route;
-}
-
-export default async (scope: Scope) => {
-    const radix = new Radix<Component>();
-
-    for (const path in pages) {
-        const segments = path.split("/");
-
-        for (const attribute of segments.pop()?.split(".") ?? []) {
-            if (attribute === "page" || attribute === "vue") {
-                continue;
-            }
-
-            segments.push(attribute);
-        }
-
-        radix.use(segments, pages[path]);
-    }
-
-    const rootNode = toRoute("/", radix.rootNode, 0);
-
-    const optionalNode = rootNode.children?.find((route) => route.path.includes("?")) as RouteRecordSingleView;
-    if (optionalNode) {
-        rootNode.children?.push({ ...optionalNode, path: "" });
-    }
-
-    const router = createRouter({
-        history: isServer ? createMemoryHistory() : createWebHistory(),
-        routes: [rootNode],
-    });
-
-    const app = (isServerSideRendering ? createSSRApp(Main) : createApp(Main))
-        .use(router)
-        .provide("REVOJS_SCOPE", scope);
-
-    app.config.throwUnhandledErrorInProduction = true;
-
-    if (isServer) {
-        const { pathname } = useUrl(scope);
-
-        await router.push(pathname);
-    }
-
-    await router.isReady();
-
-    return app;
-};

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

@@ -1,35 +0,0 @@
-import client from "#client";
-import createApp from "#vue/app";
-import { defineRoute, sendOk, useServer } from "revojs";
-import { renderToString } from "vue/server-renderer";
-import { isServerSideRendering } from "../../../client";
-
-export default defineRoute({
-    async fetch(scope) {
-        const { states } = useServer(scope);
-
-        let content = client;
-
-        if (isServerSideRendering) {
-            const app = await createApp(scope);
-
-            let exception;
-            app.config.errorHandler = (value) => (exception = value);
-
-            content = content.replace("<!-- APP -->", await renderToString(app));
-
-            if (exception) {
-                throw exception;
-            }
-        }
-
-        const value = JSON.stringify(states)
-            .replace(/</g, "\\u003c")
-            .replace(/>/g, "\\u003e")
-            .replace(/&/g, "\\u0026")
-            .replace(/\u2028/g, "\\u2028")
-            .replace(/\u2029/g, "\\u2029");
-
-        return sendOk(scope, content.replace(`<!-- STATES -->`, value));
-    },
-});