= ({ docsOpen, onBackToApp, onOpenDocs }) =
)}
+
+ Experimental
+
+
+
+
+
+
Kromacut
v{appVersion}
diff --git a/src/components/PrintUnlockEffect.tsx b/src/components/PrintUnlockEffect.tsx
index 301fe64..7ba1089 100644
--- a/src/components/PrintUnlockEffect.tsx
+++ b/src/components/PrintUnlockEffect.tsx
@@ -11,8 +11,8 @@ function prefersReducedMotion(): boolean {
}
/**
- * A quick, self-timing FDM "print build" flourish that plays when the hidden
- * feat35 code (see src/hooks/useSecretCode.ts) unlocks multi-image mode. It
+ * A quick, self-timing FDM "print build" flourish that plays when the
+ * experimental "Multi-plate mode" settings toggle is switched on. It
* renders a full-screen, click-through overlay of a filament object printing
* layer-by-layer with a sweeping nozzle, then calls `onDone` so the parent can
* unmount it. Bows out immediately for anyone who prefers reduced motion.
diff --git a/src/hooks/useSecretCode.ts b/src/hooks/useSecretCode.ts
deleted file mode 100644
index 14e75a8..0000000
--- a/src/hooks/useSecretCode.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { useEffect, useRef } from 'react';
-
-function isEditableTarget(target: EventTarget | null): boolean {
- if (!(target instanceof HTMLElement)) return false;
- const tag = target.tagName;
- return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || target.isContentEditable;
-}
-
-/**
- * Fires `onMatch` the moment `code` is typed anywhere on the page, Chrome
- * "thisisunsafe"-style — no input box, no visible prompt, keys typed into
- * form fields don't count.
- */
-export function useSecretCode(code: string, onMatch: () => void): void {
- const bufferRef = useRef('');
- const onMatchRef = useRef(onMatch);
- onMatchRef.current = onMatch;
- const target = code.toLowerCase();
-
- useEffect(() => {
- const onKeyDown = (e: KeyboardEvent) => {
- if (isEditableTarget(e.target) || e.key.length !== 1) return;
- bufferRef.current = (bufferRef.current + e.key.toLowerCase()).slice(-target.length);
- if (bufferRef.current === target) {
- bufferRef.current = '';
- onMatchRef.current();
- }
- };
- window.addEventListener('keydown', onKeyDown);
- return () => window.removeEventListener('keydown', onKeyDown);
- }, [target]);
-}
diff --git a/src/index.css b/src/index.css
index 6b1c068..b75b515 100644
--- a/src/index.css
+++ b/src/index.css
@@ -453,10 +453,11 @@ input[type='number'] {
}
/* ---------------------------------------------------------------------------
- * feat35 print-unlock effect: a quick FDM "print build" flourish that plays
- * when the hidden code (see src/hooks/useSecretCode.ts) reveals multi-image
- * mode. A filament object prints layer-by-layer while a nozzle sweeps, then
- * the whole thing fades out. See src/components/PrintUnlockEffect.tsx.
+ * Multi-plate unlock effect: a quick FDM "print build" flourish that plays
+ * when the experimental "Multi-plate mode" settings toggle is switched on.
+ * A filament object prints layer-by-layer while a nozzle sweeps, then the
+ * whole thing fades out. See src/components/PrintUnlockEffect.tsx.
+ * (The `feat35-*` class names are kept as stable style identifiers.)
* ------------------------------------------------------------------------- */
.feat35-overlay {
position: fixed;
diff --git a/src/lib/experimentalFeatures.ts b/src/lib/experimentalFeatures.ts
new file mode 100644
index 0000000..507662b
--- /dev/null
+++ b/src/lib/experimentalFeatures.ts
@@ -0,0 +1,57 @@
+export const MULTIPLATE_ENABLED_STORAGE_KEY = 'kromacut:experimental-multiplate';
+export const MULTIPLATE_ENABLED_CHANGED_EVENT = 'kromacut:experimental-multiplate-changed';
+
+const DEFAULT_MULTIPLATE_ENABLED = false;
+
+export function getMultiPlateEnabled(): boolean {
+ if (typeof window === 'undefined') {
+ return DEFAULT_MULTIPLATE_ENABLED;
+ }
+
+ try {
+ return window.localStorage.getItem(MULTIPLATE_ENABLED_STORAGE_KEY) === 'true';
+ } catch {
+ return DEFAULT_MULTIPLATE_ENABLED;
+ }
+}
+
+export function saveMultiPlateEnabled(enabled: boolean) {
+ if (typeof window === 'undefined') {
+ return;
+ }
+
+ try {
+ window.localStorage.setItem(MULTIPLATE_ENABLED_STORAGE_KEY, String(enabled));
+ } catch {
+ // The in-session preference should still update if storage is blocked.
+ }
+
+ window.dispatchEvent(
+ new CustomEvent(MULTIPLATE_ENABLED_CHANGED_EVENT, { detail: enabled })
+ );
+}
+
+export function subscribeToMultiPlateEnabled(onChange: (enabled: boolean) => void) {
+ if (typeof window === 'undefined') {
+ return () => {};
+ }
+
+ const handlePreferenceChange = (event: Event) => {
+ const detail = (event as CustomEvent).detail;
+ onChange(typeof detail === 'boolean' ? detail : getMultiPlateEnabled());
+ };
+
+ const handleStorageChange = (event: StorageEvent) => {
+ if (event.key === MULTIPLATE_ENABLED_STORAGE_KEY) {
+ onChange(getMultiPlateEnabled());
+ }
+ };
+
+ window.addEventListener(MULTIPLATE_ENABLED_CHANGED_EVENT, handlePreferenceChange);
+ window.addEventListener('storage', handleStorageChange);
+
+ return () => {
+ window.removeEventListener(MULTIPLATE_ENABLED_CHANGED_EVENT, handlePreferenceChange);
+ window.removeEventListener('storage', handleStorageChange);
+ };
+}
From 3fc9f7cab877c5c789fec639cc9e410df5a41db8 Mon Sep 17 00:00:00 2001
From: Brice Johnson <1939015+Bjohnson131@users.noreply.github.com>
Date: Wed, 22 Jul 2026 22:37:30 -0500
Subject: [PATCH 4/4] add CHANGELOG.md entry.
Signed-off-by: Brice Johnson <1939015+Bjohnson131@users.noreply.github.com>
---
CHANGELOG.md | 1 +
1 file changed, 1 insertion(+)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 28c9cc4..6f3371a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,7 @@ All notable changes to Kromacut are documented in this file.
- **2D touch-up tools** - The 2D preview toolbar now includes five hard-edged pixel tools (Brush, Eraser, Fill, Text, and color picker) for direct image editing with palette-safe colors, an on-canvas text box you type into directly with live move, resize, and word wrap, one undo/redo step per edit, and live non-blocking drawing with adjustments staying non-destructive.
- **Calibration theory docs** - New in-app documentation page explaining the science behind filament calibration: the frontlit Beer-Lambert optical model and hiding distance, why the wedge's reference-rail comparison is reliable without a camera, how a single patch read becomes a hiding distance through a just-noticeable-difference solve, per-channel measurement with multiple bases, the session JND fit, and what the confidence score reflects — illustrated with three new diagrams. The Calibrate Filaments dialog links straight to it.
- **Reddit community links** - Added r/kromacut links to the app settings and README.
+- **Experimental multi-plate mode** - Added an experimental mode for multi-plate projects, where one image may be separated into multiple prints.
### Changed