@vandenberghinc/volt 1.1.5 → 1.1.7

package/frontend/tools/embed_scripts.js

@@ -0,0 +1,69 @@
+
+// Imports.
+import process from 'node:process';
+import * as vlib from "@vandenberghinc/vlib";
+
+// Get dirnname.
+import { fileURLToPath } from 'node:url';
+import { dirname } from 'node:path';
+import { argv } from 'node:process';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// Settings.
+const frontend = new vlib.Path(`${__dirname}/../src/`).abs().str();
+
+// Embed scripts
+const embed_script = (input, output, postprocess = undefined) => {
+
+    // Compile data to indicate that is should not be edited.
+    const path = new vlib.Path(input);
+    let data = path.load_sync();
+    if (input.includes("scheme.js")) {
+        data = `const volt = {};\n/* DO NOT EDIT THIS FILE IT IS LOCATED AT ${input}. */ \n` + data.replaceAll("vlib", "volt");
+        data = "import { Colors } from \"./colors\";\n" + data;
+        data = data.replaceAll("volt.colors.end", "Colors.end")
+        data = data.replaceAll("volt.colors.yellow", "Colors.yellow")
+        data += `\nconst Scheme = volt.Scheme;\nexport { Scheme };\n`
+    } else if (input.includes("date.js")) {
+        data = `const volt = {};\n/* DO NOT EDIT THIS FILE IT IS LOCATED AT ${input}. */ \n` + data.replaceAll("vlib", "volt");
+        data = data.replaceAll("extends Date", "extends window.Date")
+        data += `\nexport const VDate = volt.Date;\n`
+        // data += `\nconst Date = volt.Date;\nexport { Date };\n`
+    } else if (input.endsWith("/vhighlight.browser.js")) {
+        data = `/** \n * @type any \n */\n` + data;
+    }
+    if (postprocess) {
+        const res = postprocess(data);
+        if (res) { data = res; }
+    }
+
+    // Save.
+    new vlib.Path(output).save_sync(data)
+}
+
+// Embed vlib scripts.
+embed_script(`${process.env.PERSISTANCE}/private/dev/vinc/vlib/js/src/types/global/string.ts`, `${frontend}/modules/string.ts`)
+embed_script(`${process.env.PERSISTANCE}/private/dev/vinc/vlib/js/src/types/global/number.ts`, `${frontend}/modules/number.ts`)
+embed_script(`${process.env.PERSISTANCE}/private/dev/vinc/vlib/js/src/types/global/object.ts`, `${frontend}/modules/object.ts`)
+embed_script(`${process.env.PERSISTANCE}/private/dev/vinc/vlib/js/src/types/global/array.ts`, `${frontend}/modules/array.ts`)
+embed_script(`${process.env.PERSISTANCE}/private/dev/vinc/vlib/js/src/types/global/scheme.ts`, `${frontend}/modules/scheme.ts`, data => {
+    if (data.includes('import { Colors } from "../system/colors.js"')) {
+        return data.replace('import { Colors } from "../system/colors.js"', 'import { Colors } from "./colors.js"')
+    }
+    return data;
+})
+embed_script(`${process.env.PERSISTANCE}/private/dev/vinc/vlib/js/src/types/global/date.ts`, `${frontend}/modules/date.ts`)
+
+// embed_script(`${process.env.PERSISTANCE}/private/dev/vinc/vhighlight/dist/esm/vhighlight.web.min.js`, `${frontend}/libs/vhighlight.js`)
+// embed_script(`${process.env.PERSISTANCE}/private/dev/vinc/vhighlight/dist/esm/vhighlight.web.d.ts`, `${frontend}/libs/vhighlight.d.ts`)
+
+// const embed_dir = async (src, dst) => {
+//     dst = new vlib.Path(dst);
+//     if (dst.exists()) {
+//         try { await dst.del({recursive: true}); } catch (e) {console.error(e)}
+//     }
+//     await new vlib.Path(src).cp(dst)
+// }
+// await embed_dir(`${process.env.PERSISTANCE}/private/dev/vinc/vhighlight/dist/esm`, `${frontend}/libs/vhighlight`)
+// await embed_dir(`${process.env.PERSISTANCE}/private/dev/vinc/vhighlight/src`, `${frontend}/libs/vhighlight`)

package/frontend/tsconfig.json

@@ -0,0 +1,26 @@
+/* Dummy tsconfig file for vscode. */
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ES2022",
+        "moduleResolution": "bundler",
+        "lib": [
+            "ES2022",
+            "DOM"
+        ],
+        "declaration": true,
+        "strict": true,
+        "esModuleInterop": true,
+        "allowJs": true,
+        "checkJs": false,
+        "noImplicitAny": false,
+        "baseUrl": ".",
+        "skipLibCheck": true,
+        "paths": {},
+        "outDir": "./dist"
+    },
+    "include": [
+        "src/**/*",
+        "src/ui/**/*",
+    ],
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "author": "Daan van den Bergh",
     "name": "@vandenberghinc/volt",
-    "version": "1.1.5",
+    "version": "1.1.7",
     "description": "",
     "type": "module",
     "types": "./backend/dist/esm/volt.d.ts",
@@ -18,11 +18,10 @@
     },
     "scripts": {
         "start": "node start.js",
-        "compile": "npm run compile-backend && npm run compile-frontend",
-        "compile-backend-dev": "tsc --project backend/tsconfig.esm.dev.json && ts-path-alias --resolve --path backend/dist/esm-dev/ --tsconfig ./backend/tsconfig.esm.dev.json && npm run add-dist-files",
-        "compile-backend": "tsc --project backend/tsconfig.esm.json && tsc-alias --project backend/tsconfig.esm.json && echo 'Compiling CommonJS.' && tsc --project backend/tsconfig.cjs.json && tsc-alias --project backend/tsconfig.cjs.json && echo '{\"type\":\"commonjs\"}' > backend/dist/cjs/package.json && npm run compile-backend-dev && npm run add-dist-files && npm run resolve-path-aliases",
-        "compile-frontend": "node frontend/compile.js",
-        "compile-backend-frontend": "tsc --project backend/tsconfig.json && node frontend/compile.js",
+        "build": "npm run build:backend --silent && npm run build:frontend --silent",
+        "build:backend": "tsc --project backend/tsconfig.esm.json && tsc-alias --project backend/tsconfig.esm.json && tsc --project backend/tsconfig.cjs.json && tsc-alias --project backend/tsconfig.cjs.json && echo '{\"type\":\"commonjs\"}' > backend/dist/cjs/package.json && npm run build:backend:dev && npm run add-dist-files && npm run resolve-path-aliases",
+        "build:backend:dev": "tsc --project backend/tsconfig.esm.dev.json && ts-path-alias --resolve --path backend/dist/esm-dev/ --tsconfig ./backend/tsconfig.esm.dev.json && npm run add-dist-files",
+        "build:frontend": "node frontend/tools/embed_scripts.js && tsc -p frontend/tsconfig.json",
         "check-circular-dependencies": "npx madge --circular frontend/ --exclude frontend/dist",
         "add-dist-files": "rsync -az --delete ./frontend/src/css/ ./backend/dist/css/",
         "resolve-path-aliases": "ts-path-alias --resolve --path backend/dist/esm/ --tsconfig ./backend/tsconfig.esm.json && ts-path-alias --resolve --path backend/dist/esm-dev/ --tsconfig ./backend/tsconfig.esm.dev.json && ts-path-alias --resolve --path backend/dist/cjs/ --tsconfig ./backend/tsconfig.cjs.json",
@@ -36,20 +35,21 @@
         "volt-dev": "./backend/dist/esm-dev/cli.js"
     },
     "dependencies": {
+        "@babel/plugin-proposal-decorators": "^7.25.9",
         "@rollup/plugin-typescript": "^12.1.2",
         "@vandenberghinc/vhighlight": "^1.3.10",
         "@vandenberghinc/vlib": "^1.5.4",
         "blob-stream": "^0.1.3",
         "clean-css": "^5.3.3",
         "esbuild": "^0.25.0",
+        "esbuild-plugin-babel": "^0.2.3",
         "jspdf": "^3.0.0",
         "mongodb": "^6.14.0",
         "nodemailer": "^6.10.0",
         "pdfkit": "^0.14.0",
         "playwright": "^1.50.1",
         "rollup-plugin-typescript2": "^0.36.0",
-        "sharp": "^0.33.5",
-        "vhighlight": "file:../vhighlight"
+        "sharp": "^0.33.5"
     },
     "devDependencies": {
         "@types/node": "^22.13.8",

package/frontend/dist/ui/theme.d.ts

@@ -1,25 +0,0 @@
-type OnActivateCallback = (element: ThemeClass, theme: string) => void;
-export declare class ThemeClass {
-    active_id?: string;
-    active?: Record<string, any>;
-    _theme_ids: string[];
-    _attrs: string[];
-    _css_vars: Record<string, string | String>;
-    _id: string;
-    _on_activate_callback?: OnActivateCallback;
-    constructor(id: string, themes?: Record<string, any>);
-    _add_attr(id: string, theme?: string): void;
-    set(theme: string, key: string, value: any): this;
-    get id(): string;
-    initialize(id?: string): this;
-    value(id: any): any;
-    opacity(id: string, opacity?: number): string;
-    activate(id: string, apply_theme_update?: boolean): this;
-    on_activate(): OnActivateCallback | undefined;
-    on_activate(callback: OnActivateCallback): this;
-    get_active_id_cached(): string;
-    toggle(apply_theme_update?: boolean): this;
-}
-export declare const Theme: <Extensions extends object = {}>(id: string, themes?: Record<string, any> | undefined) => ThemeClass & Extensions;
-export declare const NullTheme: <Extensions extends object = {}>() => ThemeClass & Extensions;
-export {};