@notis_ai/cli 0.2.13 → 0.2.15

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>

package/dist/scaffolds/notis-random/lib/notis-tools.ts

@@ -1,128 +0,0 @@
-'use client';
-
-import { useCallback, useEffect, useState } from 'react';
-import { useTool } from '@notis/sdk';
-import type { RollDocument } from '@/lib/roll-record';
-import type { Roll } from '@/lib/rng';
-import { formatNumber } from '@/lib/utils';
-
-type QueryRollsArgs = {
-  database_slug: 'rolls';
-  query?: {
-    page_size?: number;
-  };
-  offset?: number;
-};
-
-type QueryRollsResult = {
-  documents?: RollDocument[];
-  has_more?: boolean;
-  next_offset?: number | null;
-  message?: string;
-  error?: string;
-};
-
-type UpsertRollArgs = {
-  title: string;
-  Value: number;
-  Mode: Roll['mode'];
-  Min: number;
-  Max: number;
-  'Rolled At': string;
-};
-
-type UpsertRollResult = {
-  status?: string;
-  document?: RollDocument;
-  message?: string;
-  error?: string;
-};
-
-export function useRollDocuments(pageSize = 20, fetchAll = false) {
-  const queryRolls = useTool<QueryRollsArgs, QueryRollsResult>('LOCAL_NOTIS_DATABASE_QUERY');
-  const [documents, setDocuments] = useState<RollDocument[]>([]);
-  const [error, setError] = useState<Error | null>(null);
-  const [fetchKey, setFetchKey] = useState(0);
-
-  const refetch = useCallback(() => {
-    setFetchKey((key) => key + 1);
-  }, []);
-
-  useEffect(() => {
-    let cancelled = false;
-    setError(null);
-
-    const fetchRolls = async (): Promise<RollDocument[]> => {
-      const allDocuments: RollDocument[] = [];
-      let offset = 0;
-      while (true) {
-        const result = await queryRolls.call({
-          database_slug: 'rolls',
-          query: { page_size: pageSize },
-          ...(offset > 0 ? { offset } : {}),
-        });
-        const message = result.error ?? result.message;
-        if (message && !result.documents) {
-          throw new Error(message);
-        }
-        allDocuments.push(...(result.documents ?? []));
-        if (!fetchAll || !result.has_more) return allDocuments;
-        if (typeof result.next_offset !== 'number' || result.next_offset <= offset) {
-          throw new Error('Roll history returned an invalid pagination offset.');
-        }
-        offset = result.next_offset;
-      }
-    };
-
-    fetchRolls()
-      .then((result) => {
-        if (cancelled) return;
-        setDocuments(result);
-      })
-      .catch((err) => {
-        if (cancelled) return;
-        setError(err instanceof Error ? err : new Error(String(err)));
-        setDocuments([]);
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [fetchAll, fetchKey, pageSize, queryRolls.call]);
-
-  return {
-    documents,
-    loading: queryRolls.loading,
-    error: queryRolls.error ?? error,
-    refetch,
-  };
-}
-
-export function usePersistRoll() {
-  const upsertRoll = useTool<UpsertRollArgs, UpsertRollResult>('LOCAL_NOTIS_DATABASE_UPSERT_ROLLS');
-
-  const persist = useCallback(
-    async (roll: Roll) => {
-      const result = await upsertRoll.call({
-        title: formatNumber(roll.value),
-        Value: roll.value,
-        Mode: roll.mode,
-        Min: roll.min,
-        Max: roll.max,
-        'Rolled At': roll.at,
-      });
-      const message = result.error ?? result.message;
-      if (message && result.status === 'error') {
-        throw new Error(message);
-      }
-      return result.document ?? null;
-    },
-    [upsertRoll.call],
-  );
-
-  return {
-    persist,
-    loading: upsertRoll.loading,
-    error: upsertRoll.error,
-  };
-}