AI_Assistant/openscad-playground
Watch
1
0
Fork
You've already forked openscad-playground
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CMMS embedding: follow the CMMS light/dark theme
Some checks failed
Test Build / Node v26 (push) Has been cancelled
Details
Test Build / Node v24 (push) Has been cancelled
Details
Test Build / Node v22 (push) Has been cancelled
Details

Browse source 
window.CMMS_SCAD_CONFIG.dark (set by edit.php from theme_is_dark()) now
drives: the primereact theme (runtime <link> to a bundled
primereact-theme-{light,dark}.css instead of a static light import), the
Monaco editor theme (vs-dark / light), and a body.cmms-dark class that
overrides the light-hardcoded bits in public/index.html. Standalone use
is unchanged (light).
This commit is contained in:
AI Assistant 2026-08-31 11:36:54 +10:00
commit 0e80cde156
5 changed files with 14174 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
public/index.html
View file

@ -118,6 +118,15 @@
} }
.github-fork-ribbon:before { background-color: #333; } .github-fork-ribbon:before { background-color: #333; }
/* CMMS embedding hook (patch): when loaded dark inside the CMMS, the
body gets .cmms-dark (src/index.tsx). Override the light-hardcoded
bits above; the primereact theme and Monaco theme are switched
separately. */
body.cmms-dark { background-color: #1e1e1e; color: #e6e6e6; }
body.cmms-dark .p-fieldset-legend { background-color: rgba(0,0,0,0.4) !important; }
body.cmms-dark .monaco-editor,
body.cmms-dark .openscad-editor { background-color: rgba(30,30,30,0.5) !important; }
</style> </style>
</head> </head>
<body> <body>

7078
public/primereact-theme-dark.css Normal file
View file

File diff suppressed because it is too large Load diff

7068
public/primereact-theme-light.css Normal file
View file

File diff suppressed because it is too large Load diff

2
src/components/EditorPanel.tsx
View file

@ -170,6 +170,8 @@ export default function EditorPanel({className, style}: {className?: string, sty
defaultLanguage="openscad" defaultLanguage="openscad"
path={state.params.activePath} path={state.params.activePath}
value={model.source} value={model.source}
/* CMMS embedding hook (patch): follow the CMMS light/dark theme. */
theme={(window as any).CMMS_SCAD_CONFIG?.dark ? 'vs-dark' : 'light'}
onChange={s => model.source = s ?? ''} onChange={s => model.source = s ?? ''}
onMount={onMount} // TODO: This looks a bit silly, does it trigger a re-render?? onMount={onMount} // TODO: This looks a bit silly, does it trigger a re-render??
options={{ options={{

18
src/index.tsx
View file

@ -15,11 +15,26 @@ import { isInStandaloneMode, registerCustomAppHeightCSSProperty } from './utils.
import { State, StatePersister } from './state/app-state.ts'; import { State, StatePersister } from './state/app-state.ts';
import { writeStateInFragment } from "./state/fragment-state.ts"; import { writeStateInFragment } from "./state/fragment-state.ts";
import "primereact/resources/themes/lara-light-indigo/theme.css"; // primereact base + icons + flex are theme-agnostic; the actual light/dark
// theme is a runtime <link> (see below) so a CMMS-embedded session can follow
// the CMMS user's active light/dark palette. Standalone use gets the light one.
import "primereact/resources/primereact.min.css"; import "primereact/resources/primereact.min.css";
import "primeicons/primeicons.css"; import "primeicons/primeicons.css";
import "primeflex/primeflex.min.css"; import "primeflex/primeflex.min.css";
// CMMS embedding hook (patch, not upstream): window.CMMS_SCAD_CONFIG.dark is
// set by public/vendor/openscad-playground/edit.php from theme_is_dark().
const cmmsScadDark = !!(window as any).CMMS_SCAD_CONFIG?.dark;
{
const themeLink = document.createElement('link');
themeLink.rel = 'stylesheet';
themeLink.href = cmmsScadDark ? './primereact-theme-dark.css' : './primereact-theme-light.css';
document.head.appendChild(themeLink);
if (cmmsScadDark && document.body) {
document.body.classList.add('cmms-dark');
}
}
const log = debug('app:log'); const log = debug('app:log');
if (process.env.NODE_ENV !== 'production') { if (process.env.NODE_ENV !== 'production') {
@ -46,6 +61,7 @@ interface CmmsScadConfig {
jobId: string; jobId: string;
csrfToken: string; csrfToken: string;
originalName: string; originalName: string;
dark?: boolean;
} }
declare global { declare global {
interface Window { CMMS_SCAD_CONFIG?: CmmsScadConfig; } interface Window { CMMS_SCAD_CONFIG?: CmmsScadConfig; }