@openbytes/ts-react-directives 0.1.7 → 0.2.0

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const c=require("react/jsx-runtime"),h=require("react");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 m={[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"},I=({errors:e})=>c.jsx("ol",{className:"trd-error-list",children:e.map((l,n)=>c.jsx("li",{children:m[l]},`${l}-${n}`))}),p=e=>{const l=[];return e.length===0?(l.push(t.ChildrenExpected),l):(e.forEach(n=>{const{displayName:a}=n.type??{};(a===i.displayName||a===f.displayName||a===s.displayName)&&l.push(t.SwitchBlockExpected)}),l)},k=e=>{const l=[],n={};return e.length===0?(l.push(t.ChildrenExpected,t.IfBlockExpected),l):(e.forEach((a,d)=>{const{displayName:o="unknown"}=a.type,u=n[o]??0;n[o]=u+1,v(o,d,n,l),B(o,d,e.length,n,l),y(o,d,l),O(o,l)}),n[i.name]||l.push(t.IfBlockExpected),l)},v=(e,l,n,a)=>{e===i.name&&(l!==0&&a.push(t.InvalidIfBlockOrdinal),n[i.name]>1&&a.push(t.OnlyOneIfBlockExpected))},B=(e,l,n,a,d)=>{e===s.name&&(a[s.name]>1&&d.push(t.OnlyOneElseBlockExpected),(l===0||l!==n-1)&&d.push(t.InvalidElseBlockOrdinal))},y=(e,l,n)=>{e===f.name&&l===0&&n.push(t.InvalidElseIfBlockOrdinal)},O=(e,l)=>{e!==i.name&&e!==f.name&&e!==s.name&&l.push(t.InvalidElement)};class x{static get(l){let n;switch(l){case E.displayName:n=k;break;case i.displayName:case f.displayName:case s.displayName:n=p;break;default:n=()=>[]}return n}}const r=(e,l)=>{const{children:n}=e,a=h.Children.toArray(n);return x.get(l)(a)},S=e=>{const l=r(e,"SwitchIf");if(l.length)return{children:h.createElement(I,{errors:l})};const a=h.Children.toArray(e.children).filter(h.isValidElement);return{children:w(a)}},w=e=>{for(const l of e){if(!l||!h.isValidElement(l))continue;const{displayName:n}=l.type;if(n){const{condition:a}=l.props;if((n==="If"||n==="ElseIf")&&a===!0||n==="Else")return l}}return null},E=e=>{const{children:l}=S(e);return c.jsx(c.Fragment,{children:l})};E.displayName="SwitchIf";const i=e=>{const l=r(e,"If"),{condition:n}=e,a=l.length===0?e.children:c.jsx(I,{errors:l});return c.jsx(c.Fragment,{children:n&&a})};i.displayName="If";const f=e=>{const l=r(e,"ElseIf"),{condition:n}=e,a=l.length===0?e.children:c.jsx(I,{errors:l});return c.jsx(c.Fragment,{children:n&&a})};f.displayName="ElseIf";const s=e=>{const l=r(e,"Else"),n=l.length===0?e.children:c.jsx(I,{errors:l});return c.jsx(c.Fragment,{children:n})};s.displayName="Else";exports.Else=s;exports.ElseIf=f;exports.If=i;exports.SwitchIf=E;

package/dist/ts-react-directives.d.ts

@@ -1,23 +1,24 @@
 import { FC } from 'react';
 import { PropsWithChildren } from 'react';
-import { ReactNode } from 'react';
 
-export declare const Else: FC<ElseProps>;
+export declare const Else: FC<PropsWithChildren<ElseProps>>;
 
 export declare const ElseIf: FC<ElseIfProps>;
 
-declare type ElseIfProps<T extends ReactNode = any> = IfProps<T>;
+export declare type ElseIfProps = PropsWithChildren<{
+    condition: boolean;
+}>;
 
-declare type ElseProps<T extends ReactNode = any> = PropsWithChildren<T>;
+declare type ElseProps = {};
 
 export declare const If: FC<IfProps>;
 
-declare type IfProps<T extends ReactNode = any> = PropsWithChildren<T> & {
+export declare type IfProps = PropsWithChildren<{
     condition: boolean;
-};
+}>;
 
-export declare const SwitchIf: FC<SwitchIfProps>;
+export declare const SwitchIf: FC<PropsWithChildren<SwitchIfProps>>;
 
-declare type SwitchIfProps<T extends ReactNode = any> = PropsWithChildren<T>;
+declare type SwitchIfProps = {};
 
 export { }

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

@@ -1,101 +1,99 @@
-import { jsx as s, Fragment as r } from "react/jsx-runtime";
-import { isValidElement as O, Children as u, 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 = {
-  [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__ */ s("ol", { className: "error-list", children: e.map((n, l) => /* @__PURE__ */ s("li", { children: x[n] }, `${n}-${l}`)) }), w = (e) => {
-  const n = [];
-  return e.length === 0 ? (n.push(a.ChildrenExpected), n) : (e.forEach((l) => {
-    const t = O(l) ? l.type.name : "unknown";
-    (t === o.name || t === E.name || t === h.name) && n.push(a.SwitchBlockExpected);
-  }), n);
-}, y = (e) => {
-  const n = [], l = {};
-  return e.length === 0 ? (n.push(a.ChildrenExpected, a.IfBlockExpected), n) : (e.forEach((t, c) => {
-    const d = O(t) ? t.type.name : "unknown", i = l[d] ?? 0;
-    l[d] = i + 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 === E.name && n === 0 && l.push(a.InvalidElseIfBlockOrdinal);
-}, N = (e, n) => {
-  e !== o.name && e !== E.name && e !== h.name && n.push(a.InvalidElement);
+import { jsx as a, Fragment as h } from "react/jsx-runtime";
+import { Children as p, createElement as k, isValidElement as E } 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.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 v = {
+  [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"
+}, I = ({ errors: e }) => /* @__PURE__ */ a("ol", { className: "trd-error-list", children: e.map((l, n) => /* @__PURE__ */ a("li", { children: v[l] }, `${l}-${n}`)) }), B = (e) => {
+  const l = [];
+  return e.length === 0 ? (l.push(t.ChildrenExpected), l) : (e.forEach((n) => {
+    const { displayName: c } = n.type ?? {};
+    (c === i.displayName || c === f.displayName || c === o.displayName) && l.push(t.SwitchBlockExpected);
+  }), l);
+}, O = (e) => {
+  const l = [], n = {};
+  return e.length === 0 ? (l.push(t.ChildrenExpected, t.IfBlockExpected), l) : (e.forEach((c, d) => {
+    const { displayName: s = "unknown" } = c.type, u = n[s] ?? 0;
+    n[s] = u + 1, y(s, d, n, l), x(s, d, e.length, n, l), w(s, d, l), S(s, l);
+  }), n[i.name] || l.push(t.IfBlockExpected), l);
+}, y = (e, l, n, c) => {
+  e === i.name && (l !== 0 && c.push(t.InvalidIfBlockOrdinal), n[i.name] > 1 && c.push(t.OnlyOneIfBlockExpected));
+}, x = (e, l, n, c, d) => {
+  e === o.name && (c[o.name] > 1 && d.push(t.OnlyOneElseBlockExpected), (l === 0 || l !== n - 1) && d.push(t.InvalidElseBlockOrdinal));
+}, w = (e, l, n) => {
+  e === f.name && l === 0 && n.push(t.InvalidElseIfBlockOrdinal);
+}, S = (e, l) => {
+  e !== i.name && e !== f.name && e !== o.name && l.push(t.InvalidElement);
 };
-class F {
-  static get(n) {
-    let l;
-    switch (n) {
-      case v.name:
-        l = y;
+class N {
+  static get(l) {
+    let n;
+    switch (l) {
+      case m.displayName:
+        n = O;
         break;
-      case o.name:
-      case E.name:
-      case h.name:
-        l = w;
+      case i.displayName:
+      case f.displayName:
+      case o.displayName:
+        n = B;
         break;
       default:
-        l = () => [];
+        n = () => [];
     }
-    return l;
+    return n;
   }
 }
-const k = (e, n) => {
-  const { children: l } = e, t = u.toArray(l);
-  return F.get(n)(t);
-}, { log: I, warn: R } = console, D = (e) => {
-  var d;
-  const n = k(e, v.name);
-  if (n.length)
-    return R("__ERRORS__", n), { children: _(m, { errors: n }) };
-  const { children: l } = e, t = u.toArray(l);
-  let c = null;
-  if (t.length) {
-    let i = 0;
-    I("__FOUND_ELEMENTS__", t);
-    do {
-      const { type: p } = t[i] ?? {};
-      if (I("__INSIDE_LOOP__", i, p), p) {
-        const { name: f } = p, { condition: B } = ((d = t[i]) == null ? void 0 : d.props) ?? {};
-        if ((f === "If" || f === "ElseIf") && B === !0) {
-          I("__ELEMENT_FOUND_1__", f), c = t[i];
-          break;
-        }
-        if (f === "Else") {
-          I("__ELEMENT_FOUND_2__", f), c = t[i];
-          break;
-        }
-      }
-      i++;
-    } while (i < t.length);
+const r = (e, l) => {
+  const { children: n } = e, c = p.toArray(n);
+  return N.get(l)(c);
+}, C = (e) => {
+  const l = r(e, "SwitchIf");
+  if (l.length)
+    return { children: k(I, { errors: l }) };
+  const c = p.toArray(e.children).filter(E);
+  return { children: b(c) };
+}, b = (e) => {
+  for (const l of e) {
+    if (!l || !E(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 I("__CHILD__", c), { children: c };
-}, v = (e) => {
-  const { children: n } = D(e);
-  return /* @__PURE__ */ s(r, { children: n });
-}, o = (e) => {
-  const n = k(e, o.name), l = n.length === 0 ? e.children : /* @__PURE__ */ s(m, { errors: n });
-  return /* @__PURE__ */ s(r, { children: l });
-}, E = (e) => {
-  const n = k(e, E.name), l = n.length === 0 ? e.children : /* @__PURE__ */ s(m, { errors: n });
-  return /* @__PURE__ */ s(r, { children: l });
-}, h = (e) => {
-  const n = k(e, h.name), l = n.length === 0 ? e.children : /* @__PURE__ */ s(m, { errors: n });
-  return /* @__PURE__ */ s(r, { children: l });
+  return null;
+}, m = (e) => {
+  const { children: l } = C(e);
+  return /* @__PURE__ */ a(h, { children: l });
+};
+m.displayName = "SwitchIf";
+const i = (e) => {
+  const l = r(e, "If"), { condition: n } = e, c = l.length === 0 ? e.children : /* @__PURE__ */ a(I, { errors: l });
+  return /* @__PURE__ */ a(h, { children: n && c });
+};
+i.displayName = "If";
+const f = (e) => {
+  const l = r(e, "ElseIf"), { condition: n } = e, c = l.length === 0 ? e.children : /* @__PURE__ */ a(I, { errors: l });
+  return /* @__PURE__ */ a(h, { children: n && c });
+};
+f.displayName = "ElseIf";
+const o = (e) => {
+  const l = r(e, "Else"), n = l.length === 0 ? e.children : /* @__PURE__ */ a(I, { errors: l });
+  return /* @__PURE__ */ a(h, { children: n });
 };
+o.displayName = "Else";
 export {
-  h as Else,
-  E as ElseIf,
-  o as If,
-  v as SwitchIf
+  o as Else,
+  f as ElseIf,
+  i as If,
+  m as SwitchIf
 };

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

@@ -0,0 +1,2 @@
+(function(c,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],a):(c=typeof globalThis<"u"?globalThis:c||self,a(c["ts-react-directives"]={},c["react/jsx-runtime"],c.React))})(this,function(c,a,h){"use strict";var E=document.createElement("style");E.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(E);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 u={[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"},I=({errors:e})=>a.jsx("ol",{className:"trd-error-list",children:e.map((l,n)=>a.jsx("li",{children:u[l]},`${l}-${n}`))}),v=e=>{const l=[];return e.length===0?(l.push(t.ChildrenExpected),l):(e.forEach(n=>{const{displayName:d}=n.type??{};(d===i.displayName||d===r.displayName||d===o.displayName)&&l.push(t.SwitchBlockExpected)}),l)},k=e=>{const l=[],n={};return e.length===0?(l.push(t.ChildrenExpected,t.IfBlockExpected),l):(e.forEach((d,s)=>{const{displayName:f="unknown"}=d.type,g=n[f]??0;n[f]=g+1,y(f,s,n,l),B(f,s,e.length,n,l),O(f,s,l),b(f,l)}),n[i.name]||l.push(t.IfBlockExpected),l)},y=(e,l,n,d)=>{e===i.name&&(l!==0&&d.push(t.InvalidIfBlockOrdinal),n[i.name]>1&&d.push(t.OnlyOneIfBlockExpected))},B=(e,l,n,d,s)=>{e===o.name&&(d[o.name]>1&&s.push(t.OnlyOneElseBlockExpected),(l===0||l!==n-1)&&s.push(t.InvalidElseBlockOrdinal))},O=(e,l,n)=>{e===r.name&&l===0&&n.push(t.InvalidElseIfBlockOrdinal)},b=(e,l)=>{e!==i.name&&e!==r.name&&e!==o.name&&l.push(t.InvalidElement)};class x{static get(l){let n;switch(l){case m.displayName:n=k;break;case i.displayName:case r.displayName:case o.displayName:n=v;break;default:n=()=>[]}return n}}const p=(e,l)=>{const{children:n}=e,d=h.Children.toArray(n);return x.get(l)(d)},S=e=>{const l=p(e,"SwitchIf");if(l.length)return{children:h.createElement(I,{errors:l})};const d=h.Children.toArray(e.children).filter(h.isValidElement);return{children:w(d)}},w=e=>{for(const l of e){if(!l||!h.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},m=e=>{const{children:l}=S(e);return a.jsx(a.Fragment,{children:l})};m.displayName="SwitchIf";const i=e=>{const l=p(e,"If"),{condition:n}=e,d=l.length===0?e.children:a.jsx(I,{errors:l});return a.jsx(a.Fragment,{children:n&&d})};i.displayName="If";const r=e=>{const l=p(e,"ElseIf"),{condition:n}=e,d=l.length===0?e.children:a.jsx(I,{errors:l});return a.jsx(a.Fragment,{children:n&&d})};r.displayName="ElseIf";const o=e=>{const l=p(e,"Else"),n=l.length===0?e.children:a.jsx(I,{errors:l});return a.jsx(a.Fragment,{children:n})};o.displayName="Else",c.Else=o,c.ElseIf=r,c.If=i,c.SwitchIf=m,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,19 +1,22 @@
 {
   "name": "@openbytes/ts-react-directives",
-  "version": "0.1.7",
+  "version": "0.2.0",
   "type": "module",
   "author": {
     "name": "SkyCodr (aka: Dulan Sudasinghe)",
     "email": "dulan81@gmail.com"
   },
+  "license": "MIT",
   "files": [
     "dist"
   ],
+  "main": "dist/ts-react-directives.cjs.js",
   "module": "dist/ts-react-directives.es.js",
   "types": "dist/ts-react-directives.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/ts-react-directives.es.js"
+      "import": "./dist/ts-react-directives.es.js",
+      "require": "./dist/ts-react-directives.cjs.js"
     }
   },
   "dependencies": {
@@ -68,6 +71,6 @@
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest --coverage",
-    "publish:registry": "pnpm publish --access public"
+    "publish:registry": "pnpm publish"
   }
 }