@iress-oss/ids-storybook-config 0.2.6 → 0.2.7

package/dist/index.d.ts

@@ -17,3 +17,4 @@ export * from './helpers/withCustomSource';
 export * from './helpers/withJsxTransformer';
 export * from './helpers/withTransformedSource';
 export * from './constants';
+export type { BroadcastHashEvent, PassThemeEvent, LoadThemeEvent, } from './types';

package/dist/main.js

@@ -19,7 +19,7 @@ function Ze(e) {
     e !== null && (e < 32 || e === 127)
   );
 }
-function I(e) {
+function z(e) {
   return e !== null && e < -2;
 }
 function A(e) {
@@ -419,7 +419,7 @@ function Lt() {
     }
   };
 }
-function zt(e) {
+function It(e) {
   let n = !1;
   return e && e.firstLineBlank && (n = !0), {
     handlers: { footnoteDefinition: t, footnoteReference: we },
@@ -436,12 +436,12 @@ function zt(e) {
       (n ? `
 ` : " ") + a.indentLines(
         a.containerFlow(i, u.current()),
-        n ? ye : It
+        n ? ye : zt
       )
     )), s(), o;
   }
 }
-function It(e, n, t) {
+function zt(e, n, t) {
   return n === 0 ? e : ye(e, n, t);
 }
 function ye(e, n, t) {
@@ -455,7 +455,7 @@ const Pt = [
   "titleQuote",
   "titleApostrophe"
 ];
-Ce.peek = jt;
+Ce.peek = Ht;
 function _t() {
   return {
     canContainEols: ["delete"],
@@ -490,13 +490,13 @@ function Ce(e, n, t, i) {
     after: "~"
   }), r += l.move("~~"), a(), r;
 }
-function jt() {
+function Ht() {
   return "~";
 }
 function Bt(e) {
   return e.length;
 }
-function Ht(e, n) {
+function jt(e, n) {
   const t = n || {}, i = (t.align || []).concat(), l = t.stringLength || Bt, a = [], r = [], u = [], o = [];
   let s = 0, f = -1;
   for (; ++f < e.length; ) {
@@ -934,8 +934,8 @@ function Le(e, n) {
   // references don’t work), space, or angle brackets…
   !/[\0- <>\u007F]/.test(e.url));
 }
-ze.peek = sn;
-function ze(e, n, t, i) {
+Ie.peek = sn;
+function Ie(e, n, t, i) {
   const l = te(t), a = l === '"' ? "Quote" : "Apostrophe", r = t.createTracker(i);
   let u, o;
   if (Le(e, t)) {
@@ -979,8 +979,8 @@ function ze(e, n, t, i) {
 function sn(e, n, t) {
   return Le(e, t) ? "<" : "[";
 }
-Ie.peek = cn;
-function Ie(e, n, t, i) {
+ze.peek = cn;
+function ze(e, n, t, i) {
   const l = e.referenceType, a = t.enter("linkReference");
   let r = t.enter("label");
   const u = t.createTracker(i);
@@ -1191,8 +1191,8 @@ const Re = {
   image: Ee,
   imageReference: Te,
   inlineCode: Fe,
-  link: ze,
-  linkReference: Ie,
+  link: Ie,
+  linkReference: ze,
   list: mn,
   listItem: gn,
   paragraph: kn,
@@ -1298,7 +1298,7 @@ function Ln(e) {
     return x(), k(), w;
   }
   function s(g, m) {
-    return Ht(g, {
+    return jt(g, {
       align: m,
       // @ts-expect-error: `markdown-table` types should support `null`.
       alignDelimiters: i,
@@ -1329,7 +1329,7 @@ function Ln(e) {
     return d.stack.includes("tableCell") && (b = b.replace(/\|/g, "\\$&")), b;
   }
 }
-function zn() {
+function In() {
   return {
     exit: {
       taskListCheckValueChecked: pe,
@@ -1338,7 +1338,7 @@ function zn() {
     }
   };
 }
-function In() {
+function zn() {
   return {
     unsafe: [{ atBreak: !0, character: "-", after: "[:|-]" }],
     handlers: { listItem: _n }
@@ -1387,21 +1387,21 @@ function Rn() {
     Lt(),
     _t(),
     vn(),
-    zn()
+    In()
   ];
 }
 function Mn(e) {
   return {
     extensions: [
       ct(),
-      zt(e),
+      It(e),
       Rt(),
       Ln(e),
-      In()
+      zn()
     ]
   };
 }
-function H(e, n, t, i) {
+function j(e, n, t, i) {
   const l = e.length;
   let a = 0, r;
   if (n < 0 ? n = -n > l ? 0 : l + n : n = n > l ? l : n, t = t > 0 ? t : 0, i.length < 1e4)
@@ -1415,10 +1415,10 @@ function On(e) {
   const n = {};
   let t = -1;
   for (; ++t < e.length; )
-    jn(n, e[t]);
+    Hn(n, e[t]);
   return n;
 }
-function jn(e, n) {
+function Hn(e, n) {
   let t;
   for (t in n) {
     const l = (ge.call(e, t) ? e[t] : void 0) || (e[t] = {}), a = n[t];
@@ -1440,9 +1440,9 @@ function Bn(e, n) {
   const i = [];
   for (; ++t < n.length; )
     (n[t].add === "after" ? e : i).push(n[t]);
-  H(e, 0, 0, i);
+  j(e, 0, 0, i);
 }
-const Hn = {
+const jn = {
   tokenize: Vn,
   partial: !0
 }, Me = {
@@ -1451,7 +1451,7 @@ const Hn = {
 }, Oe = {
   tokenize: Qn,
   partial: !0
-}, je = {
+}, He = {
   tokenize: Zn,
   partial: !0
 }, $n = {
@@ -1461,7 +1461,7 @@ const Hn = {
   name: "wwwAutolink",
   tokenize: Nn,
   previous: $e
-}, He = {
+}, je = {
   name: "protocolAutolink",
   tokenize: Un,
   previous: qe
@@ -1482,8 +1482,8 @@ S[43] = T;
 S[45] = T;
 S[46] = T;
 S[95] = T;
-S[72] = [T, He];
-S[104] = [T, He];
+S[72] = [T, je];
+S[104] = [T, je];
 S[87] = [T, Be];
 S[119] = [T, Be];
 function Wn(e, n, t) {
@@ -1510,7 +1510,7 @@ function Nn(e, n, t) {
   const i = this;
   return l;
   function l(r) {
-    return r !== 87 && r !== 119 || !$e.call(i, i.previous) || re(i.events) ? t(r) : (e.enter("literalAutolink"), e.enter("literalAutolinkWww"), e.check(Hn, e.attempt(Me, e.attempt(Oe, a), t), t)(r));
+    return r !== 87 && r !== 119 || !$e.call(i, i.previous) || re(i.events) ? t(r) : (e.enter("literalAutolink"), e.enter("literalAutolinkWww"), e.check(jn, e.attempt(Me, e.attempt(Oe, a), t), t)(r));
   }
   function a(r) {
     return e.exit("literalAutolinkWww"), e.exit("literalAutolink"), n(r);
@@ -1557,7 +1557,7 @@ function Gn(e, n, t) {
   let i, l, a;
   return r;
   function r(s) {
-    return s === 46 || s === 95 ? e.check(je, o, u)(s) : s === null || A(s) || L(s) || s !== 45 && W(s) ? o(s) : (a = !0, e.consume(s), r);
+    return s === 46 || s === 95 ? e.check(He, o, u)(s) : s === null || A(s) || L(s) || s !== 45 && W(s) ? o(s) : (a = !0, e.consume(s), r);
   }
   function u(s) {
     return s === 95 ? i = !0 : (l = i, i = void 0), e.consume(s), r;
@@ -1570,7 +1570,7 @@ function Qn(e, n) {
   let t = 0, i = 0;
   return l;
   function l(r) {
-    return r === 40 ? (t++, e.consume(r), l) : r === 41 && i < t ? a(r) : r === 33 || r === 34 || r === 38 || r === 39 || r === 41 || r === 42 || r === 44 || r === 46 || r === 58 || r === 59 || r === 60 || r === 63 || r === 93 || r === 95 || r === 126 ? e.check(je, n, a)(r) : r === null || A(r) || L(r) ? n(r) : (e.consume(r), l);
+    return r === 40 ? (t++, e.consume(r), l) : r === 41 && i < t ? a(r) : r === 33 || r === 34 || r === 38 || r === 39 || r === 41 || r === 42 || r === 44 || r === 46 || r === 58 || r === 59 || r === 60 || r === 63 || r === 93 || r === 95 || r === 126 ? e.check(He, n, a)(r) : r === null || A(r) || L(r) ? n(r) : (e.consume(r), l);
   }
   function a(r) {
     return r === 41 && i++, e.consume(r), l;
@@ -1661,7 +1661,7 @@ function Yn(e, n, t) {
     return D(a) ? E(e, l, "linePrefix")(a) : l(a);
   }
   function l(a) {
-    return a === null || I(a) ? n(a) : t(a);
+    return a === null || z(a) ? n(a) : t(a);
   }
 }
 const er = {
@@ -1885,7 +1885,7 @@ function sr(e) {
               start: Object.assign({}, r[s][1].end),
               end: Object.assign({}, r[o][1].start)
             }, p = [["enter", f, u], ["enter", r[s][1], u], ["exit", r[s][1], u], ["enter", c, u]], g = u.parser.constructs.insideSpan.null;
-            g && H(p, p.length, 0, Jn(g, r.slice(s + 1, o), u)), H(p, p.length, 0, [["exit", c, u], ["enter", r[o][1], u], ["exit", r[o][1], u], ["exit", f, u]]), H(r, s - 1, o - s + 3, p), o = s + p.length - 2;
+            g && j(p, p.length, 0, Jn(g, r.slice(s + 1, o), u)), j(p, p.length, 0, [["exit", c, u], ["enter", r[o][1], u], ["exit", r[o][1], u], ["exit", f, u]]), j(r, s - 1, o - s + 3, p), o = s + p.length - 2;
             break;
           }
       }
@@ -2031,7 +2031,7 @@ function pr(e, n, t) {
     return h === 124 || (r = !0, a += 1), f(h);
   }
   function f(h) {
-    return h === null ? t(h) : I(h) ? a > 1 ? (a = 0, i.interrupt = !0, e.exit("tableRow"), e.enter("lineEnding"), e.consume(h), e.exit("lineEnding"), g) : t(h) : D(h) ? E(e, f, "whitespace")(h) : (a += 1, r && (r = !1, l += 1), h === 124 ? (e.enter("tableCellDivider"), e.consume(h), e.exit("tableCellDivider"), r = !0, f) : (e.enter("data"), c(h)));
+    return h === null ? t(h) : z(h) ? a > 1 ? (a = 0, i.interrupt = !0, e.exit("tableRow"), e.enter("lineEnding"), e.consume(h), e.exit("lineEnding"), g) : t(h) : D(h) ? E(e, f, "whitespace")(h) : (a += 1, r && (r = !1, l += 1), h === 124 ? (e.enter("tableCellDivider"), e.consume(h), e.exit("tableCellDivider"), r = !0, f) : (e.enter("data"), c(h)));
   }
   function c(h) {
     return h === null || h === 124 || A(h) ? (e.exit("data"), f(h)) : (e.consume(h), h === 92 ? p : c);
@@ -2049,7 +2049,7 @@ function pr(e, n, t) {
     return D(h) ? E(e, b, "whitespace")(h) : b(h);
   }
   function b(h) {
-    return h === 58 ? (a += 1, r = !0, e.enter("tableDelimiterMarker"), e.consume(h), e.exit("tableDelimiterMarker"), k) : h === 45 ? (a += 1, k(h)) : h === null || I(h) ? v(h) : C(h);
+    return h === 58 ? (a += 1, r = !0, e.enter("tableDelimiterMarker"), e.consume(h), e.exit("tableDelimiterMarker"), k) : h === 45 ? (a += 1, k(h)) : h === null || z(h) ? v(h) : C(h);
   }
   function k(h) {
     return h === 45 ? (e.enter("tableDelimiterFiller"), x(h)) : C(h);
@@ -2061,7 +2061,7 @@ function pr(e, n, t) {
     return D(h) ? E(e, v, "whitespace")(h) : v(h);
   }
   function v(h) {
-    return h === 124 ? m(h) : h === null || I(h) ? !r || l !== a ? C(h) : (e.exit("tableDelimiterRow"), e.exit("tableHead"), n(h)) : C(h);
+    return h === 124 ? m(h) : h === null || z(h) ? !r || l !== a ? C(h) : (e.exit("tableDelimiterRow"), e.exit("tableHead"), n(h)) : C(h);
   }
   function C(h) {
     return t(h);
@@ -2070,13 +2070,13 @@ function pr(e, n, t) {
     return e.enter("tableRow"), O(h);
   }
   function O(h) {
-    return h === 124 ? (e.enter("tableCellDivider"), e.consume(h), e.exit("tableCellDivider"), O) : h === null || I(h) ? (e.exit("tableRow"), n(h)) : D(h) ? E(e, O, "whitespace")(h) : (e.enter("data"), j(h));
+    return h === 124 ? (e.enter("tableCellDivider"), e.consume(h), e.exit("tableCellDivider"), O) : h === null || z(h) ? (e.exit("tableRow"), n(h)) : D(h) ? E(e, O, "whitespace")(h) : (e.enter("data"), H(h));
   }
-  function j(h) {
-    return h === null || h === 124 || A(h) ? (e.exit("data"), O(h)) : (e.consume(h), h === 92 ? Ne : j);
+  function H(h) {
+    return h === null || h === 124 || A(h) ? (e.exit("data"), O(h)) : (e.consume(h), h === 92 ? Ne : H);
   }
   function Ne(h) {
-    return h === 92 || h === 124 ? (e.consume(h), j) : j(h);
+    return h === 92 || h === 124 ? (e.consume(h), H) : H(h);
   }
 }
 function gr(e, n) {
@@ -2104,15 +2104,15 @@ function gr(e, n) {
 }
 function B(e, n, t, i, l, a) {
   const r = i === 1 ? "tableHeader" : i === 2 ? "tableDelimiter" : "tableData", u = "tableContent";
-  t[0] !== 0 && (a.end = Object.assign({}, z(n.events, t[0])), e.add(t[0], 0, [["exit", a, n]]));
-  const o = z(n.events, t[1]);
+  t[0] !== 0 && (a.end = Object.assign({}, I(n.events, t[0])), e.add(t[0], 0, [["exit", a, n]]));
+  const o = I(n.events, t[1]);
   if (a = {
     type: r,
     start: Object.assign({}, o),
     // Note: correct end is set later.
     end: Object.assign({}, o)
   }, e.add(t[1], 0, [["enter", a, n]]), t[2] !== 0) {
-    const s = z(n.events, t[2]), f = z(n.events, t[3]), c = {
+    const s = I(n.events, t[2]), f = I(n.events, t[3]), c = {
       type: u,
       start: Object.assign({}, s),
       end: Object.assign({}, f)
@@ -2126,13 +2126,13 @@ function B(e, n, t, i, l, a) {
     }
     e.add(t[3] + 1, 0, [["exit", c, n]]);
   }
-  return l !== void 0 && (a.end = Object.assign({}, z(n.events, l)), e.add(l, 0, [["exit", a, n]]), a = void 0), a;
+  return l !== void 0 && (a.end = Object.assign({}, I(n.events, l)), e.add(l, 0, [["exit", a, n]]), a = void 0), a;
 }
 function ke(e, n, t, i, l) {
-  const a = [], r = z(n.events, t);
+  const a = [], r = I(n.events, t);
   l && (l.end = Object.assign({}, r), a.push(["exit", l, n])), i.end = Object.assign({}, r), a.push(["exit", i, n]), e.add(t + 1, 0, a);
 }
-function z(e, n) {
+function I(e, n) {
   const t = e[n], i = t[0] === "enter" ? "start" : "end";
   return t[1][i];
 }
@@ -2165,7 +2165,7 @@ function br(e, n, t) {
     return o === 93 ? (e.enter("taskListCheckMarker"), e.consume(o), e.exit("taskListCheckMarker"), e.exit("taskListCheck"), u) : t(o);
   }
   function u(o) {
-    return I(o) ? n(o) : D(o) ? e.check({
+    return z(o) ? n(o) : D(o) ? e.check({
       tokenize: xr
     }, n, t)(o) : t(o);
   }
@@ -2309,7 +2309,7 @@ const Ar = /* @__PURE__ */ Qe(import.meta.url), vr = /* @__PURE__ */ Ue(Ar), Sr
         const frames = document.querySelectorAll('iframe');
         frames.forEach((f) => {
           try {
-            f.contentWindow?.postMessage({ type: 'LOAD_THEME', data }, '*');
+            f.contentWindow?.postMessage({ type: 'LOAD_THEME', ...data }, '*');
           } catch (err) {
             console.debug('[Storybook Host] Skipped frame broadcast:', err);
           }
@@ -2331,29 +2331,39 @@ const Ar = /* @__PURE__ */ Qe(import.meta.url), vr = /* @__PURE__ */ Ue(Ar), Sr
 
         const { name, href, css } = event.data;
 
-        if (href) {
-          const link = document.createElement('link');
-          link.rel = 'stylesheet';
-          link.href = href;
-          document.head.appendChild(link);
+        let existingHref = document.getElementById('storybook-config-theme-href');
+        let existingCss = document.getElementById('storybook-config-theme-css');
+        const existingTheme = document.documentElement.getAttribute('data-theme');
+
+        if (existingTheme) {
+          document.documentElement.classList.remove(existingTheme);
         }
 
-        if (css) {
-          const existing = document.head.querySelector('#storybook-config-theme);
+        if (!name) {
+          existingHref?.remove();
+          existingCss?.remove();
+          return;
+        }
 
-          if (!existing) {
-            const style = document.createElement('style');
-            style.id = 'storybook-config-theme';
-            document.head.appendChild(style);
+        if (href) {
+          if (!existingHref) {
+            existingHref = document.createElement('link');
+            existingHref.rel = 'stylesheet';
+            existingHref.id = 'storybook-config-theme-href';
+            document.head.appendChild(existingHref);
           }
 
-          style.innerHTML = css;
+          existingHref.href = href;
         }
 
-        const currentTheme = document.documentElement.getAttribute('data-theme');
+        if (css) {
+          if (!existingCss) {
+            existingCss = document.createElement('style');
+            existingCss.id = 'storybook-config-theme-css';
+            document.head.appendChild(existingCss);
+          }
 
-        if (currentTheme) {
-          document.documentElement.classList.remove(currentTheme);
+          existingCss.innerHTML = css;
         }
 
         document.documentElement.setAttribute('data-theme', name);

package/dist/types.d.ts

@@ -9,3 +9,37 @@ export interface ParametersConfig {
     };
 }
 export type ReactElementToJSXStringOptions = Exclude<Parameters<typeof reactElementToJSXString>[1], undefined>;
+/**
+ * Event for broadcasting hash changes from a parent window to an iframe Storybook instance.
+ * Used to communicate hash changes between Storybook compositions.
+ */
+export interface BroadcastHashEvent {
+    type: 'UPDATE_HASH';
+    hash: string;
+}
+/**
+ * Event for passing theme data between the parent window and iframe Storybook instances.
+ * Used to synchronize themes across Storybook compositions.
+ */
+export interface PassThemeEvent {
+    type: 'PASS_THEME';
+    /**
+     * Name of the theme.
+     */
+    name: string;
+    /**
+     * Optional href to a CSS file for the theme.
+     */
+    href?: string;
+    /**
+     * Optional raw CSS string for the theme.
+     */
+    css?: string;
+}
+/**
+ * Event for loading a theme in an iframe Storybook instance.
+ * Sent from the parent window to apply the selected theme.
+ */
+export interface LoadThemeEvent extends Omit<PassThemeEvent, 'type'> {
+    type: 'LOAD_THEME';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iress-oss/ids-storybook-config",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",