a reactive (signals based) hypermedia web framework (wip)
stormlightlabs.github.io/volt/
hypermedia
frontend
signals
build: setup demo build
+108
-15
+1
.gitignore
+1
.gitignore
+3
lib/package.json
+3
lib/package.json
···
28
28
"build:css:min": "postcss src/styles/index.css -o dist/voltx.min.css --env production",
29
29
"build:finalize": "node scripts/build-finalize.js",
30
30
"build:jsr": "pnpm build:lib && pnpm build:lib:min",
31
+
"build:demo": "vite build --mode demo",
32
+
"build:demo:min": "vite build --mode demo:min",
31
33
"preview": "vite preview",
34
+
"preview:demo": "vite preview --outDir dist-demo",
32
35
"test": "vitest",
33
36
"test:run": "vitest run",
34
37
"coverage": "vitest run --coverage",
+21
-5
lib/src/demo/index.ts
+21
-5
lib/src/demo/index.ts
···
6
6
7
7
import { charge } from "$core/charge";
8
8
import { isSignal } from "$core/shared";
9
-
import { initNavigationListener } from "$plugins/navigate";
9
+
import { initNavigationListener, setRouterMode } from "$plugins/navigate";
10
10
import { persistPlugin } from "$plugins/persist";
11
11
import { scrollPlugin } from "$plugins/scroll";
12
12
import { shiftPlugin } from "$plugins/shift";
···
22
22
import { createPluginsSection } from "./sections/plugins";
23
23
import { createReactivitySection } from "./sections/reactivity";
24
24
import * as dom from "./utils";
25
+
26
+
setRouterMode(import.meta.env.DEV ? "history" : "hash");
25
27
26
28
registerPlugin("persist", persistPlugin);
27
29
registerPlugin("scroll", scrollPlugin);
···
88
90
);
89
91
90
92
/**
91
-
* Get the current page from the URL pathname
93
+
* Get the current page from the URL (supports both hash and history routing)
92
94
*/
93
95
function getCurrentPageFromPath(): string {
96
+
if (globalThis.location.hash) {
97
+
const hash = globalThis.location.hash.slice(1);
98
+
if (hash === "/" || hash === "") return "home";
99
+
return hash.slice(1);
100
+
}
101
+
94
102
const path = globalThis.location.pathname;
95
103
if (path === "/" || path === "") return "home";
96
104
return path.slice(1);
···
197
205
return;
198
206
}
199
207
200
-
// Add helper functions to scope (not serializable, so added after charge)
201
208
rootScope.$helpers = helpers;
202
209
203
210
const handleNavigate = (event: Event) => {
204
211
const customEvent = event as CustomEvent;
205
-
const url = customEvent.detail?.url || globalThis.location.pathname;
206
-
const page = url === "/" || url === "" ? "home" : url.slice(1);
212
+
const url = customEvent.detail?.url || "";
213
+
214
+
let page = "home";
215
+
if (url.startsWith("#")) {
216
+
const hash = url.slice(1);
217
+
page = hash === "/" || hash === "" ? "home" : hash.slice(1);
218
+
} else if (url) {
219
+
page = url === "/" || url === "" ? "home" : url.slice(1);
220
+
} else {
221
+
page = getCurrentPageFromPath();
222
+
}
207
223
208
224
const currentPageSignal = rootScope.currentPage as Signal<string>;
209
225
if (currentPageSignal && isSignal(currentPageSignal)) {
+1
-1
lib/src/index.ts
+1
-1
lib/src/index.ts
···
53
53
supportsViewTransitions,
54
54
withViewTransition,
55
55
} from "$core/view-transitions";
56
-
export { goBack, goForward, initNavigationListener, navigate, redirect } from "$plugins/navigate";
56
+
export { goBack, goForward, getRouterMode, initNavigationListener, navigate, redirect, setRouterMode } from "$plugins/navigate";
57
57
export { persistPlugin, registerStorageAdapter } from "$plugins/persist";
58
58
export { scrollPlugin } from "$plugins/scroll";
59
59
export {
+9
lib/vite.config.ts
+9
lib/vite.config.ts
···
24
24
const buildOptions = (mode: string): BuildEnvironmentOptions => {
25
25
const [baseMode, ...flags] = mode.split(":");
26
26
const isLibBuild = baseMode === "lib";
27
+
const isDemoBuild = baseMode === "demo";
27
28
const shouldMinify = flags.includes("min");
28
29
const target = flags.find((flag) => flag !== "min") ?? "all";
30
+
31
+
if (isDemoBuild) {
32
+
return {
33
+
minify: shouldMinify ? "oxc" : false,
34
+
outDir: path.resolve(__dirname, "dist-demo"),
35
+
rollupOptions: { input: path.resolve(__dirname, "index.html") },
36
+
};
37
+
}
29
38
30
39
if (!isLibBuild) return { minify: shouldMinify ? "oxc" : false };
31
40