@quickgui/cli 0.0.1

package/src/init.ts

@@ -0,0 +1,107 @@
+import {
+  existsSync,
+  mkdirSync,
+  readdirSync,
+  readFileSync,
+  statSync,
+  writeFileSync,
+} from "node:fs";
+import { basename, dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+import { resolveConfig } from "./config.ts";
+import { CliError } from "./error.ts";
+
+export interface InitProjectOptions {
+  directory: string;
+  install: boolean;
+  name?: string;
+  identifier?: string;
+}
+
+const templateRoot = fileURLToPath(new URL("../templates/solid/", import.meta.url));
+const templateFiles = [
+  ["package.json", "package.json"],
+  ["quickgui.config.ts", "quickgui.config.ts"],
+  ["tsconfig.json", "tsconfig.json"],
+  ["gitignore", ".gitignore"],
+  ["README.md", "README.md"],
+  ["src/app.tsx", "src/app.tsx"],
+] as const;
+
+export async function initProject(options: InitProjectOptions): Promise<string> {
+  const destination = resolve(options.directory);
+  if (existsSync(destination) && !statSync(destination).isDirectory()) {
+    throw new CliError(`Project destination is not a directory: ${destination}`);
+  }
+  if (existsSync(destination) && readdirSync(destination).length > 0) {
+    throw new CliError(`Project destination is not empty: ${destination}`);
+  }
+
+  const defaultName = displayName(basename(destination));
+  const name = options.name?.trim() || defaultName;
+  const identifier = options.identifier?.trim() || `com.example.${identifierSegment(name)}`;
+  resolveConfig({ name, identifier }, destination);
+
+  const replacements: Record<string, string> = {
+    "{{APP_NAME}}": JSON.stringify(name),
+    "{{IDENTIFIER}}": JSON.stringify(identifier),
+    "{{PACKAGE_NAME}}": JSON.stringify(packageName(name)),
+    "{{README_TITLE}}": name.replaceAll("\n", " ").replaceAll("\r", " "),
+  };
+
+  mkdirSync(destination, { recursive: true });
+  for (const [sourceName, targetName] of templateFiles) {
+    const source = join(templateRoot, sourceName);
+    if (!existsSync(source)) throw new CliError(`CLI template is missing: ${source}`);
+    const target = join(destination, targetName);
+    mkdirSync(dirname(target), { recursive: true });
+    let contents = readFileSync(source, "utf8");
+    for (const [token, value] of Object.entries(replacements)) {
+      contents = contents.replaceAll(token, value);
+    }
+    writeFileSync(target, contents);
+  }
+
+  if (options.install) {
+    const child = Bun.spawn(["bun", "install"], {
+      cwd: destination,
+      stdin: "inherit",
+      stdout: "inherit",
+      stderr: "inherit",
+    });
+    const status = await child.exited;
+    if (status !== 0) {
+      throw new CliError(
+        `Project created at ${destination}, but \`bun install\` failed with status ${status}`,
+      );
+    }
+  }
+
+  return destination;
+}
+
+function displayName(value: string): string {
+  const words = value
+    .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+    .split(/[^A-Za-z0-9]+/)
+    .filter(Boolean);
+  return words.length > 0
+    ? words.map((word) => word[0]!.toUpperCase() + word.slice(1)).join(" ")
+    : "QuickGUI App";
+}
+
+function packageName(value: string): string {
+  const name = value
+    .normalize("NFKD")
+    .toLowerCase()
+    .replace(/[^a-z0-9._-]+/g, "-")
+    .replace(/^[._-]+|[._-]+$/g, "")
+    .slice(0, 214);
+  if (!name) throw new CliError(`Could not derive a package name from ${JSON.stringify(value)}`);
+  return name;
+}
+
+function identifierSegment(value: string): string {
+  return packageName(value).replace(/[._]+/g, "-");
+}

package/src/targets.ts

@@ -0,0 +1,85 @@
+import { CliError } from "./error.ts";
+
+export const supportedTargets = [
+  "darwin-arm64",
+  "darwin-x64",
+  "linux-arm64",
+  "linux-x64",
+  "windows-arm64",
+  "windows-x64",
+] as const;
+
+export type QuickGuiTarget = (typeof supportedTargets)[number];
+
+export interface TargetInfo {
+  target: QuickGuiTarget;
+  platform: "darwin" | "linux" | "windows";
+  architecture: "arm64" | "x64";
+  bunTarget: Bun.Build.CompileTarget;
+  nativeAddon: string;
+}
+
+const targets: Record<QuickGuiTarget, TargetInfo> = {
+  "darwin-arm64": {
+    target: "darwin-arm64",
+    platform: "darwin",
+    architecture: "arm64",
+    bunTarget: "bun-darwin-arm64",
+    nativeAddon: "quickgui-native.darwin-arm64.node",
+  },
+  "darwin-x64": {
+    target: "darwin-x64",
+    platform: "darwin",
+    architecture: "x64",
+    bunTarget: "bun-darwin-x64",
+    nativeAddon: "quickgui-native.darwin-x64.node",
+  },
+  "linux-arm64": {
+    target: "linux-arm64",
+    platform: "linux",
+    architecture: "arm64",
+    bunTarget: "bun-linux-arm64",
+    nativeAddon: "quickgui-native.linux-arm64-gnu.node",
+  },
+  "linux-x64": {
+    target: "linux-x64",
+    platform: "linux",
+    architecture: "x64",
+    bunTarget: "bun-linux-x64",
+    nativeAddon: "quickgui-native.linux-x64-gnu.node",
+  },
+  "windows-arm64": {
+    target: "windows-arm64",
+    platform: "windows",
+    architecture: "arm64",
+    bunTarget: "bun-windows-arm64",
+    nativeAddon: "quickgui-native.win32-arm64-msvc.node",
+  },
+  "windows-x64": {
+    target: "windows-x64",
+    platform: "windows",
+    architecture: "x64",
+    bunTarget: "bun-windows-x64",
+    nativeAddon: "quickgui-native.win32-x64-msvc.node",
+  },
+};
+
+export function parseTarget(value: string): QuickGuiTarget {
+  if ((supportedTargets as readonly string[]).includes(value)) return value as QuickGuiTarget;
+  throw new CliError(
+    `Unsupported target \`${value}\`. Expected one of: ${supportedTargets.join(", ")}`,
+  );
+}
+
+export function targetInfo(target: QuickGuiTarget): TargetInfo {
+  return targets[target];
+}
+
+export function hostTarget(): QuickGuiTarget {
+  const architecture = process.arch === "arm64" ? "arm64" : process.arch === "x64" ? "x64" : null;
+  if (!architecture) throw new CliError(`Unsupported host architecture: ${process.arch}`);
+  if (process.platform === "darwin") return `darwin-${architecture}`;
+  if (process.platform === "linux") return `linux-${architecture}`;
+  if (process.platform === "win32") return `windows-${architecture}`;
+  throw new CliError(`Unsupported host platform: ${process.platform}`);
+}

package/templates/solid/README.md

@@ -0,0 +1,8 @@
+# {{README_TITLE}}
+
+```console
+bun install
+bun run dev
+```
+
+Create a production package with `bun run build`.

package/templates/solid/gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.quickgui

package/templates/solid/package.json

@@ -0,0 +1,19 @@
+{
+  "name": {{PACKAGE_NAME}},
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "quickgui dev",
+    "build": "quickgui build"
+  },
+  "dependencies": {
+    "@quickgui/native": "^0.0.1",
+    "@quickgui/solid": "^0.0.1",
+    "solid-js": "2.0.0-rc.3"
+  },
+  "devDependencies": {
+    "@quickgui/cli": "^0.0.1",
+    "@types/bun": "latest",
+    "typescript": "latest"
+  }
+}

package/templates/solid/quickgui.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "@quickgui/cli";
+
+export default defineConfig({
+  name: {{APP_NAME}},
+  identifier: {{IDENTIFIER}},
+  entry: "src/app.tsx",
+});

package/templates/solid/src/app.tsx

@@ -0,0 +1,49 @@
+import { app, Window } from "@quickgui/native";
+import { Button, Text, View, createRenderer } from "@quickgui/solid";
+import { createSignal } from "solid-js";
+
+await app.whenReady();
+new Window({
+  title: {{APP_NAME}},
+  width: 720,
+  height: 480,
+  background: "#0b1020",
+  renderer: createRenderer(() => <Counter />),
+});
+
+function Counter() {
+  const [count, setCount] = createSignal(0);
+
+  return (
+    <View
+      style={{
+        display: "flex",
+        width: "100%",
+        height: "100%",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "#0b1020",
+        color: "#f8fafc",
+      }}
+    >
+      <View style={{ display: "flex", flexDirection: "column", width: 360, gap: 16 }}>
+        <Text style={{ fontSize: 28, fontWeight: 700 }}>QuickGUI + Solid</Text>
+        <Text style={{ color: "#94a3b8" }}>Count: {count()}</Text>
+        <Button
+          onClick={() => setCount((value) => value + 1)}
+          style={{
+            height: 44,
+            alignItems: "center",
+            justifyContent: "center",
+            background: "#2563eb",
+            borderRadius: 9,
+            cursor: "default",
+            appRegion: "no-drag",
+          }}
+        >
+          Increment
+        </Button>
+      </View>
+    </View>
+  );
+}

package/templates/solid/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "allowImportingTsExtensions": true,
+    "exactOptionalPropertyTypes": true,
+    "jsx": "preserve",
+    "jsxImportSource": "@quickgui/solid",
+    "lib": ["ESNext"],
+    "module": "Preserve",
+    "moduleResolution": "Bundler",
+    "noEmit": true,
+    "strict": true,
+    "target": "ES2023",
+    "types": ["bun"]
+  },
+  "include": ["src"]
+}