@openbytes/ts-react-directives 1.0.0 → 1.1.0

package/README.md

@@ -2,7 +2,7 @@
 
 ## About
 
-**ts-react-directives** is a small React/Typescript library designed to mimic 'Angular' directives. This is not static library. It's meant to be used as declarative component. Also, it alleviates the limitations and cognitive complexity created by the ternary operations when using conditional rendering.
+**ts-react-directives** is a small React/Typescript library designed to mimic 'Angular' directives. This is not a static library. It's meant to be used as declarative component. Also, it alleviates the limitations and cognitive complexity created by the ternary operations when using conditional rendering.
 
 ## How to install
 

package/dist/ts-react-directives.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const d=require("react/jsx-runtime"),o=require("react");var c=(e=>(e[e.IfBlockExpected=2001]="IfBlockExpected",e[e.OnlyOneIfBlockExpected=2002]="OnlyOneIfBlockExpected",e[e.OnlyOneElseBlockExpected=2003]="OnlyOneElseBlockExpected",e[e.CheckBlockExpected=2005]="CheckBlockExpected",e[e.InvalidIfBlockOrdinal=2004]="InvalidIfBlockOrdinal",e[e.InvalidElseBlockOrdinal=2006]="InvalidElseBlockOrdinal",e[e.InvalidElseIfBlockOrdinal=2007]="InvalidElseIfBlockOrdinal",e[e.InvalidElement=3002]="InvalidElement",e[e.ChildrenExpected=3003]="ChildrenExpected",e))(c||{}),t=(e=>(e.If="If",e.ElseIf="ElseIf",e.Else="Else",e.Check="Check",e.Unknown="Unknown",e))(t||{});const p={[c.IfBlockExpected]:"Missing 'If'",[c.OnlyOneIfBlockExpected]:"Can only have one 'If'",[c.OnlyOneElseBlockExpected]:"Can only have one 'Else'",[c.CheckBlockExpected]:"'If', 'ElseIf', 'Else' need to be wrapped in 'Check'",[c.InvalidElseBlockOrdinal]:"Invalid ordinals, 'Else' should be the last",[c.InvalidIfBlockOrdinal]:"Invalid ordinals, 'If' block should be the first",[c.InvalidElseIfBlockOrdinal]:"Invalid ordinals, cannot have 'ElseIf' before 'If'",[c.ChildrenExpected]:"Should at least have one child",[c.InvalidElement]:"Invalid element"},f=({errors:e})=>d.jsx("ol",{className:"trd-error-list",children:e.map((l,n)=>d.jsx("li",{children:p[l]},`${l}-${n}`))}),v=e=>{const l=[];return e.length===0?(l.push(c.ChildrenExpected),l):(e.forEach(n=>{const{displayName:s=t.Unknown}=n.type??{};(s===t.If||s===t.ElseIf||s===t.Else)&&(l.push(c.InvalidElement),l.push(c.CheckBlockExpected))}),l)},B=e=>{const l=[],n={};return e.length===0?(l.push(c.ChildrenExpected,c.IfBlockExpected),l):(e.forEach((s,a)=>{const{displayName:i=t.Unknown}=s.type,u=n[i]??0;n[i]=u+1,O(i,a,n,l),x(i,a,e.length,n,l),C(i,a,l),m(i,l)}),n[t.If]||l.push(c.IfBlockExpected),l)},O=(e,l,n,s)=>{e===t.If&&(l!==0&&s.push(c.InvalidIfBlockOrdinal),n[t.If]>1&&s.push(c.OnlyOneIfBlockExpected))},x=(e,l,n,s,a)=>{e===t.Else&&(s[t.Else]>1&&a.push(c.OnlyOneElseBlockExpected),(l===0||l!==n-1)&&a.push(c.InvalidElseBlockOrdinal))},C=(e,l,n)=>{e===t.ElseIf&&l===0&&n.push(c.InvalidElseIfBlockOrdinal)},m=(e,l)=>{e!==t.If&&e!==t.ElseIf&&e!==t.Else&&l.push(c.InvalidElement)};class y{static get(l){let n=()=>[];switch(l){case t.Check:n=B;break;case t.If:case t.ElseIf:case t.Else:n=v;break}return n}}const I=(e,l)=>{const{children:n}=e,s=o.Children.toArray(n);return y.get(l)(s)},j=e=>{const l=I(e,t.Check);if(l.length)return{children:o.createElement(f,{errors:l})};const s=o.Children.toArray(e.children).filter(o.isValidElement);return{children:b(s)}},b=e=>{for(const l of e){if(!l||!o.isValidElement(l))continue;const{displayName:n}=l.type;if(n){const{condition:s}=l.props;if((n==="If"||n==="ElseIf")&&s===!0||n==="Else")return l}}return null},h=e=>{const{children:l}=j(e);return d.jsx(d.Fragment,{children:l})};h.displayName=t.Check;const E=e=>{const l=I(e,"If"),{condition:n}=e,s=l.length===0?e.children:d.jsx(f,{errors:l});return d.jsx(d.Fragment,{children:n&&s})};E.displayName=t.If;const r=e=>{const l=I(e,"ElseIf"),{condition:n}=e,s=l.length===0?e.children:d.jsx(f,{errors:l});return d.jsx(d.Fragment,{children:n&&s})};r.displayName=t.ElseIf;const k=e=>{const l=I(e,"Else"),n=l.length===0?e.children:d.jsx(f,{errors:l});return d.jsx(d.Fragment,{children:n})};k.displayName=t.Else;exports.Check=h;exports.Else=k;exports.ElseIf=r;exports.If=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const o=require("react/jsx-runtime"),i=require("react");var t=(e=>(e[e.IfBlockExpected=2001]="IfBlockExpected",e[e.OnlyOneIfBlockExpected=2002]="OnlyOneIfBlockExpected",e[e.OnlyOneElseBlockExpected=2003]="OnlyOneElseBlockExpected",e[e.CheckBlockExpected=2005]="CheckBlockExpected",e[e.InvalidIfBlockOrdinal=2004]="InvalidIfBlockOrdinal",e[e.InvalidElseBlockOrdinal=2006]="InvalidElseBlockOrdinal",e[e.InvalidElseIfBlockOrdinal=2007]="InvalidElseIfBlockOrdinal",e[e.MalformedLoop=2008]="MalformedLoop",e[e.InfiniteLoopCondition=2009]="InfiniteLoopCondition",e[e.TemplateBlockExpected=2012]="TemplateBlockExpected",e[e.OnlyOneTemplateBlockExpected=2013]="OnlyOneTemplateBlockExpected",e[e.EmptyLoopSource=2014]="EmptyLoopSource",e[e.InvalidElement=3002]="InvalidElement",e[e.ChildrenExpected=3003]="ChildrenExpected",e[e.SingleChildExpected=3004]="SingleChildExpected",e))(t||{}),c=(e=>(e.If="If",e.ElseIf="ElseIf",e.Else="Else",e.Check="Check",e.Loop="Loop",e.LoopProps="LoopProps",e.Template="Template",e.Unknown="Unknown",e))(c||{});const m={[t.IfBlockExpected]:"Missing 'If'",[t.OnlyOneIfBlockExpected]:"Can only have one 'If'",[t.OnlyOneElseBlockExpected]:"Can only have one 'Else'",[t.CheckBlockExpected]:"'If', 'ElseIf', 'Else' need to be wrapped in 'Check'",[t.InvalidElseBlockOrdinal]:"Invalid ordinals, 'Else' should be the last",[t.InvalidIfBlockOrdinal]:"Invalid ordinals, 'If' block should be the first",[t.InvalidElseIfBlockOrdinal]:"Invalid ordinals, cannot have 'ElseIf' before 'If'",[t.ChildrenExpected]:"Should at least have one child",[t.InvalidElement]:"Invalid element",[t.MalformedLoop]:"Malformed loop",[t.EmptyLoopSource]:"Empty loop source",[t.InfiniteLoopCondition]:"Infinite loop condition",[t.TemplateBlockExpected]:"Missing 'Template'",[t.OnlyOneTemplateBlockExpected]:"Only one Template block expected",[t.SingleChildExpected]:"Can have only a single child"},f=({errors:e})=>o.jsx("ol",{className:"trd-error-list",children:e.map((l,n)=>o.jsx("li",{children:m[l]},`${l}-${n}`))}),x=e=>{const l=[];return e.length===0?(l.push(t.ChildrenExpected),l):(e.forEach(n=>{const{displayName:d=c.Unknown}=n.type??{};(d===c.If||d===c.ElseIf||d===c.Else)&&(l.push(t.InvalidElement),l.push(t.CheckBlockExpected))}),l)},B=e=>{const l=[],n={};return e.length===0?(l.push(t.ChildrenExpected,t.IfBlockExpected),l):(e.forEach((d,a)=>{const{displayName:s=c.Unknown}=d.type??{},p=n[s]??0;n[s]=p+1,O(s,a,n,l),y(s,a,e.length,n,l),r(s,a,l),C(s,l)}),n[c.If]||l.push(t.IfBlockExpected),l)},O=(e,l,n,d)=>{e===c.If&&(l!==0&&d.push(t.InvalidIfBlockOrdinal),n[c.If]>1&&d.push(t.OnlyOneIfBlockExpected))},y=(e,l,n,d,a)=>{e===c.Else&&(d[c.Else]>1&&a.push(t.OnlyOneElseBlockExpected),(l===0||l!==n-1)&&a.push(t.InvalidElseBlockOrdinal))},r=(e,l,n)=>{e===c.ElseIf&&l===0&&n.push(t.InvalidElseIfBlockOrdinal)},C=(e,l)=>{e!==c.If&&e!==c.ElseIf&&e!==c.Else&&l.push(t.InvalidElement)},v=(e,l)=>{const n=[];if(e.length===0)n.push(t.ChildrenExpected,t.TemplateBlockExpected);else if(e.length>1)n.push(t.SingleChildExpected,t.OnlyOneTemplateBlockExpected);else{const{displayName:d=c.Unknown}=e[0].type;d!==c.Template&&n.push(t.InvalidElement,t.TemplateBlockExpected);const{from:a=0,to:s=0,step:p=0}=l??{};(p===0||p>0&&a>s||p<0&&a<s)&&n.push(t.InfiniteLoopCondition)}return n.length&&n.push(t.MalformedLoop),n};class T{static get(l){let n=()=>[];switch(l){case c.Check:n=B;break;case c.If:case c.ElseIf:case c.Else:n=x;break;case c.Loop:n=v;break}return n}}const h=(e,l)=>{const{children:n}=e,d=i.Children.toArray(n);return i.useMemo(()=>T.get(l),[l])(d,e)},b=e=>{const l=h(e,c.Check);if(l.length)return{children:i.createElement(f,{errors:l})};const d=i.Children.toArray(e.children).filter(i.isValidElement);return{children:j(d)}},j=e=>{for(const l of e){if(!l||!i.isValidElement(l))continue;const{displayName:n}=l.type;if(n){const{condition:d}=l.props;if((n==="If"||n==="ElseIf")&&d===!0||n==="Else")return l}}return null},I=e=>{const{children:l}=b(e);return o.jsx(o.Fragment,{children:l})};I.displayName=c.Check;const k=e=>{const l=h(e,"If"),{condition:n}=e,d=l.length===0?e.children:o.jsx(f,{errors:l});return o.jsx(o.Fragment,{children:n&&d})};k.displayName=c.If;const E=e=>{const l=h(e,"ElseIf"),{condition:n}=e,d=l.length===0?e.children:o.jsx(f,{errors:l});return o.jsx(o.Fragment,{children:n&&d})};E.displayName=c.ElseIf;const u=e=>{const l=h(e,"Else"),n=l.length===0?e.children:o.jsx(f,{errors:l});return o.jsx(o.Fragment,{children:n})};u.displayName=c.Else;c.Loop;c.Template;exports.Check=I;exports.Else=u;exports.ElseIf=E;exports.If=k;

package/dist/ts-react-directives.es.js

@@ -1,97 +1,121 @@
-import { jsx as s, Fragment as o } from "react/jsx-runtime";
-import { Children as h, createElement as r, isValidElement as E } from "react";
-import './index.css';var c = /* @__PURE__ */ ((e) => (e[e.IfBlockExpected = 2001] = "IfBlockExpected", e[e.OnlyOneIfBlockExpected = 2002] = "OnlyOneIfBlockExpected", e[e.OnlyOneElseBlockExpected = 2003] = "OnlyOneElseBlockExpected", e[e.CheckBlockExpected = 2005] = "CheckBlockExpected", e[e.InvalidIfBlockOrdinal = 2004] = "InvalidIfBlockOrdinal", e[e.InvalidElseBlockOrdinal = 2006] = "InvalidElseBlockOrdinal", e[e.InvalidElseIfBlockOrdinal = 2007] = "InvalidElseIfBlockOrdinal", e[e.InvalidElement = 3002] = "InvalidElement", e[e.ChildrenExpected = 3003] = "ChildrenExpected", e))(c || {}), t = /* @__PURE__ */ ((e) => (e.If = "If", e.ElseIf = "ElseIf", e.Else = "Else", e.Check = "Check", e.Unknown = "Unknown", e))(t || {});
-const p = {
-  [c.IfBlockExpected]: "Missing 'If'",
-  [c.OnlyOneIfBlockExpected]: "Can only have one 'If'",
-  [c.OnlyOneElseBlockExpected]: "Can only have one 'Else'",
-  [c.CheckBlockExpected]: "'If', 'ElseIf', 'Else' need to be wrapped in 'Check'",
-  [c.InvalidElseBlockOrdinal]: "Invalid ordinals, 'Else' should be the last",
-  [c.InvalidIfBlockOrdinal]: "Invalid ordinals, 'If' block should be the first",
-  [c.InvalidElseIfBlockOrdinal]: "Invalid ordinals, cannot have 'ElseIf' before 'If'",
-  [c.ChildrenExpected]: "Should at least have one child",
-  [c.InvalidElement]: "Invalid element"
-}, f = ({ errors: e }) => /* @__PURE__ */ s("ol", { className: "trd-error-list", children: e.map((l, n) => /* @__PURE__ */ s("li", { children: p[l] }, `${l}-${n}`)) }), u = (e) => {
+import { jsx as i, Fragment as p } from "react/jsx-runtime";
+import { Children as I, useMemo as E, createElement as m, isValidElement as k } from "react";
+import './index.css';var t = /* @__PURE__ */ ((e) => (e[e.IfBlockExpected = 2001] = "IfBlockExpected", e[e.OnlyOneIfBlockExpected = 2002] = "OnlyOneIfBlockExpected", e[e.OnlyOneElseBlockExpected = 2003] = "OnlyOneElseBlockExpected", e[e.CheckBlockExpected = 2005] = "CheckBlockExpected", e[e.InvalidIfBlockOrdinal = 2004] = "InvalidIfBlockOrdinal", e[e.InvalidElseBlockOrdinal = 2006] = "InvalidElseBlockOrdinal", e[e.InvalidElseIfBlockOrdinal = 2007] = "InvalidElseIfBlockOrdinal", e[e.MalformedLoop = 2008] = "MalformedLoop", e[e.InfiniteLoopCondition = 2009] = "InfiniteLoopCondition", e[e.TemplateBlockExpected = 2012] = "TemplateBlockExpected", e[e.OnlyOneTemplateBlockExpected = 2013] = "OnlyOneTemplateBlockExpected", e[e.EmptyLoopSource = 2014] = "EmptyLoopSource", e[e.InvalidElement = 3002] = "InvalidElement", e[e.ChildrenExpected = 3003] = "ChildrenExpected", e[e.SingleChildExpected = 3004] = "SingleChildExpected", e))(t || {}), o = /* @__PURE__ */ ((e) => (e.If = "If", e.ElseIf = "ElseIf", e.Else = "Else", e.Check = "Check", e.Loop = "Loop", e.LoopProps = "LoopProps", e.Template = "Template", e.Unknown = "Unknown", e))(o || {});
+const u = {
+  [t.IfBlockExpected]: "Missing 'If'",
+  [t.OnlyOneIfBlockExpected]: "Can only have one 'If'",
+  [t.OnlyOneElseBlockExpected]: "Can only have one 'Else'",
+  [t.CheckBlockExpected]: "'If', 'ElseIf', 'Else' need to be wrapped in 'Check'",
+  [t.InvalidElseBlockOrdinal]: "Invalid ordinals, 'Else' should be the last",
+  [t.InvalidIfBlockOrdinal]: "Invalid ordinals, 'If' block should be the first",
+  [t.InvalidElseIfBlockOrdinal]: "Invalid ordinals, cannot have 'ElseIf' before 'If'",
+  [t.ChildrenExpected]: "Should at least have one child",
+  [t.InvalidElement]: "Invalid element",
+  [t.MalformedLoop]: "Malformed loop",
+  [t.EmptyLoopSource]: "Empty loop source",
+  [t.InfiniteLoopCondition]: "Infinite loop condition",
+  [t.TemplateBlockExpected]: "Missing 'Template'",
+  [t.OnlyOneTemplateBlockExpected]: "Only one Template block expected",
+  [t.SingleChildExpected]: "Can have only a single child"
+}, f = ({ errors: e }) => /* @__PURE__ */ i("ol", { className: "trd-error-list", children: e.map((l, n) => /* @__PURE__ */ i("li", { children: u[l] }, `${l}-${n}`)) }), B = (e) => {
   const l = [];
-  return e.length === 0 ? (l.push(c.ChildrenExpected), l) : (e.forEach((n) => {
-    const { displayName: d = t.Unknown } = n.type ?? {};
-    (d === t.If || d === t.ElseIf || d === t.Else) && (l.push(c.InvalidElement), l.push(c.CheckBlockExpected));
+  return e.length === 0 ? (l.push(t.ChildrenExpected), l) : (e.forEach((n) => {
+    const { displayName: c = o.Unknown } = n.type ?? {};
+    (c === o.If || c === o.ElseIf || c === o.Else) && (l.push(t.InvalidElement), l.push(t.CheckBlockExpected));
   }), l);
-}, v = (e) => {
+}, O = (e) => {
   const l = [], n = {};
-  return e.length === 0 ? (l.push(c.ChildrenExpected, c.IfBlockExpected), l) : (e.forEach((d, a) => {
-    const { displayName: i = t.Unknown } = d.type, k = n[i] ?? 0;
-    n[i] = k + 1, B(i, a, n, l), O(i, a, e.length, n, l), C(i, a, l), m(i, l);
-  }), n[t.If] || l.push(c.IfBlockExpected), l);
-}, B = (e, l, n, d) => {
-  e === t.If && (l !== 0 && d.push(c.InvalidIfBlockOrdinal), n[t.If] > 1 && d.push(c.OnlyOneIfBlockExpected));
-}, O = (e, l, n, d, a) => {
-  e === t.Else && (d[t.Else] > 1 && a.push(c.OnlyOneElseBlockExpected), (l === 0 || l !== n - 1) && a.push(c.InvalidElseBlockOrdinal));
+  return e.length === 0 ? (l.push(t.ChildrenExpected, t.IfBlockExpected), l) : (e.forEach((c, d) => {
+    const { displayName: a = o.Unknown } = c.type ?? {}, s = n[a] ?? 0;
+    n[a] = s + 1, x(a, d, n, l), y(a, d, e.length, n, l), C(a, d, l), v(a, l);
+  }), n[o.If] || l.push(t.IfBlockExpected), l);
+}, x = (e, l, n, c) => {
+  e === o.If && (l !== 0 && c.push(t.InvalidIfBlockOrdinal), n[o.If] > 1 && c.push(t.OnlyOneIfBlockExpected));
+}, y = (e, l, n, c, d) => {
+  e === o.Else && (c[o.Else] > 1 && d.push(t.OnlyOneElseBlockExpected), (l === 0 || l !== n - 1) && d.push(t.InvalidElseBlockOrdinal));
 }, C = (e, l, n) => {
-  e === t.ElseIf && l === 0 && n.push(c.InvalidElseIfBlockOrdinal);
-}, m = (e, l) => {
-  e !== t.If && e !== t.ElseIf && e !== t.Else && l.push(c.InvalidElement);
+  e === o.ElseIf && l === 0 && n.push(t.InvalidElseIfBlockOrdinal);
+}, v = (e, l) => {
+  e !== o.If && e !== o.ElseIf && e !== o.Else && l.push(t.InvalidElement);
+}, r = (e, l) => {
+  const n = [];
+  if (e.length === 0)
+    n.push(t.ChildrenExpected, t.TemplateBlockExpected);
+  else if (e.length > 1)
+    n.push(t.SingleChildExpected, t.OnlyOneTemplateBlockExpected);
+  else {
+    const { displayName: c = o.Unknown } = e[0].type;
+    c !== o.Template && n.push(t.InvalidElement, t.TemplateBlockExpected);
+    const { from: d = 0, to: a = 0, step: s = 0 } = l ?? {};
+    (s === 0 || s > 0 && d > a || s < 0 && d < a) && n.push(t.InfiniteLoopCondition);
+  }
+  return n.length && n.push(t.MalformedLoop), n;
 };
-class y {
+class T {
   static get(l) {
     let n = () => [];
     switch (l) {
-      case t.Check:
-        n = v;
+      case o.Check:
+        n = O;
+        break;
+      case o.If:
+      case o.ElseIf:
+      case o.Else:
+        n = B;
         break;
-      case t.If:
-      case t.ElseIf:
-      case t.Else:
-        n = u;
+      case o.Loop:
+        n = r;
         break;
     }
     return n;
   }
 }
-const I = (e, l) => {
-  const { children: n } = e, d = h.toArray(n);
-  return y.get(l)(d);
-}, x = (e) => {
-  const l = I(e, t.Check);
-  if (l.length)
-    return { children: r(f, { errors: l }) };
-  const d = h.toArray(e.children).filter(E);
-  return { children: b(d) };
+const h = (e, l) => {
+  const { children: n } = e, c = I.toArray(n);
+  return E(() => T.get(l), [l])(c, e);
 }, b = (e) => {
+  const l = h(e, o.Check);
+  if (l.length)
+    return { children: m(f, { errors: l }) };
+  const c = I.toArray(e.children).filter(k);
+  return { children: S(c) };
+}, S = (e) => {
   for (const l of e) {
-    if (!l || !E(l))
+    if (!l || !k(l))
       continue;
     const { displayName: n } = l.type;
     if (n) {
-      const { condition: d } = l.props;
-      if ((n === "If" || n === "ElseIf") && d === !0 || n === "Else")
+      const { condition: c } = l.props;
+      if ((n === "If" || n === "ElseIf") && c === !0 || n === "Else")
         return l;
     }
   }
   return null;
-}, w = (e) => {
-  const { children: l } = x(e);
-  return /* @__PURE__ */ s(o, { children: l });
+}, M = (e) => {
+  const { children: l } = b(e);
+  return /* @__PURE__ */ i(p, { children: l });
 };
-w.displayName = t.Check;
-const N = (e) => {
-  const l = I(e, "If"), { condition: n } = e, d = l.length === 0 ? e.children : /* @__PURE__ */ s(f, { errors: l });
-  return /* @__PURE__ */ s(o, { children: n && d });
+M.displayName = o.Check;
+const w = (e) => {
+  const l = h(e, "If"), { condition: n } = e, c = l.length === 0 ? e.children : /* @__PURE__ */ i(f, { errors: l });
+  return /* @__PURE__ */ i(p, { children: n && c });
 };
-N.displayName = t.If;
-const U = (e) => {
-  const l = I(e, "ElseIf"), { condition: n } = e, d = l.length === 0 ? e.children : /* @__PURE__ */ s(f, { errors: l });
-  return /* @__PURE__ */ s(o, { children: n && d });
+w.displayName = o.If;
+const N = (e) => {
+  const l = h(e, "ElseIf"), { condition: n } = e, c = l.length === 0 ? e.children : /* @__PURE__ */ i(f, { errors: l });
+  return /* @__PURE__ */ i(p, { children: n && c });
 };
-U.displayName = t.ElseIf;
+N.displayName = o.ElseIf;
 const F = (e) => {
-  const l = I(e, "Else"), n = l.length === 0 ? e.children : /* @__PURE__ */ s(f, { errors: l });
-  return /* @__PURE__ */ s(o, { children: n });
+  const l = h(e, "Else"), n = l.length === 0 ? e.children : /* @__PURE__ */ i(f, { errors: l });
+  return /* @__PURE__ */ i(p, { children: n });
 };
-F.displayName = t.Else;
+F.displayName = o.Else;
+o.Loop;
+o.Template;
 export {
-  w as Check,
+  M as Check,
   F as Else,
-  U as ElseIf,
-  N as If
+  N as ElseIf,
+  w as If
 };

package/dist/ts-react-directives.umd.js

@@ -1,2 +1,2 @@
-(function(a,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],o):(a=typeof globalThis<"u"?globalThis:a||self,o(a["ts-react-directives"]={},a["react/jsx-runtime"],a.React))})(this,function(a,o,i){"use strict";var I=document.createElement("style");I.textContent=`:root{--trd-color: 255, 100, 200;--trd-bg-color: 0, 100, 200}ol.trd-error-list{border:.2rem double rgb(var(--trd-bg-color));background-color:rgba(var(--trd-bg-color),.1);list-style-type:none;box-sizing:border-box;padding:.5rem;margin:0}.trd-error-list>li{color:#000;background-color:rgba(var(--trd-color),.1);padding:.125rem;margin:.125rem;border:2px solid rgb(var(--trd-color));font-size:1.5rem;font-family:monospace}.trd-error-list>li:before{content:"🛈 ";font-size:1.5rem;padding-left:.125rem;margin-right:.125rem}
-/*$vite$:1*/`,document.head.appendChild(I);var d=(e=>(e[e.IfBlockExpected=2001]="IfBlockExpected",e[e.OnlyOneIfBlockExpected=2002]="OnlyOneIfBlockExpected",e[e.OnlyOneElseBlockExpected=2003]="OnlyOneElseBlockExpected",e[e.CheckBlockExpected=2005]="CheckBlockExpected",e[e.InvalidIfBlockOrdinal=2004]="InvalidIfBlockOrdinal",e[e.InvalidElseBlockOrdinal=2006]="InvalidElseBlockOrdinal",e[e.InvalidElseIfBlockOrdinal=2007]="InvalidElseIfBlockOrdinal",e[e.InvalidElement=3002]="InvalidElement",e[e.ChildrenExpected=3003]="ChildrenExpected",e))(d||{}),t=(e=>(e.If="If",e.ElseIf="ElseIf",e.Else="Else",e.Check="Check",e.Unknown="Unknown",e))(t||{});const v={[d.IfBlockExpected]:"Missing 'If'",[d.OnlyOneIfBlockExpected]:"Can only have one 'If'",[d.OnlyOneElseBlockExpected]:"Can only have one 'Else'",[d.CheckBlockExpected]:"'If', 'ElseIf', 'Else' need to be wrapped in 'Check'",[d.InvalidElseBlockOrdinal]:"Invalid ordinals, 'Else' should be the last",[d.InvalidIfBlockOrdinal]:"Invalid ordinals, 'If' block should be the first",[d.InvalidElseIfBlockOrdinal]:"Invalid ordinals, cannot have 'ElseIf' before 'If'",[d.ChildrenExpected]:"Should at least have one child",[d.InvalidElement]:"Invalid element"},f=({errors:e})=>o.jsx("ol",{className:"trd-error-list",children:e.map((l,n)=>o.jsx("li",{children:v[l]},`${l}-${n}`))}),m=e=>{const l=[];return e.length===0?(l.push(d.ChildrenExpected),l):(e.forEach(n=>{const{displayName:c=t.Unknown}=n.type??{};(c===t.If||c===t.ElseIf||c===t.Else)&&(l.push(d.InvalidElement),l.push(d.CheckBlockExpected))}),l)},y=e=>{const l=[],n={};return e.length===0?(l.push(d.ChildrenExpected,d.IfBlockExpected),l):(e.forEach((c,s)=>{const{displayName:r=t.Unknown}=c.type,F=n[r]??0;n[r]=F+1,B(r,s,n,l),O(r,s,e.length,n,l),C(r,s,l),b(r,l)}),n[t.If]||l.push(d.IfBlockExpected),l)},B=(e,l,n,c)=>{e===t.If&&(l!==0&&c.push(d.InvalidIfBlockOrdinal),n[t.If]>1&&c.push(d.OnlyOneIfBlockExpected))},O=(e,l,n,c,s)=>{e===t.Else&&(c[t.Else]>1&&s.push(d.OnlyOneElseBlockExpected),(l===0||l!==n-1)&&s.push(d.InvalidElseBlockOrdinal))},C=(e,l,n)=>{e===t.ElseIf&&l===0&&n.push(d.InvalidElseIfBlockOrdinal)},b=(e,l)=>{e!==t.If&&e!==t.ElseIf&&e!==t.Else&&l.push(d.InvalidElement)};class x{static get(l){let n=()=>[];switch(l){case t.Check:n=y;break;case t.If:case t.ElseIf:case t.Else:n=m;break}return n}}const h=(e,l)=>{const{children:n}=e,c=i.Children.toArray(n);return x.get(l)(c)},g=e=>{const l=h(e,t.Check);if(l.length)return{children:i.createElement(f,{errors:l})};const c=i.Children.toArray(e.children).filter(i.isValidElement);return{children:w(c)}},w=e=>{for(const l of e){if(!l||!i.isValidElement(l))continue;const{displayName:n}=l.type;if(n){const{condition:c}=l.props;if((n==="If"||n==="ElseIf")&&c===!0||n==="Else")return l}}return null},E=e=>{const{children:l}=g(e);return o.jsx(o.Fragment,{children:l})};E.displayName=t.Check;const k=e=>{const l=h(e,"If"),{condition:n}=e,c=l.length===0?e.children:o.jsx(f,{errors:l});return o.jsx(o.Fragment,{children:n&&c})};k.displayName=t.If;const p=e=>{const l=h(e,"ElseIf"),{condition:n}=e,c=l.length===0?e.children:o.jsx(f,{errors:l});return o.jsx(o.Fragment,{children:n&&c})};p.displayName=t.ElseIf;const u=e=>{const l=h(e,"Else"),n=l.length===0?e.children:o.jsx(f,{errors:l});return o.jsx(o.Fragment,{children:n})};u.displayName=t.Else,a.Check=E,a.Else=u,a.ElseIf=p,a.If=k,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+(function(a,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],c):(a=typeof globalThis<"u"?globalThis:a||self,c(a["ts-react-directives"]={},a["react/jsx-runtime"],a.React))})(this,function(a,c,p){"use strict";var I=document.createElement("style");I.textContent=`:root{--trd-color: 255, 100, 200;--trd-bg-color: 0, 100, 200}ol.trd-error-list{border:.2rem double rgb(var(--trd-bg-color));background-color:rgba(var(--trd-bg-color),.1);list-style-type:none;box-sizing:border-box;padding:.5rem;margin:0}.trd-error-list>li{color:#000;background-color:rgba(var(--trd-color),.1);padding:.125rem;margin:.125rem;border:2px solid rgb(var(--trd-color));font-size:1.5rem;font-family:monospace}.trd-error-list>li:before{content:"🛈 ";font-size:1.5rem;padding-left:.125rem;margin-right:.125rem}
+/*$vite$:1*/`,document.head.appendChild(I);var t=(e=>(e[e.IfBlockExpected=2001]="IfBlockExpected",e[e.OnlyOneIfBlockExpected=2002]="OnlyOneIfBlockExpected",e[e.OnlyOneElseBlockExpected=2003]="OnlyOneElseBlockExpected",e[e.CheckBlockExpected=2005]="CheckBlockExpected",e[e.InvalidIfBlockOrdinal=2004]="InvalidIfBlockOrdinal",e[e.InvalidElseBlockOrdinal=2006]="InvalidElseBlockOrdinal",e[e.InvalidElseIfBlockOrdinal=2007]="InvalidElseIfBlockOrdinal",e[e.MalformedLoop=2008]="MalformedLoop",e[e.InfiniteLoopCondition=2009]="InfiniteLoopCondition",e[e.TemplateBlockExpected=2012]="TemplateBlockExpected",e[e.OnlyOneTemplateBlockExpected=2013]="OnlyOneTemplateBlockExpected",e[e.EmptyLoopSource=2014]="EmptyLoopSource",e[e.InvalidElement=3002]="InvalidElement",e[e.ChildrenExpected=3003]="ChildrenExpected",e[e.SingleChildExpected=3004]="SingleChildExpected",e))(t||{}),o=(e=>(e.If="If",e.ElseIf="ElseIf",e.Else="Else",e.Check="Check",e.Loop="Loop",e.LoopProps="LoopProps",e.Template="Template",e.Unknown="Unknown",e))(o||{});const y={[t.IfBlockExpected]:"Missing 'If'",[t.OnlyOneIfBlockExpected]:"Can only have one 'If'",[t.OnlyOneElseBlockExpected]:"Can only have one 'Else'",[t.CheckBlockExpected]:"'If', 'ElseIf', 'Else' need to be wrapped in 'Check'",[t.InvalidElseBlockOrdinal]:"Invalid ordinals, 'Else' should be the last",[t.InvalidIfBlockOrdinal]:"Invalid ordinals, 'If' block should be the first",[t.InvalidElseIfBlockOrdinal]:"Invalid ordinals, cannot have 'ElseIf' before 'If'",[t.ChildrenExpected]:"Should at least have one child",[t.InvalidElement]:"Invalid element",[t.MalformedLoop]:"Malformed loop",[t.EmptyLoopSource]:"Empty loop source",[t.InfiniteLoopCondition]:"Infinite loop condition",[t.TemplateBlockExpected]:"Missing 'Template'",[t.OnlyOneTemplateBlockExpected]:"Only one Template block expected",[t.SingleChildExpected]:"Can have only a single child"},r=({errors:e})=>c.jsx("ol",{className:"trd-error-list",children:e.map((l,n)=>c.jsx("li",{children:y[l]},`${l}-${n}`))}),v=e=>{const l=[];return e.length===0?(l.push(t.ChildrenExpected),l):(e.forEach(n=>{const{displayName:d=o.Unknown}=n.type??{};(d===o.If||d===o.ElseIf||d===o.Else)&&(l.push(t.InvalidElement),l.push(t.CheckBlockExpected))}),l)},B=e=>{const l=[],n={};return e.length===0?(l.push(t.ChildrenExpected,t.IfBlockExpected),l):(e.forEach((d,i)=>{const{displayName:s=o.Unknown}=d.type??{},f=n[s]??0;n[s]=f+1,C(s,i,n,l),O(s,i,e.length,n,l),x(s,i,l),b(s,l)}),n[o.If]||l.push(t.IfBlockExpected),l)},C=(e,l,n,d)=>{e===o.If&&(l!==0&&d.push(t.InvalidIfBlockOrdinal),n[o.If]>1&&d.push(t.OnlyOneIfBlockExpected))},O=(e,l,n,d,i)=>{e===o.Else&&(d[o.Else]>1&&i.push(t.OnlyOneElseBlockExpected),(l===0||l!==n-1)&&i.push(t.InvalidElseBlockOrdinal))},x=(e,l,n)=>{e===o.ElseIf&&l===0&&n.push(t.InvalidElseIfBlockOrdinal)},b=(e,l)=>{e!==o.If&&e!==o.ElseIf&&e!==o.Else&&l.push(t.InvalidElement)},T=(e,l)=>{const n=[];if(e.length===0)n.push(t.ChildrenExpected,t.TemplateBlockExpected);else if(e.length>1)n.push(t.SingleChildExpected,t.OnlyOneTemplateBlockExpected);else{const{displayName:d=o.Unknown}=e[0].type;d!==o.Template&&n.push(t.InvalidElement,t.TemplateBlockExpected);const{from:i=0,to:s=0,step:f=0}=l??{};(f===0||f>0&&i>s||f<0&&i<s)&&n.push(t.InfiniteLoopCondition)}return n.length&&n.push(t.MalformedLoop),n};class g{static get(l){let n=()=>[];switch(l){case o.Check:n=B;break;case o.If:case o.ElseIf:case o.Else:n=v;break;case o.Loop:n=T;break}return n}}const h=(e,l)=>{const{children:n}=e,d=p.Children.toArray(n);return p.useMemo(()=>g.get(l),[l])(d,e)},S=e=>{const l=h(e,o.Check);if(l.length)return{children:p.createElement(r,{errors:l})};const d=p.Children.toArray(e.children).filter(p.isValidElement);return{children:F(d)}},F=e=>{for(const l of e){if(!l||!p.isValidElement(l))continue;const{displayName:n}=l.type;if(n){const{condition:d}=l.props;if((n==="If"||n==="ElseIf")&&d===!0||n==="Else")return l}}return null},k=e=>{const{children:l}=S(e);return c.jsx(c.Fragment,{children:l})};k.displayName=o.Check;const E=e=>{const l=h(e,"If"),{condition:n}=e,d=l.length===0?e.children:c.jsx(r,{errors:l});return c.jsx(c.Fragment,{children:n&&d})};E.displayName=o.If;const m=e=>{const l=h(e,"ElseIf"),{condition:n}=e,d=l.length===0?e.children:c.jsx(r,{errors:l});return c.jsx(c.Fragment,{children:n&&d})};m.displayName=o.ElseIf;const u=e=>{const l=h(e,"Else"),n=l.length===0?e.children:c.jsx(r,{errors:l});return c.jsx(c.Fragment,{children:n})};u.displayName=o.Else,o.Loop,o.Template,a.Check=k,a.Else=u,a.ElseIf=m,a.If=E,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@openbytes/ts-react-directives",
-  "version": "1.0.0",
+  "description": "A collection of React directives to simplify conditional rendering and loops.",
+  "version": "1.1.0",
   "type": "module",
   "author": {
     "name": "SkyCodr (aka: Dulan Sudasinghe)",
@@ -11,6 +12,24 @@
     "dist",
     "README.md"
   ],
+  "keywords": [
+    "react",
+    "typescript",
+    "directives",
+    "conditionals",
+    "if",
+    "loops",
+    "rendering",
+    "conditional rendering"
+  ],
+  "homepage": "https://skycodr.github.io/ts-react-directives/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/skycodr/ts-react-directives.git"
+  },
+  "bugs": {
+    "url": "https://github.com/skycodr/ts-react-directives/issues"
+  },
   "readme": "README.md",
   "types": "dist/ts-react-directives.d.ts",
   "main": "dist/ts-react-directives.cjs.js",
@@ -29,9 +48,7 @@
   },
   "dependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-syntax-highlighter": "^15.6.1",
-    "react-tabs": "^6.1.0"
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.7.1",
@@ -57,6 +74,8 @@
     "jsdom": "^26.0.0",
     "lint-staged": "^15.4.3",
     "prettier": "^3.5.1",
+    "react-syntax-highlighter": "^15.6.1",
+    "react-tabs": "^6.1.0",
     "rimraf": "^6.0.1",
     "typescript": "~5.7.3",
     "typescript-eslint": "^8.24.0",
@@ -79,7 +98,7 @@
     "preview": "vite preview --config vite.config.examples.ts",
     "build:lib": "tsc -b && vite build",
     "build:examples": "tsc -b && vite build --config vite.config.examples.ts",
-    "build": "&& pnpm build:lib && pnpm build:examples",
+    "build": "pnpm build:lib && pnpm build:examples",
     "lint": "eslint src/**/*.{ts,tsx}",
     "lint:fix": "eslint --fix src/**/*.{ts,tsx}",
     "format": "prettier --check src/**/*.{ts,tsx}",