@owear/cli 0.1.2 → 0.1.3

package/template-installer/index.html

@@ -0,0 +1,60 @@
+<!doctype html>
+<!-- Copyright 2026 Owear Contributors
+     SPDX-License-Identifier: Apache-2.0 -->
+
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Instalador — __APP_NAME__</title>
+  </head>
+  <body>
+    <header class="titlebar">
+      <div class="titlebar__drag" data-ow-drag>
+        <span class="brand__name">Instalador · __APP_NAME__</span>
+      </div>
+      <div class="titlebar__controls">
+        <button id="win-close" class="winbtn winbtn--close" title="Cerrar" aria-label="Cerrar">
+          <svg viewBox="0 0 12 12" width="12" height="12"><path d="M2.5 2.5l7 7M9.5 2.5l-7 7" /></svg>
+        </button>
+      </div>
+    </header>
+
+    <main class="page">
+      <section class="hero">
+        <span class="eyebrow">Owear Installer</span>
+        <h1>Instalar __APP_NAME__</h1>
+        <p class="lead" id="summary">Cargando metadatos…</p>
+      </section>
+
+      <section class="card">
+        <header class="card__head"><h2>Destino</h2></header>
+        <div class="row">
+          <input id="dir" class="input" type="text" spellcheck="false" />
+          <button id="pick" class="btn">Elegir…</button>
+        </div>
+        <div class="row">
+          <label class="opt"><input type="checkbox" id="shortcut" checked /> Acceso directo</label>
+          <label class="opt"><input type="checkbox" id="launch" checked /> Abrir al terminar</label>
+        </div>
+      </section>
+
+      <section class="card card--grow">
+        <header class="card__head">
+          <h2>Contenido</h2>
+          <span class="badge" id="count">—</span>
+        </header>
+        <pre id="plan" class="console">—</pre>
+      </section>
+
+      <footer class="actions">
+        <progress id="bar" max="100" value="0" hidden></progress>
+        <span id="status" class="status"></span>
+        <button id="install" class="btn btn--primary" disabled>Instalar</button>
+        <button id="cancel" class="btn btn--ghost" hidden>Cancelar</button>
+      </footer>
+    </main>
+
+    <script type="module" src="/src/installer.ts"></script>
+  </body>
+</html>

package/template-installer/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "__PKG_NAME__-installer",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "description": "Instalador de __APP_NAME__ — app Owear en modo installer.",
+  "scripts": {
+    "build": "ow build installer",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@owear/core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@owear/cli": "^0.1.0",
+    "@owear/vite-plugin": "^0.1.0",
+    "@types/node": "^20.14.0",
+    "esbuild": "^0.25.0",
+    "typescript": "^5.6.0",
+    "vite": "^6.0.0"
+  }
+}

package/template-installer/src/installer.ts

@@ -0,0 +1,152 @@
+// Copyright 2026 Owear Contributors
+// SPDX-License-Identifier: Apache-2.0
+//
+// src/installer.ts — UI del instalador (vanilla). Corre en el renderer y usa
+// la API nativa `installer` vía `window.ow` (inyectado por el kernel).
+//
+// Personalízalo a gusto (React, Vue, Tailwind…): esto es sólo el default.
+
+import './style.css'
+
+declare global {
+  interface Window {
+    __owWindowId: number
+    ow: { invoke<T = unknown>(module: string, fn: string, ...args: unknown[]): Promise<T> }
+  }
+}
+
+const $ = <T extends HTMLElement = HTMLElement>(sel: string): T =>
+  document.querySelector(sel) as T
+const invoke = <T = unknown>(module: string, fn: string, ...args: unknown[]): Promise<T> =>
+  window.ow.invoke(module, fn, ...args) as Promise<T>
+
+interface PayloadEntry {
+  rel: string
+  dst: string
+  size: number
+  dir: boolean
+}
+interface InstallerInfo {
+  appId?: string
+  appName?: string
+  version?: string
+  publisher?: string
+}
+interface Target {
+  layout?: 'minimal' | 'layout'
+  dir?: string
+  shortcuts?: string[]
+}
+interface Bridge {
+  app?: { id?: string; name?: string; version?: string; publisher?: string }
+  targets?: Record<string, Target>
+  order?: string[]
+}
+
+const platform: string = (() => {
+  const p = navigator.userAgent.toLowerCase()
+  return p.includes('win') ? 'win' : p.includes('mac') ? 'mac' : 'linux'
+})()
+
+let mode: 'minimal' | 'layout' = 'minimal'
+let plan: PayloadEntry[] = []
+let busy = false
+
+function setStatus(msg: string, kind: 'ok' | 'err' | '' = ''): void {
+  const el = $('#status')
+  el.textContent = msg
+  el.dataset.kind = kind
+}
+
+async function boot(): Promise<void> {
+  // controles de ventana (titlebar propia)
+  const id = window.__owWindowId
+  $('#win-close').addEventListener('click', () => void invoke('ow-window', 'close', id))
+
+  const info = await invoke<InstallerInfo>('installer', 'info').catch(() => ({}))
+  const bridge = await invoke<Bridge | null>('installer', 'bridge').catch(() => null)
+  const t: Target = bridge?.targets?.[platform] ?? {}
+  mode = t.layout ?? 'minimal'
+
+  const name = info.appName ?? bridge?.app?.name ?? 'la app'
+  $('#summary').textContent =
+    `${name} ${info.version ?? bridge?.app?.version ?? ''} — modo ${mode} · ${platform}`
+
+  const value = t.dir ?? (info.appName ? `~/opt/${info.appName.toLowerCase()}` : '')
+  ;($('#dir') as HTMLInputElement).value = value
+
+  await refreshPlan()
+  $('#install').removeAttribute('disabled')
+}
+
+async function refreshPlan(): Promise<void> {
+  plan = await invoke<PayloadEntry[]>('installer', 'plan', {
+    mode,
+    layout: mode === 'minimal' ? 'flat' : 'tree',
+    order: (await invoke<Bridge | null>('installer', 'bridge').catch(() => null))?.order,
+  })
+  const total = plan.reduce((n, e) => n + e.size, 0)
+  $('#count').textContent = `${plan.length} entradas · ${(total / 1024).toFixed(1)} KiB`
+  $('#plan').textContent = plan
+    .slice(0, 300)
+    .map((e) => `${e.dir ? '📁' : '📄'} ${e.dst}${e.size ? `  (${e.size} B)` : ''}`)
+    .join('\n')
+}
+
+async function pickDir(): Promise<void> {
+  try {
+    const dir = await invoke<string | null>('dialog', 'open', 'openDirectory', 'Elegir carpeta')
+    if (dir) ($('#dir') as HTMLInputElement).value = dir
+  } catch {
+    /* cancelado o sin picker */
+  }
+}
+
+async function doInstall(): Promise<void> {
+  if (busy) return
+  busy = true
+  const dir = ($('#dir') as HTMLInputElement).value.trim()
+  if (!dir) {
+    setStatus('Elige un directorio de instalación', 'err')
+    busy = false
+    return
+  }
+  $('#install').setAttribute('disabled', 'true')
+  $('#cancel').removeAttribute('hidden')
+  $('#bar').removeAttribute('hidden')
+  setStatus('Instalando…')
+
+  try {
+    const res = await invoke<{ files: number; dir: string }>('installer', 'install', {
+      dir,
+      mode,
+      layout: mode === 'minimal' ? 'flat' : 'tree',
+    })
+    $('#bar').value = 100
+    setStatus(`Instalado en ${res.dir} (${res.files} ficheros)`, 'ok')
+
+    if (($('#shortcut') as HTMLInputElement).checked) {
+      const exec = plan.find((e) => !e.dir && !e.dst.includes('/'))?.dst ?? plan[0]?.dst
+      await invoke('installer', 'shortcuts', { execPath: `${dir}/${exec ?? ''}` }).catch(() => false)
+    }
+    if (($('#launch') as HTMLInputElement).checked) {
+      const exec = plan.find((e) => !e.dir && !e.dst.includes('/'))?.dst ?? plan[0]?.dst
+      await invoke('installer', 'launch', { path: `${dir}/${exec ?? ''}` }).catch(() => false)
+      const v = await invoke<{ elevated: boolean }>('installer', 'elevate').catch(() => ({ elevated: false }))
+      void v
+      await invoke('ow-window', 'close', window.__owWindowId)
+    }
+  } catch (e) {
+    setStatus(e instanceof Error ? e.message : String(e), 'err')
+    $('#install').removeAttribute('disabled')
+  } finally {
+    busy = false
+    $('#cancel').setAttribute('hidden', 'true')
+  }
+}
+
+$('#pick').addEventListener('click', () => void pickDir())
+$('#install').addEventListener('click', () => void doInstall())
+$('#cancel').addEventListener('click', () => void invoke('ow-window', 'close', window.__owWindowId))
+
+void boot()

package/template-installer/src/style.css

@@ -0,0 +1,66 @@
+/* Copyright 2026 Owear Contributors
+   SPDX-License-Identifier: Apache-2.0 */
+:root {
+  --bg: #0f1115;
+  --panel: #171a21;
+  --fg: #e8eaed;
+  --muted: #9aa0aa;
+  --accent: #4c8bf5;
+  --ok: #3fb950;
+  --err: #f85149;
+  color-scheme: dark;
+}
+* { box-sizing: border-box; }
+html, body { height: 100%; margin: 0; }
+body {
+  background: var(--bg);
+  color: var(--fg);
+  font: 14px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
+}
+
+.titlebar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 38px;
+  padding: 0 8px 0 14px;
+  background: #12141a;
+  border-bottom: 1px solid #232733;
+}
+.titlebar__drag { flex: 1; -webkit-app-region: drag; user-select: none; }
+.brand__name { font-weight: 600; }
+.winbtn {
+  width: 30px; height: 30px; border: 0; border-radius: 6px;
+  background: transparent; color: var(--muted); cursor: pointer;
+}
+.winbtn:hover { background: #232733; color: var(--fg); }
+.winbtn--close:hover { background: #7d2c2c; color: #fff; }
+.winbtn svg { fill: none; stroke: currentColor; stroke-width: 1.3; }
+
+.page { max-width: 780px; margin: 0 auto; padding: 22px 18px 90px; display: grid; gap: 14px; }
+.hero h1 { margin: 6px 0 4px; font-size: 24px; }
+.eyebrow { color: var(--accent); text-transform: uppercase; letter-spacing: .08em; font-size: 11px; }
+.lead { color: var(--muted); margin: 0; }
+
+.card { background: var(--panel); border: 1px solid #232733; border-radius: 12px; padding: 14px; }
+.card--grow { min-height: 160px; }
+.card__head { display: flex; align-items: center; justify-content: space-between; }
+.card__head h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin: 0; }
+.badge { background: #232733; border-radius: 999px; padding: 2px 10px; font-size: 12px; color: var(--muted); }
+
+.row { display: flex; gap: 8px; align-items: center; margin-top: 10px; }
+.input { flex: 1; background: #0d0f13; border: 1px solid #2a2f3b; color: var(--fg); border-radius: 8px; padding: 8px 10px; }
+.opt { display: flex; align-items: center; gap: 6px; color: var(--muted); }
+.console { background: #0d0f13; border: 1px solid #232733; border-radius: 8px; padding: 10px; max-height: 260px; overflow: auto; font: 12px/1.5 ui-monospace, monospace; white-space: pre-wrap; color: var(--muted); }
+
+.btn { background: #232733; color: var(--fg); border: 0; border-radius: 8px; padding: 8px 14px; cursor: pointer; }
+.btn:hover { background: #2b3040; }
+.btn--primary { background: var(--accent); color: #fff; }
+.btn--primary:disabled { opacity: .5; cursor: default; }
+.btn--ghost { background: transparent; border: 1px solid #2a2f3b; color: var(--muted); }
+
+.actions { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 12px; align-items: center; justify-content: flex-end; padding: 12px 18px; background: #12141acc; backdrop-filter: blur(6px); border-top: 1px solid #232733; }
+.status { margin-right: auto; color: var(--muted); }
+.status[data-kind="ok"] { color: var(--ok); }
+.status[data-kind="err"] { color: var(--err); }
+progress { width: 160px; }

package/template-installer/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["node", "vite/client"],
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true
+  },
+  "include": ["src", "app"]
+}

package/template-installer/uninstaller/app/main.ts

@@ -0,0 +1,16 @@
+// Copyright 2026 Owear Contributors
+// SPDX-License-Identifier: Apache-2.0
+//
+// app/main.ts — proceso principal del DESINSTALADOR (sidecar Node).
+import { app, BrowserWindow } from '@owear/core'
+
+app.whenReady().then(() => {
+  const win = new BrowserWindow({
+    title: 'Desinstalador',
+    width: 720,
+    height: 460,
+    titleBarStyle: 'custom',
+    url: process.env.OW_DEV_SERVER_URL ?? 'app://index.html',
+  })
+  win.on('closed', () => app.quit())
+})

package/template-installer/uninstaller/index.html

@@ -0,0 +1,48 @@
+<!doctype html>
+<!-- Copyright 2026 Owear Contributors
+     SPDX-License-Identifier: Apache-2.0 -->
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Desinstalar — __APP_NAME__</title>
+  </head>
+  <body>
+    <header class="titlebar">
+      <div class="titlebar__drag" data-ow-drag>
+        <span class="brand__name">Desinstalador · __APP_NAME__</span>
+      </div>
+      <div class="titlebar__controls">
+        <button id="win-close" class="winbtn winbtn--close" title="Cerrar" aria-label="Cerrar">
+          <svg viewBox="0 0 12 12" width="12" height="12"><path d="M2.5 2.5l7 7M9.5 2.5l-7 7" /></svg>
+        </button>
+      </div>
+    </header>
+
+    <main class="page">
+      <section class="hero">
+        <span class="eyebrow">Owear Uninstaller</span>
+        <h1>Desinstalar __APP_NAME__</h1>
+        <p class="lead" id="summary">Localizando la instalación…</p>
+      </section>
+
+      <section class="card">
+        <header class="card__head"><h2>Instalación</h2></header>
+        <div class="row">
+          <input id="dir" class="input" type="text" spellcheck="false" />
+          <button id="pick" class="btn">Elegir…</button>
+        </div>
+        <div class="row">
+          <label class="opt"><input type="checkbox" id="keepData" checked /> Conservar mis datos</label>
+        </div>
+      </section>
+
+      <footer class="actions">
+        <span id="status" class="status"></span>
+        <button id="uninstall" class="btn btn--primary" disabled>Desinstalar</button>
+      </footer>
+    </main>
+
+    <script type="module" src="/src/uninstaller.ts"></script>
+  </body>
+</html>

package/template-installer/uninstaller/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "__PKG_NAME__-uninstaller",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "description": "Desinstalador de __APP_NAME__ — app Owear en modo uninstaller.",
+  "scripts": {
+    "build": "ow build uninstaller",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@owear/core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@owear/cli": "^0.1.0",
+    "@owear/vite-plugin": "^0.1.0",
+    "@types/node": "^20.14.0",
+    "esbuild": "^0.25.0",
+    "typescript": "^5.6.0",
+    "vite": "^6.0.0"
+  }
+}

package/template-installer/uninstaller/src/uninstaller.ts

@@ -0,0 +1,76 @@
+// Copyright 2026 Owear Contributors
+// SPDX-License-Identifier: Apache-2.0
+//
+// src/uninstaller.ts — UI del desinstalador (vanilla). Mismo bridge, pero
+// invoca `installer.uninstall`.
+
+import '../../src/style.css'
+
+declare global {
+  interface Window {
+    __owWindowId: number
+    ow: { invoke<T = unknown>(module: string, fn: string, ...args: unknown[]): Promise<T> }
+  }
+}
+
+const $ = <T extends HTMLElement = HTMLElement>(sel: string): T =>
+  document.querySelector(sel) as T
+const invoke = <T = unknown>(module: string, fn: string, ...args: unknown[]): Promise<T> =>
+  window.ow.invoke(module, fn, ...args) as Promise<T>
+
+function setStatus(msg: string, kind: 'ok' | 'err' | '' = ''): void {
+  const el = $('#status')
+  el.textContent = msg
+  el.dataset.kind = kind
+}
+
+async function boot(): Promise<void> {
+  $('#win-close').addEventListener('click', () => void invoke('ow-window', 'close', window.__owWindowId))
+
+  const info = await invoke<{ appName?: string; dir?: string }>('installer', 'info').catch(() => ({}))
+  const st = await invoke<{ installed: boolean; version?: string; app?: string }>(
+    'installer',
+    'state',
+    { dir: info.dir ?? '' },
+  ).catch(() => ({ installed: false }))
+
+  $('#summary').textContent = st.installed
+    ? `${st.app ?? info.appName ?? 'La app'} ${st.version ?? ''} está instalada.`
+    : 'No se detectó una instalación en el directorio por defecto; elígelo.'
+  ;($('#dir') as HTMLInputElement).value = info.dir ?? ''
+  $('#uninstall').removeAttribute('disabled')
+}
+
+async function pickDir(): Promise<void> {
+  try {
+    const dir = await invoke<string | null>('dialog', 'open', 'openDirectory', 'Elegir carpeta')
+    if (dir) ($('#dir') as HTMLInputElement).value = dir
+  } catch {
+    /* cancelado */
+  }
+}
+
+async function doUninstall(): Promise<void> {
+  const dir = ($('#dir') as HTMLInputElement).value.trim()
+  if (!dir) {
+    setStatus('Elige la carpeta de instalación', 'err')
+    return
+  }
+  $('#uninstall').setAttribute('disabled', 'true')
+  setStatus('Desinstalando…')
+  try {
+    const res = await invoke<{ removed: number }>('installer', 'uninstall', {
+      dir,
+      keepData: ($('#keepData') as HTMLInputElement).checked,
+    })
+    setStatus(`Eliminados ${res.removed} ficheros.`, 'ok')
+    setTimeout(() => void invoke('ow-window', 'close', window.__owWindowId), 900)
+  } catch (e) {
+    setStatus(e instanceof Error ? e.message : String(e), 'err')
+    $('#uninstall').removeAttribute('disabled')
+  }
+}
+
+$('#pick').addEventListener('click', () => void pickDir())
+$('#uninstall').addEventListener('click', () => void doUninstall())
+void boot()

package/template-installer/uninstaller/vite.config.ts

@@ -0,0 +1,10 @@
+// Copyright 2026 Owear Contributors
+// SPDX-License-Identifier: Apache-2.0
+import { defineConfig } from 'vite'
+import owear from '@owear/vite-plugin'
+
+export default defineConfig({
+  plugins: [owear()],
+  base: './',
+  build: { outDir: 'ui-dist', emptyOutDir: true },
+})

package/template-installer/vite.config.ts

@@ -0,0 +1,15 @@
+// Copyright 2026 Owear Contributors
+// SPDX-License-Identifier: Apache-2.0
+//
+import { defineConfig } from 'vite'
+import owear from '@owear/vite-plugin'
+
+export default defineConfig({
+  plugins: [owear()],
+  base: './',
+  build: {
+    // `ow build installer` recoge este directorio como `ui/` del instalador.
+    outDir: 'ui-dist',
+    emptyOutDir: true,
+  },
+})

package/tools/owear-installer.mjs

@@ -0,0 +1,81 @@
+#!/usr/bin/env node
+// Copyright 2026 Owear Contributors
+// SPDX-License-Identifier: Apache-2.0
+//
+// tools/owear-installer.mjs — ensambla el payload del INSTALADOR y lo empaqueta
+// dentro del binario instalador (kernel + footer OWPK1).
+//
+// El instalador es un binario Owear aparte: al arrancar detecta `installer.json`
+// (o `uninstaller.json`) y entra en modo installer/uninstaller (ver
+// src/Core/App/Internal.cpp), sirviendo `ui/` como assets y exponiendo la API
+// `installer` (src/api/installer).
+//
+// Layout del payload del instalador:
+//   installer.json   metadatos de la app + modo/orden (del bridge)
+//   bridge.json      contrato embebido (owear.bridge.ts compilado)
+//   ui/              renderer + sidecar del instalador
+//   payload/         lo que se instala (binario único [minimal] o árbol [layout])
+//   modules/         módulos .owm extra (opcional)
+//
+// Uso:
+//   node tools/owear-installer.mjs --kernel <owear> --out <MiAppInstaller> \
+//     --ui <distUI> --payload <dir> [--bridge <bridge.json>] [--meta <installer.json>] \
+//     [--modules <dir>] [--name <slug>]
+//
+import * as fs from 'node:fs'
+import * as os from 'node:os'
+import * as path from 'node:path'
+import { spawnSync } from 'node:child_process'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+function die(m) {
+  console.error(`[owear-installer] ✗ ${m}`)
+  process.exit(1)
+}
+const argv = process.argv.slice(2)
+const arg = (n, def = null) => (argv.includes(n) ? argv[argv.indexOf(n) + 1] : def)
+
+const kernel = arg('--kernel')
+const out = arg('--out')
+const ui = arg('--ui')
+const payload = arg('--payload')
+const bridge = arg('--bridge')
+const meta = arg('--meta')
+const modules = arg('--modules')
+const name = arg('--name', 'app')
+
+if (!kernel || !out || !ui) die('uso: --kernel <owear> --out <bin> --ui <distUI> [--payload <dir>]')
+if (!fs.existsSync(kernel)) die(`no existe el kernel: ${kernel}`)
+if (!fs.existsSync(ui)) die(`no existe el ui: ${ui}`)
+
+const stage = fs.mkdtempSync(path.join(os.tmpdir(), 'owear-installer-'))
+const copyInto = (src, dstRel) => {
+  const dst = path.join(stage, dstRel)
+  fs.mkdirSync(path.dirname(dst), { recursive: true })
+  fs.cpSync(src, dst, { recursive: true })
+}
+
+copyInto(ui, 'ui')
+if (payload && fs.existsSync(payload)) copyInto(payload, 'payload')
+if (bridge && fs.existsSync(bridge)) fs.copyFileSync(bridge, path.join(stage, 'bridge.json'))
+if (meta && fs.existsSync(meta)) fs.copyFileSync(meta, path.join(stage, 'installer.json'))
+if (modules && fs.existsSync(modules)) copyInto(modules, 'modules')
+
+// manifiesto mínimo del payload del instalador (informativo)
+fs.writeFileSync(
+  path.join(stage, 'manifest.json'),
+  JSON.stringify({ kind: 'installer', name, createdAt: Date.now() }, null, 2) + '\n',
+)
+
+// Empaqueta con el empaquetador existente (mismo formato OWPK1).
+const packer = path.join(__dirname, 'owear-pack.mjs')
+const r = spawnSync(
+  process.execPath,
+  [packer, '--kernel', kernel, '--in', stage, '--out', out],
+  { stdio: 'inherit' },
+)
+fs.rmSync(stage, { recursive: true, force: true })
+if (r.status !== 0) die('falló owear-pack')
+console.log(`[owear-installer] instalador: ${out}`)