create-electro 1.0.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Anton Ryuben
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,24 @@
+# create-electro
+
+Scaffold a new ElectroJS application with the supported monorepo-first layout.
+
+## Usage
+
+```bash
+npm create electro@latest my-app
+```
+
+or
+
+```bash
+pnpm create electro my-app
+```
+
+The generated project contains:
+
+- a root `electro.config.ts`
+- a `runtime/` package
+- a `views/main/` package
+- package-local `electro-env.d.ts` starter files
+
+ElectroJS documents and supports this monorepo-style layout. Other layouts are outside the documented path.

package/bin/create-electro.mjs

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+
+import { runCli } from "../dist/index.mjs";
+
+await runCli(process.argv.slice(2)).catch((error) => {
+    const message = error instanceof Error ? error.message : String(error);
+    console.error(message);
+    process.exitCode = 1;
+});

package/dist/index.d.mts

@@ -0,0 +1,4 @@
+//#region src/index.d.ts
+declare function runCli(argv?: readonly string[]): Promise<void>;
+//#endregion
+export { runCli };

package/dist/index.mjs

@@ -0,0 +1,10 @@
+import{basename as e,dirname as t,join as n,resolve as r}from"node:path";import{fileURLToPath as i}from"node:url";import{mkdir as a,readFile as o,readdir as s,stat as c,writeFile as l}from"node:fs/promises";const u=i(new URL(`../template/monorepo`,import.meta.url));function d(e){let t=e.trim().toLowerCase().replace(/[^a-z0-9]+/g,`-`).replace(/^-+|-+$/g,``);return t.length>0?t:`electro-app`}function f(e){return e.split(/[^a-zA-Z0-9]+/).filter(e=>e.length>0).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function p(e){let t=d(e);return{packageName:t,displayName:f(t)}}function m(e){return{__DISPLAY_NAME__:e.displayName,__ELECTRON_VERSION__:`41.0.4`,__FRAMEWORK_VERSION__:`2.0.0`,__NODE_TYPES_VERSION__:`^25.5.0`,__PACKAGE_MANAGER__:`pnpm@10.32.1`,__PACKAGE_NAME__:e.packageName,__REACT_DOM_TYPES_VERSION__:`^19.2.3`,__REACT_TYPES_VERSION__:`^19.2.14`,__REACT_VERSION__:`^19.2.4`,__TYPESCRIPT_VERSION__:`^6.0.2`,__VITE_REACT_PLUGIN_VERSION__:`^6.0.1`,__VITE_VERSION__:`^8.0.2`}}function h(e,t){let n=e;for(let[e,r]of Object.entries(t))n=n.replaceAll(e,r);return n}async function g(e){try{return await c(e),!0}catch{return!1}}async function _(e,t){if(!await g(e)){await a(e,{recursive:!0});return}if((await s(e)).length>0&&!t)throw Error(`Target directory "${e}" is not empty. Use --force to overwrite scaffold files.`)}async function v(e,t=e){let r=await s(t,{withFileTypes:!0}),i=[];for(let a of r){let r=n(t,a.name);if(a.isDirectory()){i.push(...await v(e,r));continue}a.isFile()&&i.push(r)}return i.sort()}async function y(e,r){let i=m(r),s=await v(u),c=[];for(let r of s){let s=n(e,r.slice(u.length+1)),d=h(await o(r,`utf8`),i);await a(t(s),{recursive:!0}),await l(s,d,`utf8`),c.push(s)}return c.sort()}async function b(e){return await _(e.projectDir,e.force),y(e.projectDir,p(e.projectName))}function x(){console.log(`create-electro
+
+Usage:
+  npm create electro@latest [project-name]
+  pnpm create electro [project-name]
+
+Options:
+  -f, --force    Overwrite scaffold files in a non-empty directory
+  -h, --help     Show this help message
+`)}function S(e){let t=!1,n=!1,r=`electro-app`;for(let i of e){if(i===`--force`||i===`-f`){t=!0;continue}if(i===`--help`||i===`-h`){n=!0;continue}if(i.startsWith(`-`))throw Error(`Unknown option "${i}".`);r=i}return{force:t,help:n,targetDir:r}}function C(e){return e===`.`||e===`./`?null:e}async function w(t=process.argv.slice(2)){let n=S(t);if(n.help){x();return}let i=r(process.cwd(),n.targetDir),a=e(i),o=await b({force:n.force,projectDir:i,projectName:a});console.log(`\nScaffolded ElectroJS app in ${i}`),console.log(`Created ${o.length} file(s).\n`),console.log(`Next steps:`);let s=C(n.targetDir);s&&console.log(`  cd ${s}`),console.log(`  pnpm install`),console.log(`  pnpm run dev`)}const T=process.argv[1];T&&r(T)===i(import.meta.url)&&await w(process.argv.slice(2)).catch(e=>{let t=e instanceof Error?e.message:String(e);console.error(t),process.exitCode=1});export{w as runCli};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "create-electro",
+  "version": "1.0.5",
+  "description": "Scaffold a new ElectroJS Electron app with the recommended monorepo layout",
+  "keywords": [
+    "create",
+    "electro",
+    "electrojs",
+    "electron",
+    "scaffold",
+    "starter",
+    "template",
+    "vite"
+  ],
+  "homepage": "https://electrojs.myraxbyte.dev/",
+  "bugs": {
+    "url": "https://github.com/MyraxByte/electrojs/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MyraxByte/electrojs.git",
+    "directory": "packages/create-electro"
+  },
+  "bin": {
+    "create-electro": "./bin/create-electro.mjs"
+  },
+  "files": [
+    "bin",
+    "dist",
+    "template",
+    "README.md"
+  ],
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "tsdown": "^0.21.4",
+    "vitest": "^4.1.1"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest"
+  }
+}

package/template/monorepo/README.md

@@ -0,0 +1,19 @@
+# **DISPLAY_NAME**
+
+ElectroJS monorepo application scaffolded with `create-electro`.
+
+## Commands
+
+```bash
+pnpm install
+pnpm run dev
+pnpm run generate
+pnpm run build
+pnpm run preview
+```
+
+## Layout
+
+- `runtime/` contains the Electron main-process runtime package
+- `views/main/` contains the first renderer package
+- `electro.config.ts` wires runtime and views together through explicit package specifiers

package/template/monorepo/electro.config.ts

@@ -0,0 +1,6 @@
+import { defineElectroConfig } from "@electrojs/config";
+
+export default defineElectroConfig({
+    runtime: "runtime",
+    views: ["@views/main"],
+});

package/template/monorepo/package.json

@@ -0,0 +1,26 @@
+{
+    "name": "__PACKAGE_NAME__",
+    "version": "0.0.0",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "electro dev",
+        "build": "electro build",
+        "preview": "electro preview",
+        "generate": "electro generate"
+    },
+    "devDependencies": {
+        "@electrojs/cli": "__FRAMEWORK_VERSION__",
+        "@electrojs/config": "__FRAMEWORK_VERSION__",
+        "@types/node": "__NODE_TYPES_VERSION__",
+        "electron": "__ELECTRON_VERSION__",
+        "typescript": "__TYPESCRIPT_VERSION__",
+        "vite": "__VITE_VERSION__"
+    },
+    "packageManager": "__PACKAGE_MANAGER__",
+    "pnpm": {
+        "onlyBuiltDependencies": [
+            "electron"
+        ]
+    }
+}

package/template/monorepo/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+packages:
+  - "runtime"
+  - "views/*"

package/template/monorepo/runtime/electro-env.d.ts

@@ -0,0 +1,90 @@
+// Auto-generated by ElectroJS codegen. Do not edit.
+// @ts-nocheck
+// ElectroJS runtime authoring contract types — provides IDE completions for modules, signals, jobs, windows, and runtime-declared views.
+
+export {};
+
+type _Instance<T> = T extends abstract new (...args: never[]) => infer R ? R : never;
+type _ModuleAuthoringApi<TModuleId extends import("@electrojs/runtime").ModuleRegistryId> = import("@electrojs/runtime").ModuleAuthoringApi<TModuleId>;
+type _WindowAuthoringApi = import("@electrojs/runtime").WindowAuthoringApi;
+type _ViewAuthoringApi = import("@electrojs/runtime").ViewAuthoringApi;
+type _InvokeMethod<T, K extends PropertyKey> = K extends keyof _Instance<T>
+    ? _Instance<T>[K] extends (...args: infer A) => infer V
+        ? (...args: A) => Promise<Awaited<V>>
+        : never
+    : never;
+
+declare module "@electrojs/runtime" {
+    interface ModuleMethodMap {
+        "notes:createNote": _InvokeMethod<typeof import("./src/modules/notes/notes.service").NotesService, "createNote">;
+        "notes:getNotes": _InvokeMethod<typeof import("./src/modules/notes/notes.service").NotesService, "getNotes">;
+        "notes:deleteNote": _InvokeMethod<typeof import("./src/modules/notes/notes.service").NotesService, "deleteNote">;
+    }
+
+    interface ModuleApiRegistry {
+        app: {};
+        notes: {
+            createNote: _InvokeMethod<typeof import("./src/modules/notes/notes.service").NotesService, "createNote">;
+            getNotes: _InvokeMethod<typeof import("./src/modules/notes/notes.service").NotesService, "getNotes">;
+            deleteNote: _InvokeMethod<typeof import("./src/modules/notes/notes.service").NotesService, "deleteNote">;
+        };
+    }
+
+    interface ModuleSignalPayloadMap {}
+
+    interface ModuleJobRegistry {
+        app: never;
+        notes: never;
+    }
+
+    interface InjectableClassRegistry {
+        NotesService: typeof import("./src/modules/notes/notes.service").NotesService;
+    }
+
+    interface WindowClassRegistry {
+        main: typeof import("./src/modules/app.window").MainWindow;
+    }
+
+    interface ViewClassRegistry {
+        main: typeof import("./src/modules/app.view").MainView;
+    }
+}
+
+declare module "@electrojs/common" {
+    interface ViewAccessRegistry {
+        "notes:createNote": true;
+        "notes:getNotes": true;
+        "notes:deleteNote": true;
+    }
+
+    interface ViewSignalRegistry {}
+
+    interface BundledViewIdRegistry {
+        main: true;
+    }
+}
+
+import "./src/modules/app.module";
+declare module "./src/modules/app.module" {
+    interface AppModule extends _ModuleAuthoringApi<"app"> {}
+}
+
+import "./src/modules/notes/notes.module";
+declare module "./src/modules/notes/notes.module" {
+    interface NotesModule extends _ModuleAuthoringApi<"notes"> {}
+}
+
+import "./src/modules/notes/notes.service";
+declare module "./src/modules/notes/notes.service" {
+    interface NotesService extends _ModuleAuthoringApi<"notes"> {}
+}
+
+import "./src/modules/app.window";
+declare module "./src/modules/app.window" {
+    interface MainWindow extends _WindowAuthoringApi {}
+}
+
+import "./src/modules/app.view";
+declare module "./src/modules/app.view" {
+    interface MainView extends _ViewAuthoringApi {}
+}

package/template/monorepo/runtime/package.json

@@ -0,0 +1,15 @@
+{
+    "name": "runtime",
+    "version": "0.0.0",
+    "private": true,
+    "type": "module",
+    "devDependencies": {
+        "@electrojs/common": "__FRAMEWORK_VERSION__",
+        "@electrojs/config": "__FRAMEWORK_VERSION__",
+        "@electrojs/runtime": "__FRAMEWORK_VERSION__",
+        "@types/node": "__NODE_TYPES_VERSION__",
+        "electron": "__ELECTRON_VERSION__",
+        "typescript": "__TYPESCRIPT_VERSION__",
+        "vite": "__VITE_VERSION__"
+    }
+}

package/template/monorepo/runtime/runtime.config.ts

@@ -0,0 +1,5 @@
+import { defineRuntimeConfig } from "@electrojs/config";
+
+export default defineRuntimeConfig({
+    entry: "./src/main.ts",
+});

package/template/monorepo/runtime/src/main.ts

@@ -0,0 +1,25 @@
+import { AppKernel, createConsoleLogger } from "@electrojs/runtime";
+import { app } from "electron";
+import { AppModule } from "./modules/app.module";
+
+const kernel = AppKernel.create(AppModule, {
+    logger: createConsoleLogger(),
+});
+
+if (!app.requestSingleInstanceLock()) {
+    app.quit();
+}
+
+app.on("window-all-closed", () => {
+    if (process.platform !== "darwin") {
+        app.quit();
+    }
+});
+
+app.on("before-quit", () => {
+    void kernel.shutdown();
+});
+
+void app.whenReady().then(async () => {
+    await kernel.start();
+});

package/template/monorepo/runtime/src/modules/app.module.ts

@@ -0,0 +1,35 @@
+import { Module } from "@electrojs/common";
+import { app } from "electron";
+import { inject } from "@electrojs/runtime";
+import { ShellService } from "./app.shell.service";
+import { NotesModule } from "./notes/notes.module";
+import { MainView } from "./app.view";
+import { MainWindow } from "./app.window";
+
+@Module({
+    imports: [NotesModule],
+    providers: [ShellService],
+    views: [MainView],
+    windows: [MainWindow],
+})
+export class AppModule {
+    private readonly window = inject(MainWindow);
+
+    async onInit() {
+        this.window.register();
+
+        app.on("activate", async () => {
+            if (!this.window.window) {
+                this.window.register();
+                await this.window.open();
+                return;
+            }
+
+            this.window.show();
+        });
+    }
+
+    async onReady() {
+        await this.window.open();
+    }
+}

package/template/monorepo/runtime/src/modules/app.shell.service.ts

@@ -0,0 +1,54 @@
+import { Injectable, command, query } from "@electrojs/common";
+import { inject } from "@electrojs/runtime";
+import { shell } from "electron";
+import { MainWindow } from "./app.window";
+
+const DOCS_URL = "https://electrojs.myraxbyte.dev/";
+
+export interface ShellState {
+    readonly platform: string;
+    readonly isMaximized: boolean;
+}
+
+@Injectable()
+export class ShellService {
+    private readonly mainWindow = inject(MainWindow);
+
+    @query()
+    public getShellState(): ShellState {
+        return {
+            platform: process.platform,
+            isMaximized: this.mainWindow.window?.isMaximized() ?? false,
+        };
+    }
+
+    @command()
+    public minimizeWindow(): void {
+        this.mainWindow.window?.minimize();
+    }
+
+    @command()
+    public toggleMaximizeWindow(): ShellState {
+        const window = this.mainWindow.window;
+
+        if (window) {
+            if (window.isMaximized()) {
+                window.unmaximize();
+            } else {
+                window.maximize();
+            }
+        }
+
+        return this.getShellState();
+    }
+
+    @command()
+    public closeWindow(): void {
+        this.mainWindow.window?.close();
+    }
+
+    @command()
+    public async openDocumentation(): Promise<void> {
+        await shell.openExternal(DOCS_URL);
+    }
+}

package/template/monorepo/runtime/src/modules/app.view.ts

@@ -0,0 +1,22 @@
+import { View } from "@electrojs/common";
+import { ViewProvider } from "@electrojs/runtime";
+
+@View({
+    access: [
+        "app:getShellState",
+        "app:minimizeWindow",
+        "app:toggleMaximizeWindow",
+        "app:closeWindow",
+        "app:openDocumentation",
+        "notes:createNote",
+        "notes:getNotes",
+        "notes:deleteNote",
+    ],
+    source: "view:main",
+    configuration: {},
+})
+export class MainView extends ViewProvider {
+    public resize(width: number, height: number) {
+        this.contentView?.setBounds({ x: 0, y: 0, width, height });
+    }
+}

package/template/monorepo/runtime/src/modules/app.window.ts

@@ -0,0 +1,54 @@
+import { Window } from "@electrojs/common";
+import { inject, WindowProvider } from "@electrojs/runtime";
+import { shell } from "electron";
+import { MainView } from "./app.view";
+import { app, Menu } from "electron/main";
+
+const isMacOS = process.platform === "darwin";
+const isWindows = process.platform === "win32";
+
+@Window({
+    id: "main",
+    configuration: {
+        width: 1360,
+        height: 860,
+        minWidth: 1120,
+        minHeight: 720,
+        show: false,
+        frame: false,
+        transparent: true,
+        visualEffectState: "active",
+        backgroundColor: "#00000000",
+        ...(isMacOS && { vibrancy: "fullscreen-ui" }),
+        ...(isWindows && { backgroundMaterial: "mica" }),
+    },
+})
+export class MainWindow extends WindowProvider {
+    private readonly view = inject(MainView);
+
+    public register() {
+        this.create();
+        this.window?.on("resize", () => this.onResize());
+    }
+
+    public onResize() {
+        const bounds = this.window?.getBounds();
+        this.view.resize(bounds?.width ?? 0, bounds?.height ?? 0);
+    }
+
+    async open() {
+        await this.view.load();
+        this.onResize();
+        this.view.setBackgroundColor("#00000000");
+        if (isMacOS) {
+            this.view.setWindowButtonVisibility(false);
+        }
+
+        this.mount(this.view);
+        this.view.webContents?.setWindowOpenHandler((details) => {
+            void shell.openExternal(details.url);
+            return { action: "deny" };
+        });
+        this.show();
+    }
+}

package/template/monorepo/runtime/src/modules/notes/notes.module.ts

@@ -0,0 +1,8 @@
+import { Module } from "@electrojs/common";
+import { NotesService } from "./notes.service";
+
+@Module({
+    providers: [NotesService],
+    exports: [NotesService],
+})
+export class NotesModule {}

package/template/monorepo/runtime/src/modules/notes/notes.service.ts

@@ -0,0 +1,55 @@
+import { Injectable, command, query } from "@electrojs/common";
+
+export interface Note {
+    readonly id: string;
+    readonly title: string;
+    readonly content: string;
+    readonly createdAt: string;
+}
+
+@Injectable()
+export class NotesService {
+    private readonly notes: Note[] = [
+        {
+            id: "bridge-demo",
+            title: "Bridge is connected",
+            content: "This note was loaded via bridge.notes.getNotes() — a @query method in the runtime. Try creating and deleting notes to test @command methods.",
+            createdAt: new Date().toISOString(),
+        },
+        {
+            id: "architecture",
+            title: "How this app works",
+            content: "AppModule composes the runtime graph. ShellService exposes window controls. NotesService handles CRUD. Everything is typed end-to-end.",
+            createdAt: new Date().toISOString(),
+        },
+    ];
+
+    @query()
+    getNotes(): Note[] {
+        return [...this.notes];
+    }
+
+    @command()
+    createNote(title: string, content: string): Note {
+        const note: Note = {
+            id: crypto.randomUUID(),
+            title,
+            content,
+            createdAt: new Date().toISOString(),
+        };
+
+        this.notes.unshift(note);
+        return note;
+    }
+
+    @command()
+    deleteNote(id: string): boolean {
+        const index = this.notes.findIndex((note) => note.id === id);
+        if (index === -1) {
+            return false;
+        }
+
+        this.notes.splice(index, 1);
+        return true;
+    }
+}

package/template/monorepo/runtime/tsconfig.json

@@ -0,0 +1,11 @@
+{
+    "extends": "@electrojs/config/tsconfig/base.json",
+    "compilerOptions": {
+        "outDir": "./out",
+        "types": ["@types/node"],
+        "paths": {
+            "@/*": ["./src/*"]
+        }
+    },
+    "include": ["src/**/*", "runtime.config.ts", "electro-env.d.ts"]
+}

package/template/monorepo/views/main/electro-env.d.ts

@@ -0,0 +1,51 @@
+// Auto-generated by ElectroJS codegen. Do not edit.
+// @ts-nocheck
+// ElectroJS renderer bridge contract types — provides IDE completions for bridge access and forwarded signals.
+
+export {};
+
+type _Instance<T> = T extends abstract new (...args: never[]) => infer R ? R : never;
+type _BridgeInputFromMethod<T, K extends PropertyKey> = K extends keyof _Instance<T>
+    ? _Instance<T>[K] extends (...args: infer A) => infer _Ignored
+        ? A extends []
+            ? undefined
+            : A extends [infer TOnly]
+              ? TOnly
+              : A
+        : never
+    : never;
+type _BridgeOutputFromMethod<T, K extends PropertyKey> = K extends keyof _Instance<T>
+    ? _Instance<T>[K] extends (...args: infer _Args) => infer V
+        ? Awaited<V>
+        : never
+    : never;
+
+declare module "@electrojs/renderer" {
+    interface BridgeQueries {
+        "notes:getNotes": import("@electrojs/renderer").BridgeContractEntry<
+            _BridgeInputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "getNotes">,
+            _BridgeOutputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "getNotes">
+        >;
+        "notes:createNote": import("@electrojs/renderer").BridgeContractEntry<
+            _BridgeInputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "createNote">,
+            _BridgeOutputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "createNote">
+        >;
+        "notes:deleteNote": import("@electrojs/renderer").BridgeContractEntry<
+            _BridgeInputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "deleteNote">,
+            _BridgeOutputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "deleteNote">
+        >;
+    }
+
+    interface BridgeCommands {
+        "notes:createNote": import("@electrojs/renderer").BridgeContractEntry<
+            _BridgeInputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "createNote">,
+            _BridgeOutputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "createNote">
+        >;
+        "notes:deleteNote": import("@electrojs/renderer").BridgeContractEntry<
+            _BridgeInputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "deleteNote">,
+            _BridgeOutputFromMethod<typeof import("../../runtime/src/modules/notes/notes.service").NotesService, "deleteNote">
+        >;
+    }
+
+    interface BridgeSignals {}
+}

package/template/monorepo/views/main/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>__DISPLAY_NAME__</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="./src/main.tsx"></script>
+    </body>
+</html>

package/template/monorepo/views/main/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "@views/main",
+    "version": "0.0.0",
+    "private": true,
+    "type": "module",
+    "devDependencies": {
+        "@electrojs/config": "__FRAMEWORK_VERSION__",
+        "@electrojs/renderer": "__FRAMEWORK_VERSION__",
+        "@types/react": "__REACT_TYPES_VERSION__",
+        "@types/react-dom": "__REACT_DOM_TYPES_VERSION__",
+        "@vitejs/plugin-react": "__VITE_REACT_PLUGIN_VERSION__",
+        "react": "__REACT_VERSION__",
+        "react-dom": "__REACT_VERSION__",
+        "typescript": "__TYPESCRIPT_VERSION__",
+        "vite": "__VITE_VERSION__"
+    }
+}