three-slicer 0.1.5 → 0.1.7

package/viewer/styles.css

@@ -18,12 +18,25 @@
 .tb-btn { display: inline-flex; align-items: center; gap: 5px; background: #20272f; border: 1px solid #2c353d;
   color: #cdd6dd; border-radius: 6px; padding: 4px 10px; cursor: pointer; font-size: 12px; }
 .tb-btn img { width: 15px; height: 15px; }
-.tb-btn:hover { background: #28313a; }
+.tb-btn:hover:not(:disabled) { background: #28313a; }
+.tb-btn:disabled { color: #5a6570; cursor: not-allowed; opacity: .6; }
+/* The button that is mid-export. It is disabled too, so it must override the greyed-out look — the running action
+   is the one thing on screen that should not look inert. The animation is CSS so it keeps running while the main
+   thread is inside the synchronous half of the write; it stalls only for that stretch, which is the honest signal. */
+.tb-btn.tb-busy:disabled { color: #cdd6dd; opacity: 1; cursor: progress; border-color: #00ae42; animation: tb-pulse 1s ease-in-out infinite; }
+@keyframes tb-pulse { 0%, 100% { background: #20272f; } 50% { background: #23402c; } }
 .tb-tabs { display: flex; border: 1px solid #2c353d; border-radius: 8px; overflow: hidden; flex: 0 0 auto; }
 .tb-tabs button { padding: 6px 24px; border: 0; background: #1a2027; color: #9fb3c0; font-weight: 600; font-size: 13px; cursor: pointer; }
 .tb-tabs button.on { background: #00ae42; color: #fff; }
 .tb-tabs button:disabled { color: #5a6570; cursor: not-allowed; }
-.tb-icon { width: 28px; height: 28px; border: 1px solid #2c353d; background: #20272f; color: #7d8b96; border-radius: 6px; font-size: 15px; cursor: not-allowed; }
+/* Undo/redo. Written while these two were permanent placeholders, so the BASE rule carried the disabled look —
+   dim text and cursor:not-allowed — and there was no enabled, hover or pressed state at all. Now that they work,
+   the base is the live look and :disabled carries the dim one, the same split .tb-btn above uses. */
+.tb-icon { width: 28px; height: 28px; border: 1px solid #2c353d; background: #20272f; color: #cdd6dd;
+  border-radius: 6px; font-size: 15px; cursor: pointer; }
+.tb-icon:hover:not(:disabled) { background: #28313a; color: #fff; border-color: #3a4550; }
+.tb-icon:active:not(:disabled) { background: #171d23; }
+.tb-icon:disabled { color: #5a6570; cursor: not-allowed; opacity: .6; }
 
 /* S3 left gizmo rail */
 .left-rail { flex: 0 0 48px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 9px 0;
@@ -143,7 +156,11 @@
 .fil-paint.on { background: #2b6cff; border-color: #2b6cff; }
 
 .obj-list2 { list-style: none; margin: 0 0 6px; padding: 0; }
-.obj-list2 li { display: flex; align-items: center; gap: 6px; padding: 3px 0; font-size: 12px; }
+
+.obj-list2 li { display: flex; align-items: center; gap: 6px; padding: 3px 0; font-size: 12px; cursor: pointer; }
+/* A row of the object list that is part of the current selection. The card is light and the row text is near-black
+   (.obj-name is #24282e), so the tint has to be a LIGHT green — a dark one swallows the name it is highlighting. */
+.obj-list2 li.obj-selected { background: #e3f6ea; box-shadow: inset 2px 0 0 #00ae42; }
 .obj-list2 li.obj-hidden { opacity: .5; }
 .obj-eye { border: 0; background: none; cursor: pointer; font-size: 13px; padding: 0; }
 .obj-list2 .obj-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #24282e; }
@@ -179,6 +196,12 @@
 
 .vp-canvas { position: absolute; inset: 0; }
 .vp-canvas canvas { display: block; }
+/* The 3D view holds focus so Ctrl+Z can be scoped to this component instead of window — the focus itself stays,
+   only its ring is dropped. :focus-visible has to go with it: the focus is taken by a script (`focus()` in the
+   view's own pointerdown), and a scripted focus matches :focus-visible in Chrome even when the pointer caused it,
+   so a plain click drew the ring the :focus rule below was written to prevent. CSS cannot tell that click apart
+   from a Tab, so a keyboard user gets no ring here; the gizmo rail and the panels keep theirs. */
+.vp-canvas:focus, .vp-canvas:focus-visible { outline: none; }
 .vp-canvas.fail { display: flex; align-items: center; justify-content: center; }
 .vp-fallback { color: #f0c9a8; padding: 24px; text-align: center; max-width: 560px; line-height: 1.5; }
 .vp-status { position: absolute; bottom: 8px; left: 12px; right: 12px; z-index: 1;
@@ -306,3 +329,8 @@
   border-radius: 4px; padding: 2px 3px; font-size: 11px; }
 .sc-num input { width: 62px; background: #1a2027; border: 1px solid #2c353d; color: #cdd6dd; border-radius: 4px;
   padding: 2px 5px; font-size: 12px; margin-left: 4px; }
+
+/* A panel shown but not editable (panels={{ printerCard: 'readonly' }}). `inert` on the wrapper already blocks
+   pointer, keyboard and focus — this only has to make that legible, or the card reads as broken rather than locked. */
+.vp-readonly { opacity: .62; cursor: default; }
+.vp-readonly * { cursor: default !important; }

package/types/gen_settings_types.mjs

@@ -1,70 +0,0 @@
-// config-schema.json -> types/settings-keys.d.ts (the SlicerSettings interface, 907 keys).
-// Regenerate: node types/gen_settings_types.mjs      (do not hand-edit — fix this script instead)
-//
-// ponytail: mapping is driven purely by the schema's coXxx type. min/max and nullable are not reflected in types
-//   (they are runtime validation, not type validation, and 907 keys x branded number slows tsc down).
-import { readFileSync, writeFileSync, mkdirSync } from 'node:fs'
-import { dirname, resolve } from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-const here = dirname(fileURLToPath(import.meta.url))
-const schema = JSON.parse(readFileSync(resolve(here, '../data/config-schema.json'), 'utf8'))
-
-const lit = (v) => "'" + String(v).replace(/\\/g, '\\\\').replace(/'/g, "\\'") + "'"
-// Some coEnum entries have no enum_values (70/64 mismatch) -> fail open to string.
-const enumOf = (o) => (Array.isArray(o.enum_values) && o.enum_values.length)
-  ? o.enum_values.map(lit).join(' | ')
-  : 'string'
-
-// Vector types are `T[] | T` — settingScalar() accepts both, and the UI edits only the first element (settings.js:9).
-const vec = (t) => `${/\|/.test(t) ? `(${t})` : t}[] | ${/\|/.test(t) ? `(${t})` : t}`
-
-function tsType(o) {
-  switch (o.type) {
-    case 'coBool': return 'boolean'
-    case 'coBools': return vec('boolean')
-    case 'coInt': case 'coFloat': case 'coPercent': return 'number'
-    case 'coInts': case 'coFloats': case 'coPercents': return vec('number')
-    case 'coFloatOrPercent': return 'number | string'
-    case 'coFloatsOrPercents': return vec('number | string')
-    case 'coString': return 'string'
-    case 'coStrings': return vec('string')
-    case 'coEnum': return enumOf(o)
-    case 'coEnums': return vec(enumOf(o))
-    case 'coPoint': return 'Point'
-    case 'coPoints': return 'Point[]'
-    case 'coPointsGroups': return 'Point[][]'
-    default: return 'unknown'
-  }
-}
-
-const esc = (s) => String(s).replace(/\*\//g, '*\\/')
-const ident = (k) => /^[A-Za-z_$][\w$]*$/.test(k) ? k : lit(k).replace(/^'|'$/g, (m) => m === "'" ? "'" : m)
-
-const lines = []
-for (const key of Object.keys(schema).sort()) {
-  const o = schema[key]
-  const doc = [o.label, o.sidetext ? `(${o.sidetext})` : '', o.tooltip].filter(Boolean).join(' — ')
-  if (doc) lines.push(`  /** ${esc(doc).replace(/\s*\n\s*/g, ' ')} */`)
-  const name = /^[A-Za-z_$][\w$]*$/.test(key) ? key : lit(key)
-  lines.push(`  ${name}?: ${tsType(o)}`)
-}
-
-writeFileSync(resolve(here, 'settings-keys.d.ts'), `// AUTO-GENERATED by types/gen_settings_types.mjs — DO NOT EDIT.
-// Source: data/config-schema.json (${Object.keys(schema).length} keys)
-
- /** [x, y] — coPoint family */
-export type Point = [number, number]
-
-/**
-  * Slicer settings map. Sparse — it holds only edited keys; missing keys use the config-schema default.
-  * If you need arbitrary key extension, widen it with \`SlicerSettings & Record<string, unknown>\`.
- */
-export interface SlicerSettings {
-${lines.join('\n')}
-}
-
- /** Setting keys that exist in config-schema */
-export type SettingKey = keyof SlicerSettings & string
-`)
-console.log(`settings-keys.d.ts written — ${Object.keys(schema).length} keys`)