bluedither 1.0.19 → 1.0.20

package/fine-tuner/inject.js

@@ -10,6 +10,10 @@
  */
 
 (async function () {
+  // Prevent double-init (React StrictMode re-fires effects in dev)
+  if (window.__BD_INJECT_LOADED__) return;
+  window.__BD_INJECT_LOADED__ = true;
+
   // Find the base path to bluedither/ directory
   const scriptEl = document.currentScript;
   const scriptSrc = scriptEl?.src || '';

package/fine-tuner/tuner.js

@@ -9,6 +9,10 @@
  * - Real-time shader parameter updates
  */
 
+// Prevent double-init (React StrictMode re-fires effects in dev)
+if (!window.__BD_TUNER_LOADED__) {
+window.__BD_TUNER_LOADED__ = true;
+
 const tokens = structuredClone(
   window.__BD_TOKENS__ ||
   JSON.parse(document.querySelector('script[type="application/json"][data-bluedither-tokens]')?.textContent || '{}')
@@ -341,17 +345,17 @@ function addSegmented(section, label, tokenPath, options, extraCb) {
 
 // ── Colors ──
 const colorsSection = addSection('Colors');
-addColor(colorsSection, 'Background', 'colors.background', '--bd-color-background');
+addColor(colorsSection, 'Background', 'colors.background', '--bd-bg');
 // Shader Front is declared first (but appended later) so Primary can reference it
 let shaderFrontHandle;
-addColor(colorsSection, 'Primary', 'colors.primary', '--bd-color-primary', (v) => {
+addColor(colorsSection, 'Primary', 'colors.primary', '--bd-primary', (v) => {
   // Sync shader front color: update token, UI, and live shader
   shaderFrontHandle.setValue(v);
   updateShader('colorFront', v);
 });
-addColor(colorsSection, 'Text', 'colors.text', '--bd-color-text');
-addColor(colorsSection, 'CTA Background', 'colors.ctaBackground', '--bd-color-cta-bg');
-addColor(colorsSection, 'CTA Text', 'colors.ctaText', '--bd-color-cta-text');
+addColor(colorsSection, 'Text', 'colors.text', '--bd-text');
+addColor(colorsSection, 'CTA Background', 'colors.ctaBackground', '--bd-cta-bg');
+addColor(colorsSection, 'CTA Text', 'colors.ctaText', '--bd-cta-text');
 shaderFrontHandle = addColor(colorsSection, 'Shader Front', 'colors.shaderFront', null, (v) => updateShader('colorFront', v));
 
 // ── Typography ──
@@ -360,8 +364,8 @@ addFontDropdown(typoSection, 'Primary Font', 'typography.primaryFont', '--bd-fon
 addFontDropdown(typoSection, 'Secondary Font', 'typography.secondaryFont', '--bd-font-secondary');
 addPxField(typoSection, 'Headline Size', 'typography.headline.referencePx', 32, 300, 1, '--bd-headline-size');
 addPxField(typoSection, 'Headline LH', 'typography.headline.lineHeightPx', 24, 280, 1, '--bd-headline-lh');
-addPxField(typoSection, 'Sub Size', 'typography.subHeadline.referencePx', 10, 48, 1, '--bd-subheadline-size');
-addPxField(typoSection, 'Sub LH', 'typography.subHeadline.lineHeightPx', 12, 80, 1, '--bd-subheadline-lh');
+addPxField(typoSection, 'Sub Size', 'typography.subHeadline.referencePx', 10, 48, 1, '--bd-sub-size');
+addPxField(typoSection, 'Sub LH', 'typography.subHeadline.lineHeightPx', 12, 80, 1, '--bd-sub-lh');
 addPxField(typoSection, 'Logo Size', 'typography.logo.referencePx', 12, 80, 1, '--bd-logo-size');
 addPxField(typoSection, 'Nav Size', 'typography.navItem.referencePx', 10, 48, 1, '--bd-nav-size');
 
@@ -499,3 +503,4 @@ commitBtn.onclick = async () => {
   }
 };
 panel.appendChild(commitBtn);
+} // end guard

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bluedither",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "A bold, dithered-shader hero theme for Claude Code — skill + fine-tuner",
   "type": "module",
   "bin": {