create-rezi 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/__tests__/scaffold.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=scaffold.test.d.ts.map

package/dist/__tests__/scaffold.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scaffold.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/scaffold.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/scaffold.test.js

@@ -1,29 +0,0 @@
-import { mkdtemp, readFile } from "node:fs/promises";
-import { tmpdir } from "node:os";
-import { join } from "node:path";
-import { assert, test } from "@rezi-ui/testkit";
-import { createProject, normalizeTemplateName, toValidPackageName } from "../scaffold.js";
-test("normalizeTemplateName accepts friendly aliases", () => {
-    assert.equal(normalizeTemplateName("form app"), "form-app");
-    assert.equal(normalizeTemplateName("file-browser"), "file-browser");
-    assert.equal(normalizeTemplateName("streaming"), "streaming-viewer");
-});
-test("createProject scaffolds a dashboard project with substitutions", async () => {
-    const root = await mkdtemp(join(tmpdir(), "rezi-create-"));
-    const targetDir = join(root, "my-app");
-    const displayName = "My Rezi App";
-    const packageName = toValidPackageName("my-rezi-app");
-    await createProject({
-        targetDir,
-        templateKey: "dashboard",
-        packageName,
-        displayName,
-    });
-    const pkgRaw = await readFile(join(targetDir, "package.json"), "utf8");
-    const pkg = JSON.parse(pkgRaw);
-    assert.equal(pkg.name, packageName);
-    const main = await readFile(join(targetDir, "src", "main.ts"), "utf8");
-    assert.ok(main.includes(displayName));
-    assert.ok(!main.includes("__APP_NAME__"));
-});
-//# sourceMappingURL=scaffold.test.js.map

package/dist/__tests__/scaffold.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scaffold.test.js","sourceRoot":"","sources":["../../src/__tests__/scaffold.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAE1F,IAAI,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC1D,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5D,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;IACpE,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC;AACvE,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;IAChF,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,aAAa,CAAC;IAClC,MAAM,WAAW,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAEtD,MAAM,aAAa,CAAC;QAClB,SAAS;QACT,WAAW,EAAE,WAAW;QACxB,WAAW;QACX,WAAW;KACZ,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC;IACvE,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAqB,CAAC;IACnD,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAEpC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;IACvE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC,CAAC"}

package/templates/file-browser/README.md

@@ -1,18 +0,0 @@
-# __APP_NAME__
-
-Scaffolded with `npm create rezi` using the **__TEMPLATE_LABEL__** template.
-
-## Quickstart
-
-```bash
-npm install
-npm start
-```
-
-## Keybindings
-
-- `up` / `down` or `j` / `k`: Move selection
-- `enter`: Open directory / preview file
-- `backspace`: Go up
-- `h`: Toggle hidden files
-- `q`: Quit

package/templates/file-browser/src/main.ts

@@ -1,258 +0,0 @@
-import { createApp, rgb, ui } from "@rezi-ui/core";
-import { createNodeBackend } from "@rezi-ui/node";
-
-type EntryType = "dir" | "file";
-
-type Entry = {
-  name: string;
-  type: EntryType;
-  size: string;
-  modified: string;
-  preview: string;
-};
-
-type Tree = Record<string, Entry[]>;
-
-const tree: Tree = {
-  "/": [
-    { name: "src", type: "dir", size: "-", modified: "2026-02-10", preview: "" },
-    { name: "docs", type: "dir", size: "-", modified: "2026-02-08", preview: "" },
-    {
-      name: "package.json",
-      type: "file",
-      size: "2 KB",
-      modified: "2026-02-07",
-      preview: '{\n  "name": "__APP_NAME__"\n}',
-    },
-    { name: ".env", type: "file", size: "1 KB", modified: "2026-02-05", preview: "API_KEY=***" },
-  ],
-  "/src": [
-    {
-      name: "main.ts",
-      type: "file",
-      size: "4 KB",
-      modified: "2026-02-10",
-      preview: "import { createApp } from '@rezi-ui/core'",
-    },
-    { name: "components", type: "dir", size: "-", modified: "2026-02-09", preview: "" },
-    { name: "styles", type: "dir", size: "-", modified: "2026-02-09", preview: "" },
-  ],
-  "/src/components": [
-    {
-      name: "Panel.ts",
-      type: "file",
-      size: "1 KB",
-      modified: "2026-02-09",
-      preview: "export function Panel() {}",
-    },
-    {
-      name: "StatusBar.ts",
-      type: "file",
-      size: "1 KB",
-      modified: "2026-02-09",
-      preview: "export function StatusBar() {}",
-    },
-  ],
-  "/docs": [
-    {
-      name: "overview.md",
-      type: "file",
-      size: "3 KB",
-      modified: "2026-02-08",
-      preview: "# Overview",
-    },
-    { name: "usage.md", type: "file", size: "2 KB", modified: "2026-02-08", preview: "# Usage" },
-  ],
-  "/src/styles": [
-    {
-      name: "tokens.ts",
-      type: "file",
-      size: "2 KB",
-      modified: "2026-02-08",
-      preview: "export const colors = {}",
-    },
-  ],
-};
-
-const colors = {
-  accent: rgb(120, 200, 255),
-  muted: rgb(140, 150, 170),
-  panel: rgb(18, 22, 34),
-  panelAlt: rgb(22, 28, 44),
-  ink: rgb(10, 14, 24),
-};
-
-type State = {
-  path: string;
-  selected: number;
-  showHidden: boolean;
-  opened: string | null;
-};
-
-const app = createApp<State>({
-  backend: createNodeBackend(),
-  initialState: {
-    path: "/",
-    selected: 0,
-    showHidden: false,
-    opened: null,
-  },
-});
-
-function clamp(value: number, min: number, max: number) {
-  return Math.max(min, Math.min(max, value));
-}
-
-function joinPath(base: string, name: string): string {
-  if (base === "/") return `/${name}`;
-  return `${base}/${name}`;
-}
-
-function parentPath(path: string): string {
-  if (path === "/") return "/";
-  const parts = path.split("/").filter(Boolean);
-  parts.pop();
-  return `/${parts.join("/")}` || "/";
-}
-
-function listEntries(state: State): Entry[] {
-  const entries = tree[state.path] ?? [];
-  if (state.showHidden) return entries;
-  return entries.filter((entry) => !entry.name.startsWith("."));
-}
-
-function panel(title: string, children: ReturnType<typeof ui.column>[], flex = 1) {
-  return ui.box(
-    { title, flex, border: "rounded", px: 1, py: 0, style: { bg: colors.panel, fg: colors.muted } },
-    children,
-  );
-}
-
-app.view((state) => {
-  const entries = listEntries(state);
-  const selected = entries[state.selected];
-  const preview = selected?.preview || "Select a file to preview.";
-
-  return ui.column({ flex: 1, p: 1, gap: 1, items: "stretch" }, [
-    ui.row({ justify: "between", items: "center" }, [
-      ui.text("__APP_NAME__", { fg: colors.accent, bold: true }),
-      ui.text(`Path: ${state.path}`, { fg: colors.muted }),
-    ]),
-
-    ui.row({ flex: 1, gap: 1, items: "stretch" }, [
-      panel(
-        "Files",
-        [
-          ui.column(
-            { gap: 0 },
-            entries.map((entry, index) => {
-              const active = index === state.selected;
-              const prefix = active ? ">" : " ";
-              const marker = entry.type === "dir" ? "[D]" : "[F]";
-              return ui.text(`${prefix} ${marker} ${entry.name}`, {
-                key: entry.name,
-                style: {
-                  fg: active ? colors.accent : colors.muted,
-                  bold: active,
-                },
-              });
-            }),
-          ),
-        ],
-        1,
-      ),
-
-      panel(
-        "Details",
-        [
-          ui.column({ gap: 1 }, [
-            ui.text(selected ? selected.name : "-", { fg: colors.accent, bold: true }),
-            ui.text(`Type: ${selected?.type ?? "-"}`),
-            ui.text(`Size: ${selected?.size ?? "-"}`),
-            ui.text(`Modified: ${selected?.modified ?? "-"}`),
-            ui.divider({ char: "-" }),
-            ui.text("Preview", { fg: colors.muted }),
-            ui.text(preview),
-          ]),
-        ],
-        2,
-      ),
-
-      panel(
-        "Pinned",
-        [
-          ui.column({ gap: 1 }, [
-            ui.text("Last opened", { fg: colors.muted }),
-            ui.text(state.opened ?? "-"),
-            ui.text(""),
-            ui.text("Hidden files"),
-            ui.text(state.showHidden ? "Visible" : "Hidden"),
-          ]),
-        ],
-        1,
-      ),
-    ]),
-
-    ui.box({ px: 1, py: 0, style: { bg: colors.ink, fg: colors.muted } }, [
-      ui.row({ justify: "between", items: "center" }, [
-        ui.text("File browser ready"),
-        ui.row({ gap: 1 }, [
-          ui.kbd("up"),
-          ui.text("Move"),
-          ui.kbd("enter"),
-          ui.text("Open"),
-          ui.kbd("backspace"),
-          ui.text("Up"),
-          ui.kbd("h"),
-          ui.text("Hidden"),
-          ui.kbd("q"),
-          ui.text("Quit"),
-        ]),
-      ]),
-    ]),
-  ]);
-});
-
-app.keys({
-  q: () => app.stop(),
-  "ctrl+c": () => app.stop(),
-  up: () =>
-    app.update((s) => {
-      const entries = listEntries(s);
-      return { ...s, selected: clamp(s.selected - 1, 0, Math.max(0, entries.length - 1)) };
-    }),
-  down: () =>
-    app.update((s) => {
-      const entries = listEntries(s);
-      return { ...s, selected: clamp(s.selected + 1, 0, Math.max(0, entries.length - 1)) };
-    }),
-  k: () =>
-    app.update((s) => {
-      const entries = listEntries(s);
-      return { ...s, selected: clamp(s.selected - 1, 0, Math.max(0, entries.length - 1)) };
-    }),
-  j: () =>
-    app.update((s) => {
-      const entries = listEntries(s);
-      return { ...s, selected: clamp(s.selected + 1, 0, Math.max(0, entries.length - 1)) };
-    }),
-  h: () => app.update((s) => ({ ...s, showHidden: !s.showHidden, selected: 0 })),
-  backspace: () =>
-    app.update((s) => ({
-      ...s,
-      path: parentPath(s.path),
-      selected: 0,
-    })),
-  enter: () =>
-    app.update((s) => {
-      const entries = listEntries(s);
-      const entry = entries[s.selected];
-      if (!entry) return s;
-      if (entry.type === "dir") {
-        return { ...s, path: joinPath(s.path, entry.name), selected: 0 };
-      }
-      return { ...s, opened: joinPath(s.path, entry.name) };
-    }),
-});
-
-await app.start();

package/templates/form-app/README.md

@@ -1,18 +0,0 @@
-# __APP_NAME__
-
-Scaffolded with `npm create rezi` using the **__TEMPLATE_LABEL__** template.
-
-## Quickstart
-
-```bash
-npm install
-npm start
-```
-
-## Keybindings
-
-- `tab`: Move focus between fields
-- `ctrl+s`: Save
-- `ctrl+r`: Reset form
-- `ctrl+up` / `ctrl+down`: Switch section
-- `q`: Quit

package/templates/form-app/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "__PACKAGE_NAME__",
-  "version": "0.1.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "start": "tsx src/main.ts",
-    "dev": "tsx watch src/main.ts",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@rezi-ui/core": "^0.1.0-alpha.0",
-    "@rezi-ui/node": "^0.1.0-alpha.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.13.1",
-    "tsx": "^4.20.0",
-    "typescript": "^5.6.3"
-  },
-  "engines": {
-    "node": ">=18"
-  }
-}

package/templates/form-app/src/main.ts

@@ -1,222 +0,0 @@
-import { createApp, rgb, ui } from "@rezi-ui/core";
-import { createNodeBackend } from "@rezi-ui/node";
-
-type Plan = "starter" | "growth" | "enterprise";
-
-type State = {
-  section: number;
-  name: string;
-  email: string;
-  company: string;
-  plan: Plan;
-  seats: string;
-  newsletter: boolean;
-  notes: string;
-  status: string;
-};
-
-const sections = ["Profile", "Plan", "Review"] as const;
-
-const initialState: State = {
-  section: 0,
-  name: "",
-  email: "",
-  company: "",
-  plan: "growth",
-  seats: "5",
-  newsletter: true,
-  notes: "",
-  status: "Draft",
-};
-
-const app = createApp<State>({
-  backend: createNodeBackend(),
-  initialState,
-});
-
-const colors = {
-  accent: rgb(116, 200, 255),
-  muted: rgb(140, 150, 170),
-  panel: rgb(18, 22, 34),
-  panelAlt: rgb(22, 28, 44),
-  ok: rgb(130, 220, 170),
-  ink: rgb(10, 14, 24),
-};
-
-function clamp(value: number, min: number, max: number) {
-  return Math.max(min, Math.min(max, value));
-}
-
-function panel(title: string, children: ReturnType<typeof ui.column>[], flex = 1) {
-  return ui.box(
-    {
-      title,
-      flex,
-      border: "rounded",
-      px: 1,
-      py: 0,
-      style: { bg: colors.panel, fg: colors.muted },
-    },
-    children,
-  );
-}
-
-app.view((state) => {
-  return ui.column({ flex: 1, p: 1, gap: 1, items: "stretch" }, [
-    ui.row({ justify: "between", items: "center" }, [
-      ui.text("__APP_NAME__", { fg: colors.accent, bold: true }),
-      ui.text(`Status: ${state.status}`, { fg: colors.ok, bold: true }),
-    ]),
-
-    ui.row({ flex: 1, gap: 1, items: "stretch" }, [
-      panel(
-        "Sections",
-        [
-          ui.column(
-            { gap: 0 },
-            sections.map((label, index) => {
-              const active = index === state.section;
-              return ui.text(`${active ? ">" : " "} ${label}`, {
-                key: label,
-                style: {
-                  fg: active ? colors.accent : colors.muted,
-                  bold: active,
-                },
-              });
-            }),
-          ),
-        ],
-        1,
-      ),
-
-      panel(
-        "Customer Details",
-        [
-          ui.column({ gap: 1 }, [
-            ui.field({
-              label: "Name",
-              required: true,
-              children: ui.input({
-                id: "name",
-                value: state.name,
-                onInput: (value) => app.update((s) => ({ ...s, name: value })),
-              }),
-            }),
-            ui.field({
-              label: "Email",
-              required: true,
-              children: ui.input({
-                id: "email",
-                value: state.email,
-                onInput: (value) => app.update((s) => ({ ...s, email: value })),
-              }),
-            }),
-            ui.field({
-              label: "Company",
-              children: ui.input({
-                id: "company",
-                value: state.company,
-                onInput: (value) => app.update((s) => ({ ...s, company: value })),
-              }),
-            }),
-            ui.field({
-              label: "Plan",
-              children: ui.select({
-                id: "plan",
-                value: state.plan,
-                options: [
-                  { value: "starter", label: "Starter" },
-                  { value: "growth", label: "Growth" },
-                  { value: "enterprise", label: "Enterprise" },
-                ],
-                onChange: (value) => app.update((s) => ({ ...s, plan: value as Plan })),
-              }),
-            }),
-            ui.field({
-              label: "Seats",
-              children: ui.input({
-                id: "seats",
-                value: state.seats,
-                onInput: (value) => app.update((s) => ({ ...s, seats: value })),
-              }),
-            }),
-            ui.checkbox({
-              id: "newsletter",
-              label: "Subscribe to release notes",
-              checked: state.newsletter,
-              onChange: (checked) => app.update((s) => ({ ...s, newsletter: checked })),
-            }),
-          ]),
-        ],
-        2,
-      ),
-
-      panel(
-        "Preview",
-        [
-          ui.column({ gap: 1 }, [
-            ui.text("Summary", { fg: colors.accent, bold: true }),
-            ui.text(`Name: ${state.name || "-"}`),
-            ui.text(`Email: ${state.email || "-"}`),
-            ui.text(`Company: ${state.company || "-"}`),
-            ui.text(`Plan: ${state.plan}`),
-            ui.text(`Seats: ${state.seats || "-"}`),
-            ui.text(`Newsletter: ${state.newsletter ? "Yes" : "No"}`),
-            ui.divider({ char: "-" }),
-            ui.text("Notes"),
-            ui.text(state.notes || "Add internal notes in Review."),
-            ui.button({
-              id: "save",
-              label: "Save draft",
-              onPress: () =>
-                app.update((s) => ({
-                  ...s,
-                  status: `Saved at ${new Date().toLocaleTimeString()}`,
-                })),
-            }),
-          ]),
-        ],
-        1,
-      ),
-    ]),
-
-    ui.box({ px: 1, py: 0, style: { bg: colors.ink, fg: colors.muted } }, [
-      ui.row({ justify: "between", items: "center" }, [
-        ui.text("Form flow ready"),
-        ui.row({ gap: 1 }, [
-          ui.kbd("tab"),
-          ui.text("Focus"),
-          ui.kbd("ctrl+s"),
-          ui.text("Save"),
-          ui.kbd("ctrl+r"),
-          ui.text("Reset"),
-          ui.kbd("q"),
-          ui.text("Quit"),
-        ]),
-      ]),
-    ]),
-  ]);
-});
-
-app.keys({
-  q: () => app.stop(),
-  "ctrl+c": () => app.stop(),
-  "ctrl+s": () =>
-    app.update((s) => ({
-      ...s,
-      status: `Saved at ${new Date().toLocaleTimeString()}`,
-    })),
-  "ctrl+r": () => app.update(() => ({ ...initialState })),
-  "ctrl+up": () =>
-    app.update((s) => ({
-      ...s,
-      section: clamp(s.section - 1, 0, sections.length - 1),
-    })),
-  "ctrl+down": () =>
-    app.update((s) => ({
-      ...s,
-      section: clamp(s.section + 1, 0, sections.length - 1),
-    })),
-});
-
-await app.start();

package/templates/streaming-viewer/README.md

@@ -1,17 +0,0 @@
-# __APP_NAME__
-
-Scaffolded with `npm create rezi` using the **__TEMPLATE_LABEL__** template.
-
-## Quickstart
-
-```bash
-npm install
-npm start
-```
-
-## Keybindings
-
-- `up` / `down` or `j` / `k`: Switch stream
-- `space`: Toggle pause
-- `f`: Follow mode
-- `q`: Quit