lanre-ds 0.0.0-stage → 0.2.0

package/tokens/worlds.css

@@ -0,0 +1,73 @@
+/* World themes for the Birthday Adventure. Put data-world="<id>" on a screen, section or component root;
+   everything inside reads --world-*. Defaults (:root) are the generic meadow. Summit is the author’s letter, not a contributor world.
+   Scenery: --world-sky-low is the sky's horizon colour (the sky runs --world-sky → --world-sky-low), and --prop-hill and
+   --prop-bush-hi / --prop-bush / --prop-bush-lo paint the CSS hills and bushes that stand in for painted art. */
+:root {
+  --world-name: "Meadow";
+  --world-sky: oklch(0.85 0.17 132); --world-ground: oklch(0.74 0.19 136); --world-ground-deep: oklch(0.58 0.16 140);
+  --world-accent: var(--blue-500); --world-accent-shade: var(--blue-700);
+  --world-path: var(--cream-200); --world-path-edge: var(--wood-300); --world-stroke: var(--ink-900);
+  --world-bg: linear-gradient(180deg, var(--world-sky) 0%, var(--world-ground) 55%, var(--world-ground-deep) 100%);
+  --world-sky-low: var(--green-100);
+  --prop-hill: var(--green-300); --prop-bush-hi: var(--green-100); --prop-bush: var(--green-500); --prop-bush-lo: var(--green-700);
+}
+/* 0 · Base Camp: the contributor world. Friends gather where the road begins and pack their memories for it.
+   Not a stop on the road, so it never appears in the map, the dock or a world picker. */
+[data-world="base_camp"] {
+  --world-name: "Base Camp";
+  --world-sky: oklch(0.74 0.10 245); --world-ground: oklch(0.66 0.13 158); --world-ground-deep: oklch(0.44 0.08 172);
+  --world-accent: var(--gold-500); --world-accent-shade: var(--gold-700);
+  --world-path: var(--cream-200); --world-path-edge: var(--wood-300); --world-stroke: oklch(0.34 0.09 250);
+  --world-bg: linear-gradient(180deg, oklch(0.74 0.10 245) 0%, oklch(0.66 0.13 158) 55%, oklch(0.44 0.08 172) 100%);
+  --world-sky-low: oklch(0.92 0.07 72);
+  --prop-hill: oklch(0.76 0.11 150); --prop-bush-hi: oklch(0.86 0.12 145); --prop-bush: oklch(0.70 0.14 152); --prop-bush-lo: oklch(0.52 0.12 162);
+}
+/* 1 · Mango Grove: first impressions, meeting, early memories. Sunny mango orchard. */
+[data-world="mango_grove"] {
+  --world-name: "Mango Grove";
+  --world-sky: oklch(0.93 0.09 95); --world-ground: oklch(0.80 0.16 118); --world-ground-deep: oklch(0.62 0.15 130);
+  --world-accent: oklch(0.78 0.17 62); --world-accent-shade: oklch(0.60 0.16 50);
+  --world-path: oklch(0.90 0.06 80); --world-path-edge: oklch(0.72 0.10 65); --world-stroke: oklch(0.42 0.10 70);
+  --world-bg: linear-gradient(180deg, oklch(0.93 0.09 95) 0%, oklch(0.80 0.16 118) 55%, oklch(0.62 0.15 130) 100%);
+  --world-sky-low: oklch(0.96 0.06 95);
+  --prop-hill: oklch(0.86 0.13 112); --prop-bush-hi: var(--green-100); --prop-bush: var(--green-500); --prop-bush-lo: var(--green-700);
+}
+/* 2 · Small Chops, Big Gist, funny stories, inside jokes, outings. Restaurants, rice, lively stalls. */
+[data-world="small_chops"] {
+  --world-name: "Small Chops, Big Gist";
+  --world-sky: oklch(0.88 0.08 60); --world-ground: oklch(0.74 0.12 45); --world-ground-deep: oklch(0.56 0.12 35);
+  --world-accent: oklch(0.66 0.21 28); --world-accent-shade: oklch(0.50 0.18 25);
+  --world-path: oklch(0.84 0.05 60); --world-path-edge: oklch(0.60 0.07 50); --world-stroke: oklch(0.36 0.09 35);
+  --world-bg: linear-gradient(180deg, oklch(0.88 0.08 60) 0%, oklch(0.74 0.12 45) 55%, oklch(0.56 0.12 35) 100%);
+  --world-sky-low: oklch(0.94 0.05 70);
+  --prop-hill: oklch(0.80 0.10 50); --prop-bush-hi: oklch(0.90 0.10 75); --prop-bush: oklch(0.76 0.14 60); --prop-bush-lo: oklch(0.58 0.13 45);
+}
+/* 3 · The Good Energy Hills, appreciation, support, showing up. Green hills with gentle workout details. */
+[data-world="good_energy"] {
+  --world-name: "The Good Energy Hills";
+  --world-sky: oklch(0.90 0.07 205); --world-ground: oklch(0.78 0.17 145); --world-ground-deep: oklch(0.58 0.15 148);
+  --world-accent: oklch(0.74 0.14 185); --world-accent-shade: oklch(0.56 0.12 185);
+  --world-path: oklch(0.92 0.04 90); --world-path-edge: oklch(0.70 0.08 80); --world-stroke: oklch(0.38 0.09 150);
+  --world-bg: linear-gradient(180deg, oklch(0.90 0.07 205) 0%, oklch(0.78 0.17 145) 55%, oklch(0.58 0.15 148) 100%);
+  --world-sky-low: oklch(0.95 0.04 190);
+  --prop-hill: oklch(0.84 0.14 140); --prop-bush-hi: var(--green-100); --prop-bush: var(--green-500); --prop-bush-lo: var(--green-700);
+}
+/* 4 · Someday in Japan, wishes, future adventures, hopes. Lanterns, gardens, distant mountain. */
+[data-world="japan"] {
+  --world-name: "Someday in Japan";
+  --world-sky: oklch(0.84 0.08 340); --world-ground: oklch(0.68 0.10 300); --world-ground-deep: oklch(0.50 0.12 295);
+  --world-accent: oklch(0.64 0.21 25); --world-accent-shade: oklch(0.48 0.18 22);
+  --world-path: oklch(0.86 0.02 280); --world-path-edge: oklch(0.62 0.04 285); --world-stroke: oklch(0.36 0.10 300);
+  --world-blossom: oklch(0.88 0.09 350);
+  --world-bg: linear-gradient(180deg, oklch(0.84 0.08 340) 0%, oklch(0.68 0.10 300) 55%, oklch(0.50 0.12 295) 100%);
+  --world-sky-low: oklch(0.92 0.05 350);
+  --prop-hill: oklch(0.76 0.08 305); --prop-bush-hi: oklch(0.92 0.08 350); --prop-bush: oklch(0.80 0.11 350); --prop-bush-lo: oklch(0.62 0.12 340);
+}
+/* 5 · Summit: The author’s letter. Golden hour above the clouds. No scenery props here: the letter uses the night palette (colors.css). */
+[data-world="summit"] {
+  --world-name: "The Summit";
+  --world-sky: oklch(0.34 0.10 285); --world-ground: oklch(0.62 0.15 55); --world-ground-deep: oklch(0.44 0.12 45);
+  --world-accent: var(--gold-500); --world-accent-shade: var(--gold-700);
+  --world-path: var(--gold-300); --world-path-edge: var(--gold-700); --world-stroke: oklch(0.30 0.07 50);
+  --world-bg: linear-gradient(180deg, oklch(0.34 0.10 285) 0%, oklch(0.62 0.15 55) 60%, oklch(0.44 0.12 45) 100%);
+}

package/tools/ds-loader.js

@@ -0,0 +1,60 @@
+/* Lanre preview loader.
+   1) Tries the compiled runtime bundle (_ds_bundle.js) and detects its namespace.
+   2) If the bundle is missing or stale, transpiles the listed components/<group>/<Name>.jsx in-browser (Babel) instead.
+   Exposes window.MP (component registry) and window.MPReady (Promise<registry>).
+   Usage: <script src="tools/ds-loader.js" data-root="." data-components="buttons/Button,hud/CurrencyPill"></script> */
+(function () {
+  var script = document.currentScript;
+  var ROOT = (script.getAttribute('data-root') || '.').replace(/\/$/, '');
+  var list = (script.getAttribute('data-components') || '').split(',').map(function (s) { return s.trim(); }).filter(Boolean);
+  var KNOWN = ['Lanre', 'LanreDS', 'LanreGameUIDesignSystem', 'ExplorationGamingDesignSystem', 'DS', 'DesignSystem'];
+  var registry = {};
+  window.MP = registry;
+
+  function hasFns(v) { try { return v && typeof v === 'object' && Object.keys(v).some(function (k) { return typeof v[k] === 'function' && /^[A-Z]/.test(k); }); } catch (e) { return false; } }
+  function findNS(before) {
+    for (var i = 0; i < KNOWN.length; i++) { if (hasFns(window[KNOWN[i]])) return window[KNOWN[i]]; }
+    var keys = Object.keys(window);
+    for (var j = 0; j < keys.length; j++) { var k = keys[j]; if (before[k]) continue; try { if (hasFns(window[k])) return window[k]; } catch (e) {} }
+    return null;
+  }
+  function loadScript(src) { return new Promise(function (res, rej) { var s = document.createElement('script'); s.src = src; s.onload = res; s.onerror = rej; document.head.appendChild(s); }); }
+  function normalize(p) { var parts = []; p.split('/').forEach(function (seg) { if (seg === '..') parts.pop(); else if (seg !== '.' && seg !== '') parts.push(seg); }); return parts.join('/'); }
+
+  var cache = {};
+  async function loadModule(path) {
+    if (cache[path]) return cache[path];
+    var url = ROOT + '/' + path;
+    var res = null, err = null;
+    for (var attempt = 0; attempt < 4 && !res; attempt++) { // transient network hiccups happen when many previews load at once
+      try { var r = await fetch(url); if (r.ok) res = r; else if (r.status === 404) throw new Error('ds-loader: cannot fetch ' + url); } catch (e) { err = e; if (/cannot fetch/.test(String(e.message))) throw e; await new Promise(function (ok) { setTimeout(ok, 250 * (attempt + 1)); }); }
+    }
+    if (!res) throw err || new Error('ds-loader: cannot fetch ' + url);
+    var src = await res.text();
+    var dir = path.slice(0, path.lastIndexOf('/') + 1);
+    var deps = {}; var re = /from\s+['"]([^'"]+)['"]/g; var m;
+    while ((m = re.exec(src))) { var spec = m[1]; if (spec[0] === '.') { var p = normalize(dir + spec); if (!/\.(jsx|js)$/.test(p)) p += '.jsx'; deps[spec] = await loadModule(p); } }
+    var out = Babel.transform(src, { presets: [['env', { modules: 'commonjs' }], ['react', { runtime: 'classic' }]], plugins: ['transform-modules-commonjs'], filename: path }).code;
+    var module = { exports: {} };
+    var require = function (spec) {
+      if (spec === 'react') return React; if (spec === 'react-dom') return ReactDOM;
+      if (deps[spec]) return deps[spec]; throw new Error('ds-loader: unresolved import ' + spec + ' in ' + path);
+    };
+    new Function('require', 'module', 'exports', 'React', out)(require, module, module.exports, React);
+    cache[path] = module.exports; return module.exports;
+  }
+
+  window.MPReady = (async function () {
+    var before = {}; Object.keys(window).forEach(function (k) { before[k] = true; });
+    var ns = null;
+    try {
+      var probe = await fetch(ROOT + '/_ds_bundle.js', { method: 'HEAD' });
+      if (probe.ok) { await loadScript(ROOT + '/_ds_bundle.js'); ns = findNS(before); }
+    } catch (e) { ns = null; }
+    var complete = ns && list.every(function (c) { return typeof ns[c.split('/').pop()] === 'function'; });
+    if (complete) { Object.assign(registry, ns); registry.__source = 'bundle'; return registry; }
+    for (var i = 0; i < list.length; i++) { var mod = await loadModule('components/' + list[i] + '.jsx'); Object.assign(registry, mod); }
+    registry.__source = 'jsx';
+    return registry;
+  })();
+})();

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.