@notis_ai/cli 0.2.14 → 0.2.16

package/dist/scaffolds/notis-notes/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "preserveSymlinks": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "types": ["vite/client", "node"],
-    "paths": {
-      "@/*": ["./*"]
-    }
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}

package/dist/scaffolds/notis-notes/vite.config.ts

@@ -1,10 +0,0 @@
-import { notisViteConfig } from '@notis/sdk/vite';
-import react from '@vitejs/plugin-react';
-import appConfig from './notis.config';
-
-const config = notisViteConfig(appConfig);
-
-export default {
-  ...config,
-  plugins: [react(), ...(config.plugins || [])],
-};

package/dist/scaffolds/notis-random/CHANGELOG.md

@@ -1,15 +0,0 @@
-# Random Number Generator Changelog
-
-## [Reliable Range Editing] - 2026-07-29
-
-- Keeps empty and negative range drafts intact until they form a valid number.
-
-## [Generator modes and history] - 2026-07-29
-
-- Added integer, decimal, and d4–d20 dice modes with live bounds validation.
-- Added a complete roll history with reliable saving and in-app navigation.
-- Refreshed the generator with native Notis controls and light and dark Store media.
-
-## [Initial Release] - 2026-04-23
-
-- Generated random numbers with configurable bounds and saved recent rolls.

package/dist/scaffolds/notis-random/README.md

@@ -1,33 +0,0 @@
-# Random Number Generator
-
-A simple, well-designed generator that lets you roll integers, decimals, or dice and keeps a history of every result in a Notis database.
-
-## Manifest
-
-- **Slug**: `notis-random`
-- **Database**: `rolls` — each roll persists as one row with `Value`, `Mode`, `Min`, `Max`, and `Rolled At`.
-- **Routes**: `/` (Generator) and `/history` (History, renders the `rolls` database as a flat collection).
-
-## Database setup
-
-`notis.config.ts` only references the `rolls` slug. It does not create the database schema automatically.
-
-Provision the native schema before testing fresh installs:
-
-```bash
-notis db upsert --operation update --database-id <rolls-db-id> --properties '[
-  {"name":"Value","type":"number","action":"add"},
-  {"name":"Mode","type":"select","action":"add","config":{"options":[
-    {"name":"Integer","color":"blue"},
-    {"name":"Decimal","color":"purple"},
-    {"name":"Dice","color":"orange"}
-  ]}},
-  {"name":"Min","type":"number","action":"add"},
-  {"name":"Max","type":"number","action":"add"},
-  {"name":"Rolled At","type":"date","action":"add"}
-]'
-```
-
-## Properties
-
-_None yet._ Once `app.properties` lands in the SDK, this app will declare `default_min`, `default_max`, and `default_mode` at install time.

package/dist/scaffolds/notis-random/app/globals.css

@@ -1,11 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-.notis-random-shell {
-  /* Portal already provides background / foreground tokens via @notis/sdk styles.
-     This shell just enforces generous padding and centers content. */
-  padding: clamp(1rem, 4vw, 2.5rem);
-  max-width: 960px;
-  margin-inline: auto;
-}

package/dist/scaffolds/notis-random/app/history/page.tsx

@@ -1,67 +0,0 @@
-'use client';
-
-import { useMemo } from 'react';
-import { DiceFiveIcon as Dices, ClockCounterClockwiseIcon as History, HashIcon as Hash, PercentIcon as Percent } from '@phosphor-icons/react';
-import { Card } from '@/components/ui/card';
-import { formatNumber, relativeTime } from '@/lib/utils';
-import type { Mode } from '@/lib/rng';
-import { normalizeRollRecord, sortRollRecordsDesc } from '@/lib/roll-record';
-import { useRollDocuments } from '@/lib/notis-tools';
-
-const MODE_ICONS: Record<Mode, typeof Hash> = {
-  integer: Hash,
-  decimal: Percent,
-  dice: Dices,
-};
-
-export default function HistoryPage() {
-  const { documents, loading } = useRollDocuments(100, true);
-
-  const rows = useMemo(
-    () => documents
-      .map(normalizeRollRecord)
-      .sort(sortRollRecordsDesc),
-    [documents],
-  );
-
-  return (
-    <main data-store-screenshot="history" className="notis-random-shell space-y-6">
-      <header className="flex items-center gap-2 text-sm text-muted-foreground">
-        <History className="h-4 w-4" strokeWidth={1.5} />
-        <span>Roll history</span>
-      </header>
-      <h1 className="text-2xl font-semibold tracking-tight text-foreground">
-        {rows.length} {rows.length === 1 ? 'roll' : 'rolls'}
-      </h1>
-
-      {loading && rows.length === 0 ? (
-        <p className="text-sm text-muted-foreground">Loading…</p>
-      ) : rows.length === 0 ? (
-        <div className="rounded-md border border-dashed border-border px-4 py-12 text-center text-sm text-muted-foreground">
-          Nothing rolled yet. Head back to the generator and press Generate.
-        </div>
-      ) : (
-        <Card className="divide-y divide-border">
-          {rows.map((row) => {
-            const Icon = MODE_ICONS[row.mode] ?? Hash;
-            return (
-              <div key={row.id} className="flex items-center gap-4 px-5 py-3.5">
-                <Icon className="h-4 w-4 text-muted-foreground shrink-0" strokeWidth={1.5} />
-                <span className="font-mono text-lg tabular-nums text-foreground">{formatNumber(row.value)}</span>
-                <div className="flex-1 min-w-0 text-xs text-muted-foreground">
-                  {row.min != null && row.max != null ? (
-                    <span className="font-mono">[{formatNumber(row.min)}, {formatNumber(row.max)}]</span>
-                  ) : (
-                    <span>Legacy roll</span>
-                  )}
-                  {' · '}{row.mode}
-                </div>
-                <span className="text-xs text-muted-foreground shrink-0">{relativeTime(row.at)}</span>
-              </div>
-            );
-          })}
-        </Card>
-      )}
-    </main>
-  );
-}

package/dist/scaffolds/notis-random/app/layout.tsx

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-import '@notis/sdk/styles.css';
-import './globals.css';
-
-export default function AppShell({ children }: { children: ReactNode }) {
-  return children;
-}

package/dist/scaffolds/notis-random/app/page.tsx

@@ -1,289 +0,0 @@
-'use client';
-
-import { useCallback, useMemo, useState } from 'react';
-import { useNotis, useNotisNavigation } from '@notis/sdk';
-import { DiceFiveIcon as Dices, SparkleIcon as Sparkles, ClockCounterClockwiseIcon as History, ArrowRightIcon as ArrowRight, HashIcon as Hash, PercentIcon as Percent, InfinityIcon, ArrowClockwiseIcon as RefreshCw, WarningCircleIcon as WarningCircle } from '@phosphor-icons/react';
-import { Button } from '@/components/ui/button';
-import { Card } from '@/components/ui/card';
-import { Input } from '@/components/ui/input';
-import { cn, formatNumber, relativeTime } from '@/lib/utils';
-import { DICE_SIDES, DEFAULT_DICE_SIDES, type DiceSides, type Mode, type Roll, checkBounds, parseBoundDraft, roll } from '@/lib/rng';
-import { normalizeRollRecord, sortRollRecordsDesc } from '@/lib/roll-record';
-import { usePersistRoll, useRollDocuments } from '@/lib/notis-tools';
-
-const MODES: Array<{ id: Mode; label: string; icon: typeof Hash; hint: string }> = [
-  { id: 'integer', label: 'Integer', icon: Hash,        hint: 'Whole numbers only' },
-  { id: 'decimal', label: 'Decimal', icon: Percent,     hint: 'Continuous range'   },
-  { id: 'dice',    label: 'Dice',    icon: Dices,       hint: 'Standard polyhedral dice' },
-];
-
-export default function HomePage() {
-  const { app, ready } = useNotis();
-  const nav = useNotisNavigation();
-  const { documents, loading, refetch } = useRollDocuments(5);
-  const { persist: persistRoll } = usePersistRoll();
-
-  const [mode, setMode] = useState<Mode>('integer');
-  const [minDraft, setMinDraft] = useState('1');
-  const [maxDraft, setMaxDraft] = useState('100');
-  const [sides, setSides] = useState<DiceSides>(DEFAULT_DICE_SIDES);
-  const [current, setCurrent] = useState<Roll | null>(null);
-  const [rolling, setRolling] = useState(false);
-  const [saveError, setSaveError] = useState<string | null>(null);
-
-  const recent = useMemo(
-    () => documents
-      .map(normalizeRollRecord)
-      .sort(sortRollRecordsDesc)
-      .slice(0, 5),
-    [documents],
-  );
-
-  // Dice mode draws from 1..sides; the manual range inputs drive the other modes.
-  const bounds = useMemo(
-    () => (
-      mode === 'dice'
-        ? { min: 1, max: sides }
-        : {
-            min: parseBoundDraft(minDraft),
-            max: parseBoundDraft(maxDraft),
-          }
-    ),
-    [mode, sides, minDraft, maxDraft],
-  );
-  const check = useMemo(
-    () => checkBounds(bounds.min, bounds.max, mode),
-    [bounds.min, bounds.max, mode],
-  );
-
-  const generate = useCallback(async () => {
-    if (rolling || !check.ok) return;
-    setRolling(true);
-    setSaveError(null);
-    try {
-      // roll() throws on unusable bounds, and persist() can fail on the network.
-      // Both have to leave `rolling` false or the button would stay stuck.
-      const next = roll(bounds.min, bounds.max, mode);
-      setCurrent(next);
-      await persistRoll(next);
-      refetch();
-    } catch (err) {
-      setSaveError(err instanceof Error ? err.message : 'Could not save this roll.');
-    } finally {
-      setRolling(false);
-    }
-  }, [rolling, check.ok, bounds.min, bounds.max, mode, persistRoll, refetch]);
-
-  return (
-    <main data-store-screenshot="generator" className="notis-random-shell space-y-6">
-      <header className="flex items-start justify-between gap-6">
-        <div className="space-y-1.5">
-          <div className="flex items-center gap-2 text-sm text-muted-foreground">
-            <Sparkles className="h-3.5 w-3.5" />
-            <span>{ready ? app?.name : 'Loading…'}</span>
-          </div>
-          <h1 className="text-2xl font-semibold tracking-tight text-foreground">Generator</h1>
-          <p className="text-sm text-muted-foreground max-w-md">
-            Pick a mode, set the range, and press generate. Every roll is saved to the History view.
-          </p>
-        </div>
-        <Button
-          type="button"
-          variant="outline"
-          size="sm"
-          onClick={() => refetch()}
-          className="gap-2 border-border text-muted-foreground hover:text-foreground"
-        >
-          <RefreshCw className={cn('h-3.5 w-3.5', loading && 'animate-spin')} />
-          Refresh
-        </Button>
-      </header>
-
-      {/* The dial and the controls sit side by side so the whole generator —
-          result, mode, range, and recent rolls — stays above the fold. */}
-      <section className="grid gap-6 lg:grid-cols-[1.05fr_1fr]">
-        <Card className="flex flex-col items-center justify-center gap-5 rounded-2xl p-6">
-          <div
-            className={cn(
-              'flex items-center justify-center rounded-full border border-border bg-background',
-              'h-40 w-40 transition-transform',
-              rolling && 'animate-pulse',
-            )}
-          >
-            {current ? (
-              <span className="font-mono text-5xl font-semibold tabular-nums text-foreground">
-                {formatNumber(current.value)}
-              </span>
-            ) : (
-              <InfinityIcon className="h-10 w-10 text-muted-foreground" strokeWidth={1.2} />
-            )}
-          </div>
-          <Button
-            type="button"
-            size="lg"
-            data-action="generate"
-            onClick={generate}
-            disabled={rolling || !check.ok}
-            className="gap-2 rounded-full px-6"
-          >
-            <Dices className="h-4 w-4" />
-            {rolling ? 'Rolling…' : current ? 'Roll again' : 'Generate'}
-          </Button>
-          {check.issue ? (
-            <p className="flex items-center gap-1.5 text-xs text-destructive">
-              <WarningCircle className="h-3.5 w-3.5 shrink-0" />
-              {check.issue.message}
-            </p>
-          ) : current ? (
-            <p className="text-xs text-muted-foreground">
-              <span className="font-mono">[{formatNumber(current.min)}, {formatNumber(current.max)}]</span>
-              {' · '}{current.mode}
-            </p>
-          ) : null}
-          {saveError && (
-            <p className="flex items-center gap-1.5 text-xs text-destructive">
-              <WarningCircle className="h-3.5 w-3.5 shrink-0" />
-              {saveError}
-            </p>
-          )}
-        </Card>
-
-        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-1">
-        <Card className="p-5">
-          <h2 className="mb-3 text-sm font-medium text-foreground">Mode</h2>
-          <div className="grid gap-2">
-            {MODES.map(({ id, label, icon: Icon, hint }) => (
-              <Button
-                key={id}
-                type="button"
-                variant="outline"
-                data-mode={id}
-                onClick={() => setMode(id)}
-                className={cn(
-                  'h-auto w-full justify-start gap-3 px-3 py-2.5 text-left whitespace-normal',
-                  mode === id
-                    ? 'border-foreground bg-accent text-accent-foreground'
-                    : 'border-border hover:bg-accent/50',
-                )}
-              >
-                <Icon className="h-4 w-4 shrink-0" strokeWidth={1.5} />
-                <div className="flex-1 min-w-0">
-                  <div className="text-sm font-medium">{label}</div>
-                  <div className="text-xs text-muted-foreground">{hint}</div>
-                </div>
-              </Button>
-            ))}
-          </div>
-        </Card>
-
-        <Card className="space-y-4 p-5">
-          <h2 className="text-sm font-medium text-foreground">
-            {mode === 'dice' ? 'Die' : 'Range'}
-          </h2>
-          {mode === 'dice' ? (
-            <>
-              <div className="flex flex-wrap gap-2">
-                {DICE_SIDES.map((n) => (
-                  <Button
-                    key={n}
-                    type="button"
-                    variant="outline"
-                    data-die={n}
-                    onClick={() => setSides(n)}
-                    className={cn(
-                      'h-10 min-w-[3.25rem] px-3 font-mono',
-                      sides === n
-                        ? 'border-foreground bg-accent text-accent-foreground'
-                        : 'border-border hover:bg-accent/50',
-                    )}
-                  >
-                    d{n}
-                  </Button>
-                ))}
-              </div>
-              <p className="text-xs text-muted-foreground">
-                Rolls a whole number from 1 to {sides}, each equally likely.
-              </p>
-            </>
-          ) : (
-            <>
-              <div className="grid grid-cols-2 gap-3">
-                <RangeInput label="Minimum" name="min" value={minDraft} onChange={setMinDraft} />
-                <RangeInput label="Maximum" name="max" value={maxDraft} onChange={setMaxDraft} />
-              </div>
-              <p className="text-xs text-muted-foreground">
-                {mode === 'decimal'
-                  ? 'Decimal draws include the minimum but never reach the maximum.'
-                  : 'Integer draws include both ends of the range.'}
-              </p>
-            </>
-          )}
-        </Card>
-        </div>
-      </section>
-
-      <Card className="p-5">
-        <header className="mb-4 flex items-center justify-between gap-3">
-          <h2 className="flex items-center gap-2 text-sm font-medium text-foreground">
-            <History className="h-4 w-4 text-muted-foreground" strokeWidth={1.5} />
-            Recent rolls
-          </h2>
-          <Button
-            type="button"
-            variant="ghost"
-            size="sm"
-            onClick={() => nav.toRoute('/history')}
-            className="h-auto gap-1 px-2 py-1 text-xs text-muted-foreground hover:text-foreground"
-          >
-            View all <ArrowRight className="h-3 w-3" />
-          </Button>
-        </header>
-        {loading && recent.length === 0 ? (
-          <p className="text-sm text-muted-foreground">Loading…</p>
-        ) : recent.length === 0 ? (
-          <div className="rounded-md border border-dashed border-border px-4 py-8 text-center text-sm text-muted-foreground">
-            Nothing rolled yet. Press Generate to see history here.
-          </div>
-        ) : (
-          <ul className="divide-y divide-border">
-            {recent.map((r) => (
-              <li key={r.id} className="flex items-center justify-between py-2.5">
-                <div className="flex items-center gap-3">
-                  <span className="font-mono text-lg tabular-nums text-foreground">{formatNumber(r.value)}</span>
-                  <span className="text-xs text-muted-foreground">{r.mode}</span>
-                </div>
-                <span className="text-xs text-muted-foreground">{relativeTime(r.at)}</span>
-              </li>
-            ))}
-          </ul>
-        )}
-      </Card>
-    </main>
-  );
-}
-
-function RangeInput({
-  label,
-  name,
-  value,
-  onChange,
-}: {
-  label: string;
-  name: string;
-  value: string;
-  onChange: (v: string) => void;
-}) {
-  return (
-    <label className="block space-y-1.5">
-      <span className="text-xs font-medium text-muted-foreground">{label}</span>
-      <Input
-        type="text"
-        inputMode="decimal"
-        data-bound={name}
-        value={value}
-        onChange={(e) => onChange(e.target.value)}
-        className="border-border font-mono"
-      />
-    </label>
-  );
-}

package/dist/scaffolds/notis-random/components/ui/button.tsx

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva, type VariantProps } from 'class-variance-authority';
-
-import { cn } from '@/lib/utils';
-
-const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-  {
-    variants: {
-      variant: {
-        default: 'bg-foreground text-background hover:bg-foreground/90',
-        outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-        ghost: 'hover:bg-accent hover:text-accent-foreground',
-      },
-      size: {
-        default: 'h-10 px-4 py-2',
-        sm: 'h-9 rounded-md px-3',
-        lg: 'h-11 rounded-md px-8',
-        icon: 'h-10 w-10',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-);
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean;
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'button';
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
-Button.displayName = 'Button';
-
-export { Button, buttonVariants };

package/dist/scaffolds/notis-random/components/ui/card.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div
-      ref={ref}
-      className={cn('rounded-xl border border-border bg-card text-card-foreground', className)}
-      {...props}
-    />
-  ),
-);
-Card.displayName = 'Card';
-
-export { Card };

package/dist/scaffolds/notis-random/components/ui/input.tsx

@@ -1,23 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(
-  ({ className, type, ...props }, ref) => (
-    <input
-      type={type}
-      className={cn(
-        'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground ring-offset-background',
-        'file:border-0 file:bg-transparent file:text-sm file:font-medium',
-        'placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
-        'disabled:cursor-not-allowed disabled:opacity-50',
-        className,
-      )}
-      ref={ref}
-      {...props}
-    />
-  ),
-);
-Input.displayName = 'Input';
-
-export { Input };

package/dist/scaffolds/notis-random/components.json

@@ -1,20 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "app/globals.css",
-    "baseColor": "zinc",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  }
-}

package/dist/scaffolds/notis-random/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Random Number Generator (dev preview)</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/dev-main.tsx"></script>
-  </body>
-</html>