@prestack/thread-ui 0.1.9 → 0.1.11

package/dist/ui/compositions.js

@@ -1,5 +1,5 @@
 import { existsSync, readFileSync, readdirSync, rmSync, writeFileSync } from '@prestack/thread/integrations/disk';
-import { basename, dirname, join, relative } from 'node:path';
+import { basename, join, relative } from 'node:path';
 import { argv, stdout } from 'node:process';
 import { SHAPED } from '@prestack/thread/core/init';
 import { exit, invoked } from '@prestack/thread/core/invoked';
@@ -111,21 +111,6 @@ const REFUSED = {
 export function compiledAt(at) {
     return `${COMPILED}/${slashed(at)}`;
 }
-const ENDINGS = ['.tsx', '.ts'];
-function beside(root, where, said) {
-    if (!said.startsWith(`${HOME}/`))
-        return undefined;
-    const tail = said.slice(HOME.length + 1);
-    for (const ending of ENDINGS) {
-        const at = `${COMPILED}/ui/${tail}${ending}`;
-        if (!existsSync(join(root, at)))
-            continue;
-        const out = slashed(relative(dirname(where), at));
-        return out.startsWith('.') ? out : `./${out}`;
-    }
-    return undefined;
-}
-const NAMED_IMPORT = /(['"])(@[^'"]+)\1/g;
 export function settled(root, rows, checking, by, kept) {
     const said = [];
     for (const row of rows) {
@@ -139,10 +124,7 @@ export function settled(root, rows, checking, by, kept) {
         }
         const where = compiledAt(row.at);
         kept.add(where);
-        const text = (held.text ?? '').replace(NAMED_IMPORT, (whole, quote, said) => {
-            const found = beside(root, where, said);
-            return found === undefined ? whole : `${quote}${found}${quote}`;
-        });
+        const text = held.text ?? '';
         const at = join(root, where);
         if (!checking) {
             writeFileSync(at, text, 'utf8');
@@ -155,86 +137,6 @@ export function settled(root, rows, checking, by, kept) {
     }
     return said;
 }
-const ORG = packageOf('ui').split('/')[0] ?? '';
-const REACHED = /^(?:import|export)\s+(type\s+)?(?:(?:[^\n]|\n(?=[ \t}]))*?\s)?from\s*['"]([^'"]+)['"]/gm;
-export const RUNTIME = ['wrappers.tsx', 'drag.ts', 'provider.tsx', 'islands/map.ts'];
-const NODE = /^node:/;
-function installs(root) {
-    try {
-        const held = JSON.parse(readFileSync(join(root, 'package.json'), 'utf8'));
-        return new Set([...Object.keys(held.dependencies ?? {}), ...Object.keys(held.devDependencies ?? {})]);
-    }
-    catch {
-        return new Set();
-    }
-}
-function packaging(said) {
-    return said.startsWith('@') ? said.split('/').slice(0, 2).join('/') : (said.split('/')[0] ?? said);
-}
-export function emitting(root, entries, checking, kept) {
-    const has = installs(root);
-    const from = join(root, 'node_modules', packageOf('ui'), 'dist', 'ui');
-    const said = [];
-    if (!existsSync(from)) {
-        return [
-            `this app declares an interface and ${packageOf('ui')} is not installed, so there is nothing to emit it from. ` +
-                `Install it and run \`thread attach ${packageOf('ui')}\` again.`,
-        ];
-    }
-    const seen = new Set();
-    const walk = (at) => {
-        if (seen.has(at))
-            return;
-        seen.add(at);
-        const file = join(from, at);
-        if (!existsSync(file)) {
-            said.push(`${at} is part of the interface this app emits, and the installed ${packageOf('ui')} does not hold it. ` +
-                'Upgrade the framework packages and run this again.');
-            return;
-        }
-        const text = readFileSync(file, 'utf8');
-        const where = `${COMPILED}/ui/${at}`;
-        kept.add(where);
-        const to = join(root, where);
-        if (checking) {
-            if (!existsSync(to) || readFileSync(to, 'utf8') !== text) {
-                said.push(`${where} is not what this app emits from ${packageOf('ui')}. An emitted file that differs from ` +
-                    'its source is a hand edit wearing a generated name. Run `thread compositions` and commit what it writes.');
-            }
-        }
-        else {
-            writeFileSync(to, text, 'utf8');
-        }
-        for (const one of text.matchAll(REACHED)) {
-            const named = one[2] ?? '';
-            if (named.startsWith('.')) {
-                const next = slashed(join(dirname(at), named));
-                if (next.startsWith('..')) {
-                    said.push(`${at} reaches \`${named}\`, which is outside the interface this app emits.`);
-                    continue;
-                }
-                walk(next);
-                continue;
-            }
-            if (one[1] !== undefined)
-                continue;
-            if (!named.startsWith(`${ORG}/`)) {
-                const held = packaging(named);
-                if (NODE.test(named) || has.has(held))
-                    continue;
-                said.push(`${at} reaches ${held}, and this app installs nothing by that name. An emitted interface brings ` +
-                    `what it reaches with it, so ${held} has to arrive when ` +
-                    `thread attach ${packageOf('ui')} runs.`);
-                continue;
-            }
-            said.push(`${at} reaches \`${named}\`, so emitting it would leave this app importing the framework while it runs. ` +
-                'It reaches what is emitted beside it, or nothing of this framework at all.');
-        }
-    };
-    for (const one of entries)
-        walk(one);
-    return said;
-}
 export function stale(root, kept, checking) {
     const said = [];
     const walk = (at) => {
@@ -263,13 +165,8 @@ export function stale(root, kept, checking) {
 const SHEET = 'compiled.ts';
 const EMITS = 'thread compositions';
 export const SCREENED_BY = 'thread screens';
-const SHIPS = `${COMPILED}/ui/`;
 const idFor = (at) => `compiled-${at.slice(COMPILED.length + 1).replace(/\.[^./]+$/, '').split('/').join('-')}`;
 function meaning(at, by) {
-    if (at.startsWith(SHIPS)) {
-        return ('`' + at.slice(SHIPS.length) + '` from ' + packageOf('ui') + ', copied into this app so a page runs it with nothing of ' +
-            'the framework installed. `' + by + '` writes it, so an edit made here is refused.');
-    }
     return ('`' + at.slice(COMPILED.length + 1) + '` as React runs it, compiled from the file a person wrote: a variant worn as a ' +
         'tag has become its class, and a named place the class its arrangement declares. `' + by + '` writes it, so an ' +
         'edit made here is refused.');
@@ -424,12 +321,6 @@ function run() {
             stdout.write(`thread: seeded ${one.path}\n`);
         }
     }
-    const parts = sheetOf(tree, 'elements.ts', 'ELEMENT', 'ELEMENTS');
-    const shipped = `node_modules/${packageOf('ui')}/dist/ui/`;
-    const entries = [
-        ...RUNTIME,
-        ...parts.flatMap((one) => (one.at ?? '').startsWith(shipped) ? [(one.at ?? '').slice(shipped.length).replace(/\.js$/, '.tsx')] : []),
-    ];
     const screened = new Set();
     for (const one of sheetOf(tree, 'screens.ts', 'SCREEN', 'SCREENS')) {
         if (one.at !== undefined && one.at !== '')
@@ -438,7 +329,6 @@ function run() {
     const kept = new Set(screened);
     const found = [
         ...undeclared(tree, rows),
-        ...emitting(tree.at, entries, checking, kept),
         ...settled(tree.at, rows, checking, EMITS, kept),
     ];
     found.push(...declaring(tree, [...kept], checking, screened));

package/dist/ui/generators/routes.js

@@ -494,6 +494,7 @@ function config(root, external) {
     return [
         ...gate(false),
         'export default {',
+        "  output: 'standalone',",
         ...(turbopack.length === 0 ? [] : ['  turbopack: {', ...turbopack, '  },']),
         ...(external.length === 0
             ? []

package/dist/ui/variant.d.ts

@@ -1,5 +1,4 @@
 import { FREE, type Material, type Setting } from './material.ts';
-import type { MATERIALS } from './materials.ts';
 import type { Holds, Token, Wearing } from './token.ts';
 import { holds } from './signals.ts';
 interface Stateful {
@@ -10,7 +9,6 @@ interface Stateful {
     }[];
 }
 type SignalId = (typeof holds)[number]['id'] | (string & {});
-type MaterialId = (typeof MATERIALS)['declares'][number]['id'] | (string & {});
 declare const BOUND: {
     readonly background: readonly ['colour', 'gradient', 'texture', 'noise', 'img'];
     readonly borderColor: readonly ['colour'];
@@ -69,7 +67,7 @@ type VariantSetting = {
 export interface Variant {
     readonly id: string;
     readonly version?: number;
-    readonly material?: MaterialId;
+    readonly material?: string;
     readonly type?: string;
     readonly icon?: string;
     readonly sets: readonly VariantSetting[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prestack/thread-ui",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "type": "module",
   "files": [
     "dist",
@@ -17,6 +17,6 @@
     "react-dom": "^19.0.0",
     "typescript": "^6.0.0",
     "zod": "^4.5.4",
-    "@prestack/thread": "^0.1.20"
+    "@prestack/thread": "^0.1.22"
   }
 }

package/dist/ui/animations/anm_appear.ts

@@ -1,13 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const APPEAR = {
-  id: 'appear',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-
-  fills: 'backwards',
-  stops: {
-    '0%': [{ property: 'opacity', is: 'opacity-none' }],
-    '100%': [{ property: 'opacity', is: 'opacity-full' }],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_blur_in.ts

@@ -1,19 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const BLUR_IN = {
-  id: 'blur-in',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-
-  fills: 'backwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'filter', is: 'filter-blurred' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'filter', is: 'filter-sharp' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_blur_out.ts

@@ -1,18 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const BLUR_OUT = {
-  id: 'blur-out',
-  runs: 'motion-quick',
-  eases: 'ease-in',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'filter', is: 'filter-sharp' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'filter', is: 'filter-blurred' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_dismiss.ts

@@ -1,18 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const DISMISS = {
-  id: 'dismiss',
-  runs: 'motion-quick',
-  eases: 'ease-in',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-shrink' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_drop.ts

@@ -1,19 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const DROP = {
-  id: 'drop',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-
-  fills: 'backwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-above' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_fall.ts

@@ -1,18 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const FALL = {
-  id: 'fall',
-  runs: 'motion-quick',
-  eases: 'ease-in',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-below' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_flash.ts

@@ -1,18 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const FLASH = {
-  id: 'flash',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-full' },
-    ],
-    '40%': [
-      { property: 'opacity', is: 'opacity-muted' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-full' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_glow.ts

@@ -1,16 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const GLOW = {
-  id: 'glow',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'boxShadow', is: 'shadow-0' },
-    ],
-    '100%': [
-      { property: 'boxShadow', is: 'shadow-glow' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_lift.ts

@@ -1,16 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const LIFT = {
-  id: 'lift',
-  runs: 'motion-quick',
-  eases: 'ease-out',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '100%': [
-      { property: 'transform', is: 'transform-lift' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_nudge.ts

@@ -1,16 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const NUDGE = {
-  id: 'nudge',
-  runs: 'motion-quick',
-  eases: 'ease-out',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '100%': [
-      { property: 'transform', is: 'transform-right' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_pop_in.ts

@@ -1,23 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const POP_IN = {
-  id: 'pop-in',
-  runs: 'motion-normal',
-  eases: 'ease-spring',
-
-  fills: 'backwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-shrink' },
-    ],
-    '70%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-swell' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_pop_out.ts

@@ -1,22 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const POP_OUT = {
-  id: 'pop-out',
-  runs: 'motion-quick',
-  eases: 'ease-in',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '30%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-swell' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-shrink' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_press.ts

@@ -1,12 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const PRESS = {
-  id: 'press',
-  runs: 'motion-quick',
-  eases: 'ease-out',
-  stops: {
-    '0%': [{ property: 'transform', is: 'transform-rest' }],
-    '50%': [{ property: 'transform', is: 'transform-press' }],
-    '100%': [{ property: 'transform', is: 'transform-rest' }],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_pulse.ts

@@ -1,13 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const PULSE = {
-  id: 'pulse',
-  runs: 'motion-slow',
-  eases: 'ease-in-out',
-  repeats: 'infinite',
-  stops: {
-    '0%': [{ property: 'opacity', is: 'opacity-full' }],
-    '50%': [{ property: 'opacity', is: 'opacity-muted' }],
-    '100%': [{ property: 'opacity', is: 'opacity-full' }],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_rise.ts

@@ -1,19 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const RISE = {
-  id: 'rise',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-
-  fills: 'backwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-below' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_shake.ts

@@ -1,13 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const SHAKE = {
-  id: 'shake',
-  runs: 'motion-quick',
-  eases: 'ease-in-out',
-  stops: {
-    '0%': [{ property: 'transform', is: 'transform-rest' }],
-    '25%': [{ property: 'transform', is: 'transform-left' }],
-    '75%': [{ property: 'transform', is: 'transform-right' }],
-    '100%': [{ property: 'transform', is: 'transform-rest' }],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_slide_in_left.ts

@@ -1,19 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const SLIDE_IN_LEFT = {
-  id: 'slide-in-left',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-
-  fills: 'backwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-far-left' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_slide_in_right.ts

@@ -1,19 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const SLIDE_IN_RIGHT = {
-  id: 'slide-in-right',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-
-  fills: 'backwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-far-right' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_slide_out_left.ts

@@ -1,18 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const SLIDE_OUT_LEFT = {
-  id: 'slide-out-left',
-  runs: 'motion-quick',
-  eases: 'ease-in',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-far-left' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_slide_out_right.ts

@@ -1,18 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const SLIDE_OUT_RIGHT = {
-  id: 'slide-out-right',
-  runs: 'motion-quick',
-  eases: 'ease-in',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-far-right' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_spin.ts

@@ -1,12 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const SPIN = {
-  id: 'spin',
-  runs: 'motion-slow',
-  eases: 'ease-steady',
-  repeats: 'infinite',
-  stops: {
-    '0%': [{ property: 'transform', is: 'transform-rest' }],
-    '100%': [{ property: 'transform', is: 'transform-turn' }],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_swell.ts

@@ -1,16 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const SWELL = {
-  id: 'swell',
-  runs: 'motion-quick',
-  eases: 'ease-out',
-  fills: 'forwards',
-  stops: {
-    '0%': [
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '100%': [
-      { property: 'transform', is: 'transform-swell' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_wobble.ts

@@ -1,24 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const WOBBLE = {
-  id: 'wobble',
-  runs: 'motion-slow',
-  eases: 'ease-in-out',
-  stops: {
-    '0%': [
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '25%': [
-      { property: 'transform', is: 'transform-tilt' },
-    ],
-    '50%': [
-      { property: 'transform', is: 'transform-rest' },
-    ],
-    '75%': [
-      { property: 'transform', is: 'transform-tilt-back' },
-    ],
-    '100%': [
-      { property: 'transform', is: 'transform-rest' },
-    ],
-  },
-} as const satisfies Animation

package/dist/ui/animations/anm_zoom_in.ts

@@ -1,19 +0,0 @@
-import type { Animation } from '../animations.ts'
-
-export const ZOOM_IN = {
-  id: 'zoom-in',
-  runs: 'motion-normal',
-  eases: 'ease-out',
-
-  fills: 'backwards',
-  stops: {
-    '0%': [
-      { property: 'opacity', is: 'opacity-none' },
-      { property: 'transform', is: 'transform-grow' },
-    ],
-    '100%': [
-      { property: 'opacity', is: 'opacity-full' },
-      { property: 'transform', is: 'transform-rest' },
-    ],
-  },
-} as const satisfies Animation