<\/div>/,
+ renderStaticRoot(doc, docs, docsBySlug)
+ );
+}
+
+function writeDocPage(template, doc, docs, docsBySlug, slug = doc.slug) {
+ const outputDir = path.join(distDir, 'docs', slug);
+ const docPageHtml = generateDocPage(template, doc, docs, docsBySlug);
+ mkdirSync(outputDir, { recursive: true });
+ writeFileSync(path.join(outputDir, 'index.html'), docPageHtml);
+
+ if (slug) {
+ writeFileSync(path.join(distDir, 'docs', `${slug}.html`), docPageHtml);
+ }
+}
+
+function writeSitemap(docs) {
+ const urls = ['/', ...docs.map((doc) => `/docs/${doc.slug}`)];
+ const body = urls
+ .map((url) => `
${siteUrl}${url === '/' ? '/' : url}`)
+ .join('\n');
+ writeFileSync(
+ path.join(distDir, 'sitemap.xml'),
+ `\n
\n${body}\n\n`
+ );
+}
+
+function writeRobots() {
+ writeFileSync(
+ path.join(distDir, 'robots.txt'),
+ `User-agent: *\nAllow: /\n\nSitemap: ${siteUrl}/sitemap.xml\n`
+ );
+}
+
+if (!existsSync(distIndexPath)) {
+ throw new Error('dist/index.html was not found. Run this script after vite build.');
+}
+
+const docs = parseDocs();
+const docsBySlug = new Map(docs.map((doc) => [doc.slug, doc]));
+const template = readFileSync(distIndexPath, 'utf8');
+const overviewDoc = docsBySlug.get('overview') ?? docs[0];
+
+docs.forEach((doc) => writeDocPage(template, doc, docs, docsBySlug));
+if (overviewDoc) writeDocPage(template, overviewDoc, docs, docsBySlug, '');
+writeSitemap(docs);
+writeRobots();
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index f6dc91e..99efa6e 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -1907,7 +1907,7 @@ dependencies = [
[[package]]
name = "kromacut"
-version = "3.0.0"
+version = "3.1.0"
dependencies = [
"log",
"reqwest 0.12.28",
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 83e6f1a..3be2eaa 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
[package]
name = "kromacut"
-version = "3.0.0"
+version = "3.1.0"
description = "Kromacut - Multi-color lithophane 3D print generator"
authors = ["vycdev"]
license = "AGPL-3.0-only"
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 39c2ef7..3405864 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -1,7 +1,7 @@
{
"$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
"productName": "Kromacut",
- "version": "3.0.0",
+ "version": "3.1.0",
"identifier": "com.kromacut.lithophane",
"build": {
"frontendDist": "../dist",
diff --git a/src/App.tsx b/src/App.tsx
index 865a675..aab12b8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -34,7 +34,9 @@ import { UpdateChecker } from './components/UpdateChecker';
import ProgressOverlay from './components/ProgressOverlay';
import DocsPage from './components/docs/DocsPage';
import { defaultDocSlug } from './docs';
-import { buildDocsHash, parseDocsHash } from './lib/docs/navigation';
+import { loadCameraMode, saveCameraMode } from './lib/cameraPrefs';
+import { buildDocsPath, parseDocsLocation } from './lib/docs/navigation';
+import { applyHomeSeo } from './lib/seo';
import {
AlertDialog,
AlertDialogContent,
@@ -78,6 +80,7 @@ type AutoPaintPersisted = Pick<
| 'allowRepeatedSwaps'
| 'heightDithering'
| 'ditherLineWidth'
+ | 'flatPaint'
>;
const loadAutoPaintPersisted = (): AutoPaintPersisted | null => {
@@ -104,6 +107,7 @@ const loadAutoPaintPersisted = (): AutoPaintPersisted | null => {
allowRepeatedSwaps: parsed.allowRepeatedSwaps ?? false,
heightDithering: parsed.heightDithering ?? false,
ditherLineWidth: parsed.ditherLineWidth,
+ flatPaint: parsed.flatPaint ?? false,
};
} catch {
return null;
@@ -197,7 +201,8 @@ function App(): React.ReactElement | null {
const [adjustmentsEpoch, setAdjustmentsEpoch] = useState(0);
// UI mode toggles (2D / 3D) - UI only for now
const [mode, setMode] = useState<'2d' | '3d'>('2d');
- const [docsOpen, setDocsOpen] = useState(() => parseDocsHash(window.location.hash) !== null);
+ const [docsOpen, setDocsOpen] = useState(() => parseDocsLocation(window.location) !== null);
+ const [isOrtho, setIsOrtho] = useState(loadCameraMode);
const [exportingSTL, setExportingSTL] = useState(false);
const [exportProgress, setExportProgress] = useState(0); // 0..1
const [exportStep, setExportStep] = useState
({
@@ -211,11 +216,15 @@ function App(): React.ReactElement | null {
threeDState,
setThreeDState,
threeDBuildSignal,
+ builtThreeDState,
+ builtFlatPaint,
buildWarning,
handleThreeDStateChange,
confirmBuild,
cancelBuild,
} = useBuildWarning({ imageSrc });
+ const builtModelState = builtThreeDState ?? threeDState;
+ const builtModelAutoPaint = builtModelState.paintMode === 'autopaint';
// Hydrate threeDState once with persisted autopaint data
const [autopaintHydrated] = useState(() => {
@@ -236,6 +245,7 @@ function App(): React.ReactElement | null {
allowRepeatedSwaps: autopaintHydrated.allowRepeatedSwaps ?? prev.allowRepeatedSwaps,
heightDithering: autopaintHydrated.heightDithering ?? prev.heightDithering,
ditherLineWidth: autopaintHydrated.ditherLineWidth ?? prev.ditherLineWidth,
+ flatPaint: autopaintHydrated.flatPaint ?? prev.flatPaint,
}));
}
// eslint-disable-next-line react-hooks/exhaustive-deps
@@ -254,6 +264,7 @@ function App(): React.ReactElement | null {
allowRepeatedSwaps: threeDState.allowRepeatedSwaps,
heightDithering: threeDState.heightDithering,
ditherLineWidth: threeDState.ditherLineWidth,
+ flatPaint: threeDState.flatPaint,
});
}, [
threeDState.filaments,
@@ -265,6 +276,7 @@ function App(): React.ReactElement | null {
threeDState.allowRepeatedSwaps,
threeDState.heightDithering,
threeDState.ditherLineWidth,
+ threeDState.flatPaint,
]);
// No auto-build on tab switch — the user must click "Build 3D Model" / "Apply Changes".
@@ -279,22 +291,28 @@ function App(): React.ReactElement | null {
}, [imageSrc]);
useEffect(() => {
- const syncDocsHash = () => {
- const target = parseDocsHash(window.location.hash);
+ const syncDocsLocation = () => {
+ const target = parseDocsLocation(window.location);
setDocsOpen(target !== null);
};
- window.addEventListener('hashchange', syncDocsHash);
- return () => window.removeEventListener('hashchange', syncDocsHash);
+ window.addEventListener('hashchange', syncDocsLocation);
+ window.addEventListener('popstate', syncDocsLocation);
+ return () => {
+ window.removeEventListener('hashchange', syncDocsLocation);
+ window.removeEventListener('popstate', syncDocsLocation);
+ };
}, []);
+ useEffect(() => {
+ if (!docsOpen) {
+ applyHomeSeo();
+ }
+ }, [docsOpen]);
+
const backToApp = () => {
setDocsOpen(false);
- if (parseDocsHash(window.location.hash)) {
- window.history.pushState(
- null,
- '',
- `${window.location.pathname}${window.location.search}`
- );
+ if (parseDocsLocation(window.location)) {
+ window.history.pushState(null, '', '/');
}
};
@@ -305,8 +323,8 @@ function App(): React.ReactElement | null {
}
setDocsOpen(true);
- if (!parseDocsHash(window.location.hash)) {
- window.history.pushState(null, '', buildDocsHash(defaultDocSlug));
+ if (!parseDocsLocation(window.location)) {
+ window.history.pushState(null, '', buildDocsPath(defaultDocSlug));
}
};
@@ -403,11 +421,11 @@ function App(): React.ReactElement | null {
exportObjectToStlBlob,
exportObjectTo3MFBlob: (obj, onProgress, onZipProgress) =>
exportObjectTo3MFBlob(obj, {
- layerHeight: threeDState.layerHeight,
- firstLayerHeight: threeDState.slicerFirstLayerHeight,
+ layerHeight: builtModelState.layerHeight,
+ firstLayerHeight: builtModelState.slicerFirstLayerHeight,
layerFilamentColors:
- threeDState.paintMode === 'autopaint'
- ? threeDState.autoPaintFilamentSwatches?.map((s) => s.hex)
+ builtModelAutoPaint
+ ? builtModelState.autoPaintFilamentSwatches?.map((s) => s.hex)
: undefined,
onProgress,
onZipProgress,
@@ -428,12 +446,8 @@ function App(): React.ReactElement | null {
invalidate();
setImage(tdTestImg, true);
setMode('2d');
- if (parseDocsHash(window.location.hash)) {
- window.history.pushState(
- null,
- '',
- `${window.location.pathname}${window.location.search}`
- );
+ if (parseDocsLocation(window.location)) {
+ window.history.pushState(null, '', '/');
}
setDocsOpen(false);
}}
@@ -600,6 +614,8 @@ function App(): React.ReactElement | null {
setThreeDState((prev) => ({ ...prev, ...partial }))
@@ -646,31 +662,33 @@ function App(): React.ReactElement | null {
{exportingSTL && (
+ setIsOrtho((v) => {
+ const next = !v;
+ saveCameraMode(next);
+ return next;
+ })
+ }
/>