@primate/native 0.1.0

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) Terrablue <terrablue@proton.me> and contributors.
+
+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/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@primate/native",
+  "version": "0.1.0",
+  "description": "Primate native applications",
+  "homepage": "https://primatejs.com/modules/native",
+  "bugs": "https://github.com/primatejs/primate/issues",
+  "license": "MIT",
+  "files": [
+    "src/**/*.js",
+    "!src/**/*.spec.js"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/primatejs/primate",
+    "directory": "packages/native"
+  },
+  "dependencies": {
+    "@rcompat/cli": "^0.5.1",
+    "@rcompat/fs": "^0.4.0",
+    "@rcompat/stdio": "^0.4.0",
+    "@rcompat/webview": "^0.7.0"
+  },
+  "type": "module",
+  "exports": {
+    "./worker": "./src/worker.js",
+    ".": "./src/index.js"
+  }
+}

package/src/desktop.js

@@ -0,0 +1,90 @@
+import collect from "@rcompat/fs/collect";
+const html = /^.*.html$/u;
+
+export default async app => {
+  const location = app.get("location");
+  const http = app.get("http");
+  const client = app.runpath(location.client);
+  const re = /app..*(?:js|css)$/u;
+  const $imports = (await Promise.all((await client.collect(re, { recursive: false }))
+    .map(async (file, i) => {
+      const type = file.extension === ".css" ? "style" : "js";
+      const src = `${http.static.root}${file.debase(client).name}`;
+      const path = `./${file.debase(`${app.path.build}/`)}`;
+      return {
+        src,
+        path,
+        code: `await file(asset${i}).text()`,
+        type,
+        empty: (await file.text()).length === 0,
+      };
+    }))).filter(file => !file.empty);
+  const d = app.runpath(location.pages);
+  const pages = await Promise.all((await collect(d, html, { recursive: true }))
+    .map(async file => `${file}`.replace(`${d}/`, _ => "")));
+  const app_js = $imports.find($import => $import.src.endsWith(".js"));
+
+  const assets_scripts = `
+  import Webview from "@rcompat/webview/worker/${app.build_target}";
+  import join from "@rcompat/fs/join";
+  import file from "@rcompat/fs/file";
+  import stringify from "@rcompat/object/stringify";
+  import crypto from "@rcompat/crypto";
+
+  const encoder = new TextEncoder();
+  const hash = async (data, algorithm = "sha-384") => {
+    const bytes = await crypto.subtle.digest(algorithm, encoder.encode(data));
+    const prefix = algorithm.replace("-", _ => "");
+    return \`\${prefix}-\${btoa(String.fromCharCode(...new Uint8Array(bytes)))}\`;
+  };
+
+  ${$imports.map(({ path }, i) =>
+    `import asset${i} from "${path}" with { type: "file" };
+    const file${i} = await file(asset${i}).text();`).join("\n  ")}
+  const assets = [${$imports.map(($import, i) => `{
+  src: "${$import.src}",
+  code: file${i},
+  type: "${$import.type}",
+  inline: false,
+  integrity: await hash(file${i}),
+  }`).join(",\n  ")}];
+
+  ${app_js === undefined ? "" :
+    `const imports = {
+     app: join("${http.static.root}", "${$imports.find($import =>
+  $import.src.includes("app") && $import.src.endsWith(".js")).src}").webpath(),
+    };
+    // importmap
+    assets.push({
+      inline: true,
+      code: stringify({ imports }),
+      type: "importmap",
+      integrity: await hash(stringify({ imports })),
+    });`}
+
+  ${pages.map((page, i) =>
+    `import i_page${i} from "./${location.pages}/${page}" with { type: "file" };
+    const page${i} = await file(i_page${i}).text();`).join("\n  ")}
+
+  const pages = {
+  ${pages.map((page, i) => `"${page}": page${i},`).join("\n  ")}
+  };
+
+  const loader = {
+    page(name) {
+      return pages[name] ?? pages["${app.get("pages.app")}"];
+    },
+    asset(pathname) {
+      return assets.find(asset => asset.src === pathname);
+    },
+    webview() {
+      return Webview;
+    }
+  };
+  const target = "${app.build_target}";
+
+  export { assets, loader, target };
+`;
+  await app.path.build.join("target.js").write(assets_scripts);
+
+};

package/src/index.js

@@ -0,0 +1,43 @@
+import dim from "@rcompat/cli/color/dim";
+import execute from "@rcompat/stdio/execute";
+import targets from "./targets.js";
+import log from "@primate/core/log";
+
+const target_keys = Object.keys(targets);
+const command = "bun build build/serve.js --conditions=runtime --compile --minify";
+
+export default ({
+  start = "/",
+} = {}) => {
+  return {
+    name: "primate:native",
+    init(app, next) {
+      target_keys.forEach(target => app.target(target, targets[target]));
+      return next(app);
+    },
+    build(app, next) {
+      if (target_keys.includes(app.build_target)) {
+        app.done(async () => {
+          const { flags, exe } = targets[app.build_target];
+          const executable_path = dim(`${app.path.build}/${exe}`);
+          await execute(`${command} ${flags} --outfile build/${exe}`);
+          log.system(`executable written to ${executable_path}`);
+        });
+      }
+      return next(app);
+    },
+    async serve(app, next) {
+      if (target_keys.includes(app.build_target)) {
+        const Webview = app.loader.webview();
+        const webview = new Webview();
+        const { host, port } = app.get("http");
+        webview.navigate(`http://${host}:${port}${start}`);
+        webview.run();
+        webview.closed(() => {
+          app.stop();
+        });
+      }
+      return next(app);
+    },
+  };
+};

package/src/targets.js

@@ -0,0 +1,37 @@
+import target from "./desktop.js";
+
+const desktop = {
+  forward: `${process.platform}-${process.arch}`,
+};
+
+const linux_x64 = {
+  flags: "--target=bun-linux-x64",
+  exe: "app",
+  target,
+};
+
+const windows_x64 = {
+  flags: "--target=bun-windows-x64",
+  exe: "app.exe",
+  target,
+};
+
+const darwin_x64 = {
+  flags: "--target=bun-darwin-x64",
+  exe: "app",
+  target,
+};
+
+const darwin_arm64 = {
+  flags: "--target=bun-darwin-arm64",
+  exe: "app",
+  target,
+};
+
+export default {
+  desktop,
+  "linux-x64": linux_x64,
+  "windows-x64": windows_x64,
+  "darwin-x64": darwin_x64,
+  "darwin-arm64": darwin_arm64,
+};