win_webview2 1.0.10 → 1.0.13

package/package.json

@@ -1,15 +1,20 @@
 {
   "name": "win_webview2",
-  "version": "1.0.10",
+  "version": "1.0.13",
   "repository": {
     "type": "git",
     "url": "https://github.com/nnttoo/win_webview2"
   },
   "description": "",
-  "main": "./winWebview2.mjs", 
-  "types": "./winWebview2.d.ts",
+  "main": "./tsDist/tsExport/winwebview2.js",
+  "types": "./tsDist/tsExport/winwebview2.d.ts",
   "bin": {
-    "win_webview2": "./ww2_builder.mjs"
+    "win_webview2": "tsDistRun.js"
+  },
+  "type": "commonjs",
+  "scripts": {
+    "build": "tsc",
+    "build_watch": "tsc --watch"
   },
   "author": "",
   "license": "ISC",
@@ -17,9 +22,12 @@
     "prompts": "^2.4.2",
     "rcedit": "^4.0.1",
     "sharp": "^0.33.5",
-    "sharp-ico": "^0.1.5"
+    "sharp-ico": "^0.1.5",
+    "tsx": "^4.21.0"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0"
+    "@types/node": "^25.5.0",
+    "@types/prompts": "^2.4.9",
+    "typescript": "^6.0.2"
   }
-}
+}

package/tsDist/logprint.d.ts

@@ -0,0 +1 @@
+export declare function logPrint(msg: any): void;

package/tsDist/logprint.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logPrint = logPrint;
+function logPrint(msg) {
+    console.log(new Date().toLocaleString() + ": ", msg);
+}

package/tsDist/srcBuilder/build_copyDir.d.ts

@@ -0,0 +1 @@
+export declare function copyDir(source: string, destination: string): Promise<void>;

package/tsDist/srcBuilder/build_copyDir.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyDir = copyDir;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+async function copyDir(source, destination) {
+    // pastikan folder tujuan ada
+    await fs_1.promises.mkdir(destination, { recursive: true });
+    const entries = await fs_1.promises.readdir(source, { withFileTypes: true });
+    for (const entry of entries) {
+        let srcPath = path_1.default.join(source, entry.name);
+        let destPath = path_1.default.join(destination, entry.name);
+        if (entry.isDirectory()) {
+            // rekursif ke subfolder
+            await copyDir(srcPath, destPath);
+        }
+        else {
+            await fs_1.promises.copyFile(srcPath, destPath);
+        }
+    }
+}

package/tsDist/srcBuilder/builder_tp.d.ts

@@ -0,0 +1,7 @@
+export type ConfigWW2 = {
+    appname: string;
+    icon_path: string;
+    entry_point: string;
+    outdir: string;
+    platform: 'Win32' | 'x64';
+};

package/tsDist/srcBuilder/builder_tp.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/tsDist/srcBuilder/ww2_build_promp.d.ts

@@ -0,0 +1 @@
+export declare function buildForServer(): Promise<void>;

package/tsDist/srcBuilder/ww2_build_promp.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildForServer = buildForServer;
+const prompts_1 = __importDefault(require("prompts"));
+const ww2_buildercore_1 = require("./ww2_buildercore");
+async function buildForServer() {
+    const response = await (0, prompts_1.default)({
+        type: 'select',
+        name: 'menu',
+        message: 'Pilih menu',
+        choices: [
+            {
+                title: 'init_webview2', value: async () => {
+                    await ww2_buildercore_1.WW2Deploy.initWW2();
+                }
+            },
+            {
+                title: 'deploy', value: async () => {
+                    await ww2_buildercore_1.WW2Deploy.startDeploy();
+                }
+            },
+        ]
+    });
+    if (response && response.menu) {
+        response.menu();
+    }
+}
+buildForServer();

package/tsDist/srcBuilder/ww2_buildercore.d.ts

@@ -0,0 +1,14 @@
+import { ConfigWW2 } from './builder_tp';
+export declare class WW2Deploy {
+    configObjec?: ConfigWW2;
+    outputExeFile?: string;
+    makeDistFolder(): Promise<void>;
+    buildIcon(): Promise<void>;
+    copyExe(): Promise<void>;
+    editIcon(): Promise<void>;
+    readConfig(): Promise<void>;
+    copyNodeExe(): Promise<void>;
+    createIndexConf(): Promise<void>;
+    static initWW2(): Promise<void>;
+    static startDeploy(): Promise<void>;
+}

package/tsDist/srcBuilder/ww2_buildercore.js

@@ -0,0 +1,124 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WW2Deploy = void 0;
+const fs_1 = __importDefault(require("fs"));
+const promises_1 = __importDefault(require("fs/promises"));
+const sharp_1 = __importDefault(require("sharp"));
+const path_1 = __importDefault(require("path"));
+const rcedit_1 = __importDefault(require("rcedit"));
+const sharp_ico_1 = __importDefault(require("sharp-ico"));
+const logprint_1 = require("../logprint");
+const build_copyDir_1 = require("./build_copyDir");
+const jsonConfigFilePath = "./win_webview2.json";
+class WW2Deploy {
+    async makeDistFolder() {
+        if (this.configObjec == null)
+            return;
+        let config = this.configObjec;
+        let folderDist = config.outdir;
+        if (!fs_1.default.existsSync(folderDist)) {
+            await fs_1.default.promises.mkdir(folderDist);
+        }
+        let libFolder = path_1.default.join(folderDist, "lib");
+        if (!fs_1.default.existsSync(libFolder)) {
+            await fs_1.default.promises.mkdir(libFolder);
+        }
+    }
+    async buildIcon() {
+        if (this.configObjec == null)
+            return;
+        let config = this.configObjec;
+        let iconPath = config.icon_path;
+        if (!fs_1.default.existsSync(iconPath)) {
+            (0, logprint_1.logPrint)("icon notfound");
+            return;
+        }
+        let outputIcon = path_1.default.join(config.outdir, "icon.ico");
+        const sizes = [16, 32, 48, 256]; // Ukuran standar untuk rcedit
+        const images = await Promise.all(sizes.map(size => (0, sharp_1.default)(iconPath)
+            .resize(size, size)
+            .toFormat('png')));
+        await sharp_ico_1.default.sharpsToIco(images, outputIcon);
+        console.log('✅ Berhasil membuat icon.ico yang valid untuk rcedit!');
+    }
+    async copyExe() {
+        let currentDir = path_1.default.join(__dirname, "../../");
+        if (this.configObjec == null)
+            return;
+        let config = this.configObjec;
+        let platform = config.platform;
+        let inputDir = path_1.default.join(currentDir, "win_lib", platform);
+        this.outputExeFile = path_1.default.join(config.outdir, config.appname + ".exe");
+        await (0, build_copyDir_1.copyDir)(inputDir, config.outdir);
+        await promises_1.default.rename(path_1.default.join(config.outdir, "CmdWebview2.exe"), this.outputExeFile);
+        await (async () => {
+            let inputFileDll = jsonConfigFilePath;
+            let outFileDll = path_1.default.join(config.outdir, "win_webview2.json");
+            await fs_1.default.promises.copyFile(inputFileDll, outFileDll);
+        })();
+        (0, logprint_1.logPrint)("copy file success");
+    }
+    async editIcon() {
+        if (this.outputExeFile == null)
+            return;
+        if (this.configObjec == null)
+            return;
+        let object = this.configObjec;
+        let iconPath = path_1.default.join(object.outdir, "icon.ico");
+        iconPath = path_1.default.resolve(iconPath);
+        await (0, rcedit_1.default)(this.outputExeFile, {
+            icon: iconPath,
+        });
+    }
+    async readConfig() {
+        let str = await fs_1.default.promises.readFile(jsonConfigFilePath);
+        let jsonObj = JSON.parse(str.toString());
+        this.configObjec = jsonObj;
+    }
+    async copyNodeExe() {
+        if (this.configObjec == null)
+            return;
+        let obj = this.configObjec;
+        let inputNodeExe = process.execPath;
+        let outNodeExe = path_1.default.join(obj.outdir, "lib", "node.exe");
+        await fs_1.default.promises.copyFile(inputNodeExe, outNodeExe);
+    }
+    async createIndexConf() {
+        if (this.configObjec == null)
+            return;
+        let obj = this.configObjec;
+        let oututFileConf = path_1.default.join(obj.outdir, "index.bat");
+        let configCtn = `.\\\\lib\\\\node.exe ./${obj.entry_point}`;
+        await fs_1.default.promises.writeFile(oututFileConf, configCtn);
+    }
+    static async initWW2() {
+        let objConfig = {
+            entry_point: "app.js",
+            appname: "openweb",
+            icon_path: "./icon.png",
+            outdir: "./dist",
+            platform: 'Win32'
+        };
+        let objstr = JSON.stringify(objConfig, null, 2);
+        if (fs_1.default.existsSync(jsonConfigFilePath)) {
+            (0, logprint_1.logPrint)("file config is exits");
+            return;
+        }
+        await fs_1.default.promises.writeFile(jsonConfigFilePath, objstr);
+    }
+    static async startDeploy() {
+        (0, logprint_1.logPrint)("Start Deploy win_webview2");
+        let c = new WW2Deploy();
+        await c.readConfig();
+        await c.makeDistFolder();
+        await c.buildIcon();
+        await c.copyExe();
+        await c.editIcon();
+        await c.copyNodeExe();
+        await c.createIndexConf();
+    }
+}
+exports.WW2Deploy = WW2Deploy;

package/tsDist/tsExport/winwebview2.d.ts

@@ -0,0 +1,28 @@
+export type OpenWebArg = {
+    url: string;
+    width: number;
+    height: number;
+    kiosk: boolean;
+    maximize: boolean;
+    title: string;
+    isDebugMode: boolean;
+    winClassName: string;
+};
+export type OpenDialogFileArg = {
+    winClassName: string;
+    filter: string;
+};
+export type OpenDialogArg = {
+    winClassName: string;
+};
+export declare function openWeb(arg: OpenWebArg): Promise<void>;
+export declare function openDialogFile(arg: OpenDialogFileArg): Promise<unknown>;
+export declare function openDialogFolder(arg: OpenDialogArg): Promise<unknown>;
+export declare function controlWindow(arg: {
+    winClassName: string;
+    controlcmd: "close" | "maximize" | "minimize" | "move" | "resize";
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}): Promise<unknown>;

package/tsDist/tsExport/winwebview2.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openWeb = openWeb;
+exports.openDialogFile = openDialogFile;
+exports.openDialogFolder = openDialogFolder;
+exports.controlWindow = controlWindow;
+const node_child_process_1 = require("node:child_process");
+const promises_1 = require("node:fs/promises");
+const jsonConfigFilePath = "./win_webview2.json";
+async function readConfig() {
+    let str = await (0, promises_1.readFile)(jsonConfigFilePath);
+    let jsonObj = JSON.parse(str.toString());
+    return jsonObj;
+}
+async function getExecPath() {
+    let jsonConfig = await readConfig();
+    let exeFilePath = jsonConfig.appname + ".exe";
+    return exeFilePath;
+}
+async function openWeb(arg) {
+    let jsonConfig = await readConfig();
+    let exeFilePath = jsonConfig.appname + ".exe";
+    let arrOpen = [
+        "fun=openwebview",
+        "wndClassName=" + arg.winClassName,
+        "url=" + arg.url,
+        "width=" + arg.width,
+        "height=" + arg.height,
+        //"kiosk=true",
+        //"maximize=true",
+        "title=auto",
+        //"isDebugMode=true"
+    ];
+    if (arg.maximize) {
+        arrOpen.push("maximize=true");
+    }
+    if (arg.kiosk) {
+        arrOpen.push("kiosk=true");
+    }
+    if (arg.isDebugMode) {
+        arrOpen.push("isDebugMode=true");
+    }
+    (0, node_child_process_1.execFile)(exeFilePath, arrOpen, (err, data) => {
+        console.log(err);
+    });
+}
+async function openDialogFile(arg) {
+    let exeFilePath = await getExecPath();
+    return new Promise((r, x) => {
+        (0, node_child_process_1.execFile)(exeFilePath, [
+            "fun=openFileDialog",
+            "wndClassName=" + arg.winClassName,
+            "filter=" + arg.filter,
+        ], (/** @type {any} */ err, /** @type {string} */ data) => {
+            let filepath = "";
+            for (let l of data.split("\r\n")) {
+                if (l.startsWith("result:")) {
+                    filepath = l.substring(7, l.length);
+                }
+            }
+            r(filepath);
+        });
+    });
+}
+async function openDialogFolder(arg) {
+    let exeFilePath = await getExecPath();
+    return new Promise((r, x) => {
+        (0, node_child_process_1.execFile)(exeFilePath, [
+            "fun=openFolderDialog",
+            "wndClassName=" + arg.winClassName,
+        ], (
+        /** @type {any} */
+        err, 
+        /** @type {string} */
+        data) => {
+            let filepath = "";
+            for (let l of data.split("\r\n")) {
+                if (l.startsWith("result:")) {
+                    filepath = l.substring(7, l.length);
+                }
+            }
+            r(filepath);
+        });
+    });
+}
+async function controlWindow(arg) {
+    let exeFilePath = await getExecPath();
+    return new Promise((r, x) => {
+        (0, node_child_process_1.execFile)(exeFilePath, [
+            "fun=controlwindow",
+            "wndClassName=" + arg.winClassName,
+            "controlcmd=" + arg.controlcmd,
+            "left=" + arg.left,
+            "top=" + arg.top,
+            "width=" + arg.width,
+            "height=" + arg.height,
+        ], (
+        /** @type {any} */
+        err, 
+        /** @type {string} */
+        data) => {
+            r(data);
+        });
+    });
+}

package/tsDistRun.js

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+
+const path = require("path");
+
+const entry = path.resolve(__dirname, "./tsDist/srcBuilder/ww2_build_promp.js");
+
+require(entry);

package/{ww2_builder_log.mjs → tsSrc/logprint.ts}

@@ -1,3 +1,3 @@
-export function logPrint(msg) {
-    console.log(new Date().toLocaleString() + ": ", msg);
+export function logPrint(msg : any) {
+    console.log(new Date().toLocaleString() + ": ", msg);
 }

package/tsSrc/srcBuilder/build_copyDir.ts

@@ -0,0 +1,32 @@
+import { promises as fs } from "fs";
+import path from "path"; 
+
+
+
+export async function copyDir(
+  source: string,
+  destination: string
+) {
+
+
+
+  // pastikan folder tujuan ada
+  await fs.mkdir(destination, { recursive: true });
+
+  const entries = await fs.readdir(source, { withFileTypes: true });
+
+  for (const entry of entries) {
+    let srcPath = path.join(source, entry.name);
+    let destPath = path.join(destination, entry.name);
+
+    if (entry.isDirectory()) {
+      // rekursif ke subfolder
+      await copyDir(srcPath, destPath);
+    } else {
+
+      await fs.copyFile(srcPath, destPath);
+    }
+  }
+}
+
+ 

package/tsSrc/srcBuilder/builder_tp.ts

@@ -0,0 +1,7 @@
+export type ConfigWW2 = {
+    appname: string;
+    icon_path: string;
+    entry_point: string;
+    outdir: string;
+    platform : 'Win32' | 'x64'
+};

package/tsSrc/srcBuilder/ww2_build_promp.ts

@@ -0,0 +1,30 @@
+
+import prompts from 'prompts';
+import { WW2Deploy } from './ww2_buildercore';
+export async function buildForServer() {
+    const response = await prompts({
+        type: 'select',
+        name: 'menu',
+        message: 'Pilih menu',
+        choices: [
+            {
+                title: 'init_webview2', value: async () => {
+
+                    await WW2Deploy.initWW2();
+                }
+            }, 
+            {
+                title: 'deploy', value: async () => {
+
+                    await WW2Deploy.startDeploy();
+                }
+            }, 
+        ]
+    });
+    if (response && response.menu) {
+
+        response.menu();
+    }
+}
+
+buildForServer();