@openbytes/ts-react-directives 0.1.5 → 0.1.6

package/dist/index.css

@@ -0,0 +1 @@
+: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}

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

@@ -1,48 +1,48 @@
-import { jsx as d, Fragment as I } from "react/jsx-runtime";
-import { isValidElement as p, Children as m, createElement as O } from "react";
-var t = /* @__PURE__ */ ((e) => (e[e.IfBlockExpected = 2001] = "IfBlockExpected", e[e.OnlyOneIfBlockExpected = 2002] = "OnlyOneIfBlockExpected", e[e.OnlyOneElseBlockExpected = 2003] = "OnlyOneElseBlockExpected", e[e.SwitchBlockExpected = 2005] = "SwitchBlockExpected", 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))(t || {});
+import { jsx as i, Fragment as r } from "react/jsx-runtime";
+import { isValidElement as u, Children as v, createElement as _ } from "react";
+import './index.css';var a = /* @__PURE__ */ ((e) => (e[e.IfBlockExpected = 2001] = "IfBlockExpected", e[e.OnlyOneIfBlockExpected = 2002] = "OnlyOneIfBlockExpected", e[e.OnlyOneElseBlockExpected = 2003] = "OnlyOneElseBlockExpected", e[e.SwitchBlockExpected = 2005] = "SwitchBlockExpected", 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))(a || {});
 const x = {
-  [t.IfBlockExpected]: "Missing 'If'",
-  [t.OnlyOneIfBlockExpected]: "Can only have one 'If'",
-  [t.OnlyOneElseBlockExpected]: "Can only have one 'Else'",
-  [t.SwitchBlockExpected]: "'If', 'ElseIf', 'Else' need to be wrapped in 'Switch'",
-  [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"
-}, r = ({ errors: e }) => /* @__PURE__ */ d("ol", { className: "error-list", children: e.map((n, l) => /* @__PURE__ */ d("li", { children: x[n] }, `${n}-${l}`)) }), y = (e) => {
+  [a.IfBlockExpected]: "Missing 'If'",
+  [a.OnlyOneIfBlockExpected]: "Can only have one 'If'",
+  [a.OnlyOneElseBlockExpected]: "Can only have one 'Else'",
+  [a.SwitchBlockExpected]: "'If', 'ElseIf', 'Else' need to be wrapped in 'Switch'",
+  [a.InvalidElseBlockOrdinal]: "Invalid ordinals, 'Else' should be the last",
+  [a.InvalidIfBlockOrdinal]: "Invalid ordinals, 'If' block should be the first",
+  [a.InvalidElseIfBlockOrdinal]: "Invalid ordinals, cannot have 'ElseIf' before 'If'",
+  [a.ChildrenExpected]: "Should at least have one child",
+  [a.InvalidElement]: "Invalid element"
+}, m = ({ errors: e }) => /* @__PURE__ */ i("ol", { className: "error-list", children: e.map((n, l) => /* @__PURE__ */ i("li", { children: x[n] }, `${n}-${l}`)) }), w = (e) => {
   const n = [];
-  return e.length === 0 ? (n.push(t.ChildrenExpected), n) : (e.forEach((l) => {
-    const c = p(l) ? l.type.name : "unknown";
-    (c === o.name || c === h.name || c === f.name) && n.push(t.SwitchBlockExpected);
+  return e.length === 0 ? (n.push(a.ChildrenExpected), n) : (e.forEach((l) => {
+    const t = u(l) ? l.type.name : "unknown";
+    (t === o.name || t === I.name || t === h.name) && n.push(a.SwitchBlockExpected);
   }), n);
-}, w = (e) => {
+}, y = (e) => {
   const n = [], l = {};
-  return e.length === 0 ? (n.push(t.ChildrenExpected, t.IfBlockExpected), n) : (e.forEach((c, s) => {
-    const a = p(c) ? c.type.name : "unknown", i = l[a] ?? 0;
-    l[a] = i + 1, S(a, s, l, n), C(a, s, e.length, l, n), b(a, s, n), F(a, n);
-  }), l[o.name] || n.push(t.IfBlockExpected), n);
-}, S = (e, n, l, c) => {
-  e === o.name && (n !== 0 && c.push(t.InvalidIfBlockOrdinal), l[o.name] > 1 && c.push(t.OnlyOneIfBlockExpected));
-}, C = (e, n, l, c, s) => {
-  e === f.name && (c[f.name] > 1 && s.push(t.OnlyOneElseBlockExpected), (n === 0 || n !== l - 1) && s.push(t.InvalidElseBlockOrdinal));
+  return e.length === 0 ? (n.push(a.ChildrenExpected, a.IfBlockExpected), n) : (e.forEach((t, c) => {
+    const d = u(t) ? t.type.name : "unknown", s = l[d] ?? 0;
+    l[d] = s + 1, S(d, c, l, n), C(d, c, e.length, l, n), b(d, c, n), N(d, n);
+  }), l[o.name] || n.push(a.IfBlockExpected), n);
+}, S = (e, n, l, t) => {
+  e === o.name && (n !== 0 && t.push(a.InvalidIfBlockOrdinal), l[o.name] > 1 && t.push(a.OnlyOneIfBlockExpected));
+}, C = (e, n, l, t, c) => {
+  e === h.name && (t[h.name] > 1 && c.push(a.OnlyOneElseBlockExpected), (n === 0 || n !== l - 1) && c.push(a.InvalidElseBlockOrdinal));
 }, b = (e, n, l) => {
-  e === h.name && n === 0 && l.push(t.InvalidElseIfBlockOrdinal);
-}, F = (e, n) => {
-  e !== o.name && e !== h.name && e !== f.name && n.push(t.InvalidElement);
+  e === I.name && n === 0 && l.push(a.InvalidElseIfBlockOrdinal);
+}, N = (e, n) => {
+  e !== o.name && e !== I.name && e !== h.name && n.push(a.InvalidElement);
 };
-class R {
+class F {
   static get(n) {
     let l;
     switch (n) {
-      case v.name:
-        l = w;
+      case O.name:
+        l = y;
         break;
       case o.name:
+      case I.name:
       case h.name:
-      case f.name:
-        l = y;
+        l = w;
         break;
       default:
         l = () => [];
@@ -50,41 +50,52 @@ class R {
     return l;
   }
 }
-const u = (e, n) => {
-  const { children: l } = e, c = m.toArray(l);
-  return R.get(n)(c);
-}, V = (e) => {
-  const n = u(e, v.name);
+const k = (e, n) => {
+  const { children: l } = e, t = v.toArray(l);
+  return F.get(n)(t);
+}, { log: E, warn: R } = console, D = (e) => {
+  var d;
+  const n = k(e, O.name);
   if (n.length)
-    return { children: O(r, { errors: n }) };
-  const { children: l } = e;
-  return { children: m.toArray(l).reduce((a, i) => {
-    if (a)
-      return a;
-    const { type: k } = i ?? {};
-    if (k) {
-      const { name: E } = k, { condition: B } = (i == null ? void 0 : i.props) ?? {};
-      if ((E === "If" || E === "ElseIf") && B === !0 || E === "Else")
-        return i;
-    }
-    return null;
-  }, null) };
-}, v = (e) => {
-  const { children: n } = V(e);
-  return /* @__PURE__ */ d(I, { children: n });
+    return R("__ERRORS__", n), { children: _(m, { errors: n }) };
+  const { children: l } = e, t = v.toArray(l);
+  let c = null;
+  if (t.length) {
+    let s = 0;
+    E("__FOUND_ELEMENTS__", t.length);
+    do {
+      const { type: p } = t[s] ?? {};
+      if (p) {
+        const { name: f } = p, { condition: B } = ((d = t[s]) == null ? void 0 : d.props) ?? {};
+        if ((f === "If" || f === "ElseIf") && B === !0) {
+          E("__ELEMENT_FOUND_1__", f), c = t[s];
+          break;
+        }
+        if (f === "Else") {
+          E("__ELEMENT_FOUND_2__", f), c = t[s];
+          break;
+        }
+      }
+      s++;
+    } while (s < t.length);
+  }
+  return E("__CHILD__", c), { children: c };
+}, O = (e) => {
+  const { children: n } = D(e);
+  return /* @__PURE__ */ i(r, { children: n });
 }, o = (e) => {
-  const n = u(e, o.name), l = n.length === 0 ? e.children : /* @__PURE__ */ d(r, { errors: n });
-  return /* @__PURE__ */ d(I, { children: l });
+  const n = k(e, o.name), l = n.length === 0 ? e.children : /* @__PURE__ */ i(m, { errors: n });
+  return /* @__PURE__ */ i(r, { children: l });
+}, I = (e) => {
+  const n = k(e, I.name), l = n.length === 0 ? e.children : /* @__PURE__ */ i(m, { errors: n });
+  return /* @__PURE__ */ i(r, { children: l });
 }, h = (e) => {
-  const n = u(e, h.name), l = n.length === 0 ? e.children : /* @__PURE__ */ d(r, { errors: n });
-  return /* @__PURE__ */ d(I, { children: l });
-}, f = (e) => {
-  const n = u(e, f.name), l = n.length === 0 ? e.children : /* @__PURE__ */ d(r, { errors: n });
-  return /* @__PURE__ */ d(I, { children: l });
+  const n = k(e, h.name), l = n.length === 0 ? e.children : /* @__PURE__ */ i(m, { errors: n });
+  return /* @__PURE__ */ i(r, { children: l });
 };
 export {
-  f as Else,
-  h as ElseIf,
+  h as Else,
+  I as ElseIf,
   o as If,
-  v as SwitchIf
+  O as SwitchIf
 };

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

@@ -1 +1,2 @@
-(function(d,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):(d=typeof globalThis<"u"?globalThis:d||self,c(d["ts-react-directives"]={},d["react/jsx-runtime"],d.React))})(this,function(d,c,I){"use strict";var t=(e=>(e[e.IfBlockExpected=2001]="IfBlockExpected",e[e.OnlyOneIfBlockExpected=2002]="OnlyOneIfBlockExpected",e[e.OnlyOneElseBlockExpected=2003]="OnlyOneElseBlockExpected",e[e.SwitchBlockExpected=2005]="SwitchBlockExpected",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))(t||{});const B={[t.IfBlockExpected]:"Missing 'If'",[t.OnlyOneIfBlockExpected]:"Can only have one 'If'",[t.OnlyOneElseBlockExpected]:"Can only have one 'Else'",[t.SwitchBlockExpected]:"'If', 'ElseIf', 'Else' need to be wrapped in 'Switch'",[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"},E=({errors:e})=>c.jsx("ol",{className:"error-list",children:e.map((n,l)=>c.jsx("li",{children:B[n]},`${n}-${l}`))}),O=e=>{const n=[];return e.length===0?(n.push(t.ChildrenExpected),n):(e.forEach(l=>{const a=I.isValidElement(l)?l.type.name:"unknown";(a===s.name||a===r.name||a===f.name)&&n.push(t.SwitchBlockExpected)}),n)},m=e=>{const n=[],l={};return e.length===0?(n.push(t.ChildrenExpected,t.IfBlockExpected),n):(e.forEach((a,h)=>{const i=I.isValidElement(a)?a.type.name:"unknown",o=l[i]??0;l[i]=o+1,y(i,h,l,n),x(i,h,e.length,l,n),w(i,h,n),S(i,n)}),l[s.name]||n.push(t.IfBlockExpected),n)},y=(e,n,l,a)=>{e===s.name&&(n!==0&&a.push(t.InvalidIfBlockOrdinal),l[s.name]>1&&a.push(t.OnlyOneIfBlockExpected))},x=(e,n,l,a,h)=>{e===f.name&&(a[f.name]>1&&h.push(t.OnlyOneElseBlockExpected),(n===0||n!==l-1)&&h.push(t.InvalidElseBlockOrdinal))},w=(e,n,l)=>{e===r.name&&n===0&&l.push(t.InvalidElseIfBlockOrdinal)},S=(e,n)=>{e!==s.name&&e!==r.name&&e!==f.name&&n.push(t.InvalidElement)};class C{static get(n){let l;switch(n){case k.name:l=m;break;case s.name:case r.name:case f.name:l=O;break;default:l=()=>[]}return l}}const u=(e,n)=>{const{children:l}=e,a=I.Children.toArray(l);return C.get(n)(a)},b=e=>{const n=u(e,k.name);if(n.length)return{children:I.createElement(E,{errors:n})};const{children:l}=e;return{children:I.Children.toArray(l).reduce((i,o)=>{if(i)return i;const{type:v}=o??{};if(v){const{name:p}=v,{condition:F}=(o==null?void 0:o.props)??{};if((p==="If"||p==="ElseIf")&&F===!0||p==="Else")return o}return null},null)}},k=e=>{const{children:n}=b(e);return c.jsx(c.Fragment,{children:n})},s=e=>{const n=u(e,s.name),l=n.length===0?e.children:c.jsx(E,{errors:n});return c.jsx(c.Fragment,{children:l})},r=e=>{const n=u(e,r.name),l=n.length===0?e.children:c.jsx(E,{errors:n});return c.jsx(c.Fragment,{children:l})},f=e=>{const n=u(e,f.name),l=n.length===0?e.children:c.jsx(E,{errors:n});return c.jsx(c.Fragment,{children:l})};d.Else=f,d.ElseIf=r,d.If=s,d.SwitchIf=k,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(d,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):(d=typeof globalThis<"u"?globalThis:d||self,c(d["ts-react-directives"]={},d["react/jsx-runtime"],d.React))})(this,function(d,c,I){"use strict";var u=document.createElement("style");u.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(u);var t=(e=>(e[e.IfBlockExpected=2001]="IfBlockExpected",e[e.OnlyOneIfBlockExpected=2002]="OnlyOneIfBlockExpected",e[e.OnlyOneElseBlockExpected=2003]="OnlyOneElseBlockExpected",e[e.SwitchBlockExpected=2005]="SwitchBlockExpected",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))(t||{});const B={[t.IfBlockExpected]:"Missing 'If'",[t.OnlyOneIfBlockExpected]:"Can only have one 'If'",[t.OnlyOneElseBlockExpected]:"Can only have one 'Else'",[t.SwitchBlockExpected]:"'If', 'ElseIf', 'Else' need to be wrapped in 'Switch'",[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"},m=({errors:e})=>c.jsx("ol",{className:"error-list",children:e.map((n,l)=>c.jsx("li",{children:B[n]},`${n}-${l}`))}),_=e=>{const n=[];return e.length===0?(n.push(t.ChildrenExpected),n):(e.forEach(l=>{const a=I.isValidElement(l)?l.type.name:"unknown";(a===r.name||a===h.name||a===f.name)&&n.push(t.SwitchBlockExpected)}),n)},b=e=>{const n=[],l={};return e.length===0?(n.push(t.ChildrenExpected,t.IfBlockExpected),n):(e.forEach((a,i)=>{const o=I.isValidElement(a)?a.type.name:"unknown",s=l[o]??0;l[o]=s+1,y(o,i,l,n),x(o,i,e.length,l,n),g(o,i,n),w(o,n)}),l[r.name]||n.push(t.IfBlockExpected),n)},y=(e,n,l,a)=>{e===r.name&&(n!==0&&a.push(t.InvalidIfBlockOrdinal),l[r.name]>1&&a.push(t.OnlyOneIfBlockExpected))},x=(e,n,l,a,i)=>{e===f.name&&(a[f.name]>1&&i.push(t.OnlyOneElseBlockExpected),(n===0||n!==l-1)&&i.push(t.InvalidElseBlockOrdinal))},g=(e,n,l)=>{e===h.name&&n===0&&l.push(t.InvalidElseIfBlockOrdinal)},w=(e,n)=>{e!==r.name&&e!==h.name&&e!==f.name&&n.push(t.InvalidElement)};class S{static get(n){let l;switch(n){case k.name:l=b;break;case r.name:case h.name:case f.name:l=_;break;default:l=()=>[]}return l}}const p=(e,n)=>{const{children:l}=e,a=I.Children.toArray(l);return S.get(n)(a)},{log:v,warn:C}=console,F=e=>{var o;const n=p(e,k.name);if(n.length)return C("__ERRORS__",n),{children:I.createElement(m,{errors:n})};const{children:l}=e,a=I.Children.toArray(l);let i=null;if(a.length){let s=0;v("__FOUND_ELEMENTS__",a.length);do{const{type:O}=a[s]??{};if(O){const{name:E}=O,{condition:N}=((o=a[s])==null?void 0:o.props)??{};if((E==="If"||E==="ElseIf")&&N===!0){v("__ELEMENT_FOUND_1__",E),i=a[s];break}if(E==="Else"){v("__ELEMENT_FOUND_2__",E),i=a[s];break}}s++}while(s<a.length)}return v("__CHILD__",i),{children:i}},k=e=>{const{children:n}=F(e);return c.jsx(c.Fragment,{children:n})},r=e=>{const n=p(e,r.name),l=n.length===0?e.children:c.jsx(m,{errors:n});return c.jsx(c.Fragment,{children:l})},h=e=>{const n=p(e,h.name),l=n.length===0?e.children:c.jsx(m,{errors:n});return c.jsx(c.Fragment,{children:l})},f=e=>{const n=p(e,f.name),l=n.length===0?e.children:c.jsx(m,{errors:n});return c.jsx(c.Fragment,{children:l})};d.Else=f,d.ElseIf=h,d.If=r,d.SwitchIf=k,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openbytes/ts-react-directives",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "type": "module",
   "author": {
     "name": "SkyCodr (aka: Dulan Sudasinghe)",
@@ -48,6 +48,7 @@
     "typescript-eslint": "^8.24.0",
     "vite": "^6.1.0",
     "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.5"
   },

package/dist/ts-react-directives.css

@@ -1 +0,0 @@
-:root{--color: 255, 100, 200;--bg-color: 0, 100, 200}ol.error-list{border:.2rem double rgb(var(--bg-color));background-color:rgba(var(--bg-color),.1);list-style-type:none;box-sizing:border-box;padding:.5rem;margin:0}.error-list>li{color:#000;background-color:rgba(var(--color),.1);padding:.125rem;margin:.125rem;border:2px solid rgb(var(--color));font-size:1.5rem;font-family:monospace}.error-list>li:before{content:"🛈 ";font-size:1.5rem;padding-left:.125rem;margin-right:.125rem}