content-engine-lib 1.0.0

package/LICENSE

@@ -0,0 +1,27 @@
+
+---
+
+### **2. LICENSE (MIT)**
+
+```text
+MIT License
+
+Copyright (c) 2025 Coreutility
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+# content-engine-lib
+
+A lightweight JavaScript/TypeScript library for content engine functionality.
+
+
+🔗 **Documentation:** https://coreutility.github.io/content-engine
+
+
+## Installation
+
+```bash
+npm install content-engine-lib

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+import { editor_p_TYP, hydrator_p_TYP, renderer_p_TYP } from './u/types';
+declare const renderer: (_p: renderer_p_TYP) => Promise<{
+    set: (_$p: {
+        data: {
+            l: any[];
+        } | any;
+    }, _$cb?: {}) => Promise<{
+        r: string;
+        style: string;
+        head: string;
+    }>;
+}>;
+declare const hydrator: (_p: hydrator_p_TYP) => Promise<{
+    set: (_$p: {
+        data: {
+            l: any[];
+        } | any;
+    }, _$cb?: {}) => Promise<{
+        r: string;
+        style: string;
+    }>;
+}>;
+declare const editor: (_p: editor_p_TYP) => Promise<{
+    set: (_$p: {
+        data: {
+            l: any[];
+        };
+    }, _$cb?: {
+        change: (_v: any) => any;
+    }) => Promise<{
+        r: string;
+        style: string;
+    }>;
+}>;
+export { renderer as ce_renderer, hydrator as ce_hydrator, editor as ce_editor };

package/dist/index.es.js

@@ -0,0 +1,261 @@
+const h = () => ({
+  set: () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
+    const a = Math.random() * 16 | 0;
+    return (t == "x" ? a : a & 3 | 8).toString(16);
+  })
+}), f = async () => ({
+  f: {
+    name: (t) => `${t.name}${t.id}`
+  }
+}), w = async () => ({
+  set: async (t) => {
+    console.log("--theme");
+    try {
+      if (!t.el_id)
+        throw new Error("[el_id] is required");
+      const a = t.name, n = document.getElementById(t.el_id);
+      if (!n)
+        throw new Error("[el_id] is invalid");
+      ((_) => {
+        const r = (s) => {
+          ((i) => {
+            const l = i.getAttribute("data-ce");
+            if (!l)
+              return;
+            const o = JSON.parse(l).filter((e) => e?.k.startsWith("t-"));
+            if (o.length != 0)
+              for (const e of o) {
+                const y = e.k, m = e.v.split(" ");
+                if (y == `t-${a}-class`)
+                  for (const u of m)
+                    i.classList.add(u);
+                else
+                  for (const u of m)
+                    i.classList.remove(u);
+              }
+          })(s);
+        };
+        for (const s of _.getElementsByTagName("*"))
+          r(s);
+        r(_);
+      })(n);
+    } catch (a) {
+      const n = `err: [theme] ${a}`;
+      throw console.log(n), n;
+    }
+  }
+});
+function x(t, a = 1e3) {
+  let n = {
+    cnt: 0
+  };
+  return new Promise((_) => {
+    const r = () => {
+      console.log(`[setInterval] is running.. [count=${n.cnt}]`);
+      try {
+        t() && (clearInterval(s), _());
+      } catch {
+        console.log(`warn: [wait_until] ignoring the exception in setInterval and will check again after [interval=${a}]`);
+      }
+      n.cnt += 1;
+    }, s = setInterval(() => {
+      r();
+    }, a);
+    r();
+  });
+}
+console.log("content_engine_lib");
+let c = {
+  lib: {
+    inbuilt_lib: [],
+    // <any>[], // [`text`,`table`,`editor`]
+    l: {},
+    set: async (t) => {
+      const a = t?.lib || [];
+      for (const [n, _] of a.entries()) {
+        const r = _, s = `${r.name}:${t.run_from}`, i = `${t.run_from}_src`;
+        let l = r[i];
+        const d = `${t.run_from}_src`;
+        let o = t?.lazy_lib?.[d] || null;
+        if (o && (o = o.replace("{*}", `${r.name}`)), console.log(`_lazy_src: ${o}`), console.log(`_src: ${l}`), c.lib.l.hasOwnProperty(`${s}`) == !1) {
+          if (/^[a-zA-Z0-9]/.test(l) && l.includes("/") == !1 && c.lib.inbuilt_lib.indexOf(`${r.name}`) === -1)
+            if (o)
+              l = o;
+            else
+              throw `[lib-name=${r.name},lib-src=${l}] not allowed or available in in-build mode. Need to use lazy-lib config.`;
+          if (l.startsWith("./") || l.startsWith("../")) {
+            const e = await import(
+              /* @vite-ignore */
+              /* webpackIgnore: true */
+              `${l}`
+            );
+            c.lib.l[`${s}`] = {
+              lib: e,
+              src: l
+            };
+          }
+          if (l.startsWith("http://") || l.startsWith("https://")) {
+            const e = await import(
+              /* @vite-ignore */
+              /* webpackIgnore: true */
+              `${l}`
+            );
+            c.lib.l[`${s}`] = {
+              lib: e,
+              src: l
+            };
+          }
+        }
+      }
+      console.log(await c.lib.get_all({}));
+    },
+    get: async (t) => {
+      let a = null;
+      const n = `${t.name}:${t.run_from}`;
+      return c.lib.l.hasOwnProperty(`${n}`) == !1 && await c.lib.set({
+        lib: [
+          {
+            renderer_src: t.name,
+            hydrator_src: t.name,
+            editor_src: t.name,
+            name: t.name
+          }
+        ],
+        run_from: t.run_from,
+        lazy_lib: t.lazy_lib
+      }), a = c.lib.l[`${n}`], a;
+    },
+    get_all: async (t) => c.lib.l
+  },
+  path: {
+    set: (t) => {
+      let a = "", n = "";
+      const _ = t.src.split("/");
+      if (t.src.indexOf("://localhost") !== -1 || t.src.indexOf("://127.0.0.1") !== -1 || (n = "/dist"), _.indexOf(t.type) !== -1)
+        for (const [r, s] of _.entries()) {
+          let i = r == 0 ? "" : "/";
+          if (a += `${i}${s}`, s == t.type)
+            return `${a}${n}${t.name}`;
+        }
+      else
+        for (const [r, s] of _.entries()) {
+          let i = r == 0 ? "" : "/";
+          if (a += `${i}${s}`, s == "src")
+            return `${a}${n}${t.name}`;
+        }
+      return `${a}${n}${t.name}`;
+    }
+  }
+};
+const $ = async (t) => {
+  const a = await f();
+  return await c.lib.set({ lib: t.lib, run_from: "renderer", lazy_lib: t.lazy_lib }), {
+    set: async (n, _) => {
+      console.log("--renderer [set]");
+      let r = {
+        r: "",
+        style: "",
+        head: ""
+        // `<test>head-1</test>`
+      };
+      return await (async () => {
+        for (const i of n.data?.value?.l || n.data.l) {
+          const l = await await c.lib.get({ name: i.type, run_from: "renderer", lazy_lib: t.lazy_lib }), o = await (await l.lib.index({
+            f: {
+              name: (e) => a.f.name({ id: i.id, name: e }),
+              get_lib: async (e) => await await c.lib.get({ name: e.name, run_from: e.run_from, lazy_lib: t.lazy_lib }),
+              set_theme: async (e) => await (await w()).set(e),
+              path: (e) => c.path.set({ src: l.src, type: i.type, name: e })
+            }
+          })).set({
+            data: {
+              curr: i
+            }
+          }, _);
+          r.r += o?.r || "", r.style += o?.style || "", r.head += o?.head || "";
+        }
+      })(), r;
+    }
+  };
+}, g = async (t) => {
+  const a = await f();
+  return await c.lib.set({ lib: t.lib, run_from: "hydrator", lazy_lib: t.lazy_lib }), {
+    set: async (n, _) => {
+      console.log("--hydrator [set]");
+      let r = {
+        r: "",
+        style: ""
+      };
+      const s = async () => {
+        for (const i of n.data?.value?.l || n.data.l) {
+          const l = await await c.lib.get({ name: i.type, run_from: "hydrator", lazy_lib: t.lazy_lib }), o = await (await l.lib.index({
+            f: {
+              name: (e) => a.f.name({ id: i.id, name: e }),
+              get_lib: async (e) => await await c.lib.get({ name: e.name, run_from: e.run_from, lazy_lib: t.lazy_lib }),
+              set_theme: async (e) => await (await w()).set(e),
+              path: (e) => c.path.set({ src: l.src, type: i.type, name: e })
+            }
+          })).set({
+            data: {
+              curr: i
+            }
+          }, _);
+          r.style += o.style;
+        }
+      };
+      return await x(
+        () => document.readyState === "complete" || typeof window < "u",
+        50
+      ), await s(), r;
+    }
+  };
+}, z = async (t) => (await f(), await c.lib.set({ lib: t.lib, run_from: "editor", lazy_lib: t.lazy_lib }), {
+  set: async (a, n) => {
+    console.log("--editor [set]");
+    let _ = {
+      data: {
+        l: [
+          {
+            id: h().set(),
+            type: "editor",
+            data: {
+              l: []
+            }
+          }
+        ]
+      }
+    }, r = {
+      r: "",
+      style: ""
+    };
+    const s = $, i = g, l = await s({
+      lib: t.lib,
+      lazy_lib: t.lazy_lib
+    }), d = await i({
+      lib: t.lib,
+      lazy_lib: t.lazy_lib
+    }), o = await l.set({
+      data: _.data
+    });
+    return (async () => {
+      const e = await d.set({
+        data: _.data
+      }, {
+        change: (y) => {
+          n?.change(y);
+        }
+      });
+      ((y) => {
+        const b = document.createElement("style");
+        b.innerHTML = `${e.style}`, y.appendChild(b);
+      })(document.head);
+    })(), r.r = o.r, r.style = `
+            ${o.style}
+            `, r;
+  }
+});
+export {
+  z as ce_editor,
+  g as ce_hydrator,
+  $ as ce_renderer
+};

package/dist/index.umd.js

@@ -0,0 +1,3 @@
+(function(d,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(d=typeof globalThis<"u"?globalThis:d||self,u(d["content-engine-lib"]={}))})(this,(function(d){"use strict";const u=()=>({set:()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const a=Math.random()*16|0;return(e=="x"?a:a&3|8).toString(16)})}),b=async()=>({f:{name:e=>`${e.name}${e.id}`}}),w=async()=>({set:async e=>{console.log("--theme");try{if(!e.el_id)throw new Error("[el_id] is required");const a=e.name,r=document.getElementById(e.el_id);if(!r)throw new Error("[el_id] is invalid");(_=>{const n=s=>{(i=>{const l=i.getAttribute("data-ce");if(!l)return;const c=JSON.parse(l).filter(t=>t?.k.startsWith("t-"));if(c.length!=0)for(const t of c){const f=t.k,g=t.v.split(" ");if(f==`t-${a}-class`)for(const h of g)i.classList.add(h);else for(const h of g)i.classList.remove(h)}})(s)};for(const s of _.getElementsByTagName("*"))n(s);n(_)})(r)}catch(a){const r=`err: [theme] ${a}`;throw console.log(r),r}}});function p(e,a=1e3){let r={cnt:0};return new Promise(_=>{const n=()=>{console.log(`[setInterval] is running.. [count=${r.cnt}]`);try{e()&&(clearInterval(s),_())}catch{console.log(`warn: [wait_until] ignoring the exception in setInterval and will check again after [interval=${a}]`)}r.cnt+=1},s=setInterval(()=>{n()},a);n()})}console.log("content_engine_lib");let o={lib:{inbuilt_lib:[],l:{},set:async e=>{const a=e?.lib||[];for(const[r,_]of a.entries()){const n=_,s=`${n.name}:${e.run_from}`,i=`${e.run_from}_src`;let l=n[i];const y=`${e.run_from}_src`;let c=e?.lazy_lib?.[y]||null;if(c&&(c=c.replace("{*}",`${n.name}`)),console.log(`_lazy_src: ${c}`),console.log(`_src: ${l}`),o.lib.l.hasOwnProperty(`${s}`)==!1){if(/^[a-zA-Z0-9]/.test(l)&&l.includes("/")==!1&&o.lib.inbuilt_lib.indexOf(`${n.name}`)===-1)if(c)l=c;else throw`[lib-name=${n.name},lib-src=${l}] not allowed or available in in-build mode. Need to use lazy-lib config.`;if(l.startsWith("./")||l.startsWith("../")){const t=await import(`${l}`);o.lib.l[`${s}`]={lib:t,src:l}}if(l.startsWith("http://")||l.startsWith("https://")){const t=await import(`${l}`);o.lib.l[`${s}`]={lib:t,src:l}}}}console.log(await o.lib.get_all({}))},get:async e=>{let a=null;const r=`${e.name}:${e.run_from}`;return o.lib.l.hasOwnProperty(`${r}`)==!1&&await o.lib.set({lib:[{renderer_src:e.name,hydrator_src:e.name,editor_src:e.name,name:e.name}],run_from:e.run_from,lazy_lib:e.lazy_lib}),a=o.lib.l[`${r}`],a},get_all:async e=>o.lib.l},path:{set:e=>{let a="",r="";const _=e.src.split("/");if(e.src.indexOf("://localhost")!==-1||e.src.indexOf("://127.0.0.1")!==-1||(r="/dist"),_.indexOf(e.type)!==-1)for(const[n,s]of _.entries()){let i=n==0?"":"/";if(a+=`${i}${s}`,s==e.type)return`${a}${r}${e.name}`}else for(const[n,s]of _.entries()){let i=n==0?"":"/";if(a+=`${i}${s}`,s=="src")return`${a}${r}${e.name}`}return`${a}${r}${e.name}`}}};const $=async e=>{const a=await b();return await o.lib.set({lib:e.lib,run_from:"renderer",lazy_lib:e.lazy_lib}),{set:async(r,_)=>{console.log("--renderer [set]");let n={r:"",style:"",head:""};return await(async()=>{for(const i of r.data?.value?.l||r.data.l){const l=await await o.lib.get({name:i.type,run_from:"renderer",lazy_lib:e.lazy_lib}),c=await(await l.lib.index({f:{name:t=>a.f.name({id:i.id,name:t}),get_lib:async t=>await await o.lib.get({name:t.name,run_from:t.run_from,lazy_lib:e.lazy_lib}),set_theme:async t=>await(await w()).set(t),path:t=>o.path.set({src:l.src,type:i.type,name:t})}})).set({data:{curr:i}},_);n.r+=c?.r||"",n.style+=c?.style||"",n.head+=c?.head||""}})(),n}}},x=async e=>{const a=await b();return await o.lib.set({lib:e.lib,run_from:"hydrator",lazy_lib:e.lazy_lib}),{set:async(r,_)=>{console.log("--hydrator [set]");let n={r:"",style:""};const s=async()=>{for(const i of r.data?.value?.l||r.data.l){const l=await await o.lib.get({name:i.type,run_from:"hydrator",lazy_lib:e.lazy_lib}),c=await(await l.lib.index({f:{name:t=>a.f.name({id:i.id,name:t}),get_lib:async t=>await await o.lib.get({name:t.name,run_from:t.run_from,lazy_lib:e.lazy_lib}),set_theme:async t=>await(await w()).set(t),path:t=>o.path.set({src:l.src,type:i.type,name:t})}})).set({data:{curr:i}},_);n.style+=c.style}};return await p(()=>document.readyState==="complete"||typeof window<"u",50),await s(),n}}},z=async e=>(await b(),await o.lib.set({lib:e.lib,run_from:"editor",lazy_lib:e.lazy_lib}),{set:async(a,r)=>{console.log("--editor [set]");let _={data:{l:[{id:u().set(),type:"editor",data:{l:[]}}]}},n={r:"",style:""};const s=$,i=x,l=await s({lib:e.lib,lazy_lib:e.lazy_lib}),y=await i({lib:e.lib,lazy_lib:e.lazy_lib}),c=await l.set({data:_.data});return(async()=>{const t=await y.set({data:_.data},{change:f=>{r?.change(f)}});(f=>{const m=document.createElement("style");m.innerHTML=`${t.style}`,f.appendChild(m)})(document.head)})(),n.r=c.r,n.style=`
+            ${c.style}
+            `,n}});d.ce_editor=z,d.ce_hydrator=x,d.ce_renderer=$,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/dist/l/editor/hydrator/index.d.ts

@@ -0,0 +1,8 @@
+import { _$cb_TYP, _$p_TYP, _p_TYP } from '../shared/types';
+declare const index: (_p: _p_TYP) => Promise<{
+    set: (_$p: _$p_TYP, _$cb: _$cb_TYP) => Promise<{
+        r: string;
+        style: string;
+    }>;
+}>;
+export { index };

package/dist/l/editor/hydrator/index__OLD.d.ts

@@ -0,0 +1,19 @@
+declare const index: (_p: {
+    f: {
+        name: (v: string) => string;
+    };
+}) => Promise<{
+    set: (_$p: {
+        data: {
+            curr: {
+                "id": "";
+                "type": "editor";
+                "data": string;
+            };
+        };
+    }) => Promise<{
+        r: string;
+        style: string;
+    }>;
+}>;
+export { index };

package/dist/l/editor/renderer/index.d.ts

@@ -0,0 +1,8 @@
+import { _$cb_TYP, _$p_TYP, _p_TYP } from '../shared/types';
+declare const index: (_p: _p_TYP) => Promise<{
+    set: (_$p: _$p_TYP, _$cb: _$cb_TYP) => Promise<{
+        r: string;
+        style: string;
+    }>;
+}>;
+export { index };

package/dist/l/editor/renderer/index__OLD.d.ts

@@ -0,0 +1,19 @@
+declare const index: (_p: {
+    f: {
+        name: (v: string) => string;
+    };
+}) => Promise<{
+    set: (_$p: {
+        data: {
+            curr: {
+                "id": "";
+                "type": "editor";
+                "data": string;
+            };
+        };
+    }) => Promise<{
+        r: string;
+        style: string;
+    }>;
+}>;
+export { index };

package/dist/l/editor/shared/api/component/index/index.d.ts

@@ -0,0 +1,13 @@
+declare const index: () => Promise<{
+    set: (_$p: {}) => Promise<{
+        data: {
+            l: {
+                type: string;
+                title: string;
+                desc: string;
+                icon: string;
+            }[];
+        };
+    }>;
+}>;
+export { index as component_index };

package/dist/l/editor/shared/types/index.d.ts

@@ -0,0 +1,35 @@
+type _p_TYP = {
+    f: {
+        name: (v: string) => string;
+        get_lib: (v: {
+            name: string;
+            run_from: any;
+        }) => any;
+        set_theme: (v: {
+            name: string;
+            el_id: string;
+        }) => any;
+        path: (v: string) => string;
+    };
+};
+type _$p_TYP = {
+    data: {
+        curr: {
+            "id": "";
+            "type": "editor";
+            "data": {
+                "l": any[];
+            };
+        };
+    };
+};
+type _$cb_TYP = {
+    change: (_v: {
+        _$p: _$p_TYP;
+    }) => any;
+    add: (_v: {
+        $d: _$p_TYP[`data`][`curr`][`data`];
+        el: HTMLElement;
+    }) => any;
+};
+export type { _p_TYP, _$p_TYP, _$cb_TYP };

package/dist/l/table/editor/index.d.ts

@@ -0,0 +1,7 @@
+import { _p_TYP, _$cb_TYP, _$p_TYP } from '../shared/types';
+declare const index: (_p: _p_TYP) => Promise<{
+    set: (_$p: _$p_TYP, _$cb?: _$cb_TYP) => Promise<{
+        r: string;
+    }>;
+}>;
+export { index as editor };

package/dist/l/table/hydrator/index.d.ts

@@ -0,0 +1,11 @@
+import { _$cb_TYP, _$p_TYP, _p_TYP } from '../shared/types';
+declare const index: (_p: _p_TYP) => Promise<{
+    set: (_$p: _$p_TYP, _$cb: _$cb_TYP) => Promise<{
+        r: string;
+        style: string;
+        evt: {
+            change: () => void;
+        };
+    }>;
+}>;
+export { index, index as hydrator };

package/dist/l/table/renderer/index.d.ts

@@ -0,0 +1,8 @@
+import { _$p_TYP, _p_TYP } from '../shared/types';
+declare const index: (_p: _p_TYP) => Promise<{
+    set: (_$p: _$p_TYP) => Promise<{
+        r: string;
+        style: string;
+    }>;
+}>;
+export { index, index as renderer };

package/dist/l/table/shared/types/index.d.ts

@@ -0,0 +1,45 @@
+type _p_TYP = {
+    f: {
+        name: (v: string) => string;
+        get_lib: (v: {
+            name: string;
+            run_from: any;
+        }) => any;
+        set_theme: (v: {
+            name: string;
+            el_id: string;
+        }) => any;
+        path: (v: string) => string;
+    };
+};
+type _$p_TYP = {
+    data: {
+        curr: {
+            "id": "";
+            "type": "table";
+            "data": {
+                sortBy: string;
+                sortDirection: string;
+                columns: {
+                    key: string;
+                    title: string;
+                    type: 'number' | 'string';
+                    sortable: boolean;
+                }[];
+                rows: {
+                    id: string;
+                }[];
+            };
+        };
+    };
+};
+type _$cb_TYP = {
+    change: (_v: {
+        _$p: _$p_TYP;
+    }) => any;
+    add: (_v: {
+        $d: _$p_TYP[`data`][`curr`][`data`][`columns`][`0`] | _$p_TYP[`data`][`curr`][`data`][`rows`][`0`] | any;
+        el: HTMLElement;
+    }) => any;
+};
+export type { _p_TYP, _$p_TYP, _$cb_TYP };

package/dist/l/text/editor/index.d.ts

@@ -0,0 +1,7 @@
+import { _p_TYP, _$cb_TYP, _$p_TYP } from '../shared/types';
+declare const index: (_p: _p_TYP) => Promise<{
+    set: (_$p: _$p_TYP, _$cb?: _$cb_TYP) => Promise<{
+        r: string;
+    }>;
+}>;
+export { index as editor };

package/dist/l/text/hydrator/index.d.ts

@@ -0,0 +1,11 @@
+import { _p_TYP, _$cb_TYP, _$p_TYP } from '../shared/types';
+declare const index: (_p: _p_TYP) => Promise<{
+    set: (_$p: _$p_TYP, _$cb?: _$cb_TYP) => Promise<{
+        r: string;
+        style: string;
+        evt: {
+            change: () => void;
+        };
+    }>;
+}>;
+export { index, index as hydrator };

package/dist/l/text/renderer/index.d.ts

@@ -0,0 +1,8 @@
+import { _p_TYP, _$cb_TYP, _$p_TYP } from '../shared/types';
+declare const index: (_p: _p_TYP) => Promise<{
+    set: (_$p: _$p_TYP, _$cb?: _$cb_TYP) => Promise<{
+        r: string;
+        style: string;
+    }>;
+}>;
+export { index, index as renderer };

package/dist/l/text/shared/types/index.d.ts

@@ -0,0 +1,35 @@
+type _p_TYP = {
+    f: {
+        name: (v: string) => string;
+        get_lib: (v: {
+            name: string;
+            run_from: any;
+        }) => any;
+        set_theme: (v: {
+            name: string;
+            el_id: string;
+        }) => any;
+        path: (v: string) => string;
+    };
+};
+type _$p_TYP = {
+    data: {
+        curr: {
+            "id": "";
+            "type": "text";
+            "data": {
+                "data": string;
+            };
+        };
+    };
+};
+type _$cb_TYP = {
+    change: (_v: {
+        _$p: _$p_TYP;
+    }) => any;
+    add: (_v: {
+        $d: _$p_TYP[`data`][`curr`][`data`];
+        el: HTMLElement;
+    }) => any;
+};
+export type { _p_TYP, _$p_TYP, _$cb_TYP };

package/dist/logo.svg

@@ -0,0 +1,106 @@
+<svg width="260" height="260" viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg">
+
+  <!-- ======= GRADIENTS ======= -->
+  <defs>
+    <!-- Gear metallic gradient -->
+    <linearGradient id="gearGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#dfe7ff"/>
+      <stop offset="100%" stop-color="#9db4ff"/>
+    </linearGradient>
+
+    <!-- Inner 3D shadow -->
+    <radialGradient id="innerShadow" cx="50%" cy="50%" r="60%">
+      <stop offset="60%" stop-color="rgba(0,0,0,0)" />
+      <stop offset="100%" stop-color="rgba(0,0,0,0.25)" />
+    </radialGradient>
+
+    <!-- Outer rim highlight -->
+    <radialGradient id="rimLight" cx="50%" cy="50%" r="70%">
+      <stop offset="70%" stop-color="rgba(255,255,255,0)" />
+      <stop offset="100%" stop-color="rgba(255,255,255,0.6)" />
+    </radialGradient>
+  </defs>
+
+  <!-- ======= CIRCLE BADGE ======= -->
+
+  <!-- Outer circle (outline only) -->
+  <circle cx="130" cy="130" r="118"
+          fill="#ffffff"
+          stroke="#111"
+          stroke-width="6"/>
+
+  <!-- Rim highlight -->
+  <circle cx="130" cy="130" r="118"
+          fill="url(#rimLight)"/>
+
+  <!-- Inner 3D shadow ring -->
+  <circle cx="130" cy="130" r="95"
+          fill="none"
+          stroke="url(#innerShadow)"
+          stroke-width="18"/>
+
+
+  <!-- ======= CONTENT GRID (subtle, outline only) ======= -->
+  <g stroke="#bfc7d8" stroke-width="4" stroke-linecap="round">
+    <line x1="60" y1="70" x2="200" y2="70"/>
+    <line x1="60" y1="100" x2="200" y2="100"/>
+    <line x1="60" y1="200" x2="200" y2="200"/>
+    <line x1="60" y1="170" x2="200" y2="170"/>
+    <line x1="60" y1="135" x2="150" y2="135"/>
+  </g>
+
+
+  <!-- ======= GRADIENT GEAR (outline, 3D) ======= -->
+  <path
+    d="M130 62
+       l14 -8 10 10 16 -4 6 14 16 2 2 16 14 6 -4 16 10 10 -8 14 8 14 -10 10 
+       4 16 -14 6 -2 16 -16 2 -6 14 -16 -4 -10 10 -14 -8 -14 8 -10 -10 -16 4 
+       -6 -14 -16 -2 -2 -16 -14 -6 4 -16 -10 -10 8 -14 -8 -14 10 -10 -4 -16 
+       14 -6 2 -16 16 -2 6 -14 16 4 10 -10 14 8z"
+    fill="url(#gearGrad)"
+    stroke="#111"
+    stroke-width="8"
+    stroke-linejoin="round"
+  />
+
+
+  <!-- ======= SCI-FI ANGULAR CE ======= -->
+  <g fill="#111" transform="translate(130 135)">
+
+    <!-- C (angular, tech-cut) -->
+    <path d="
+      M -48 -26
+      L -10 -26
+      L -10 -12
+      L -32 -12
+      L -32 12
+      L -10 12
+      L -10 26
+      L -48 26
+      Q -60 26 -60 12
+      L -60 -12
+      Q -60 -26 -48 -26
+      Z
+    "/>
+
+    <!-- E (sharp sci-fi) -->
+    <path d="
+      M 10 -26
+      L 52 -26
+      L 52 -12
+      L 26 -12
+      L 26 -4
+      L 46 -4
+      L 46 10
+      L 26 10
+      L 26 18
+      L 52 18
+      L 52 32
+      L 10 32
+      Z
+    "/>
+
+  </g>
+
+</svg>
+

package/dist/u/helper/index.d.ts

@@ -0,0 +1,9 @@
+declare const index: () => Promise<{
+    f: {
+        name: (v: {
+            id: string;
+            name: string;
+        }) => string;
+    };
+}>;
+export { index as helper };

package/dist/u/observe/index.d.ts

@@ -0,0 +1,9 @@
+type ChangeCallback = (path: string, key: PropertyKey, oldValue: any, newValue: any) => void;
+/**
+ * Recursively creates a Proxy for an object to observe deep changes.
+ * @param target The object or array to observe.
+ * @param onChange The callback function to execute on change or deletion.
+ * @param path The current path (used for internal recursion).
+ */
+declare function index<T extends object>(target: T, onChange: ChangeCallback, path?: string): T;
+export { index as createObserver };

package/dist/u/theme/index.d.ts

@@ -0,0 +1,8 @@
+declare const index: () => Promise<{
+    set: (_$p: {
+        /**eg => dark, light */
+        name: string;
+        el_id: string;
+    }) => Promise<void>;
+}>;
+export { index as theme };

package/dist/u/types/index.d.ts

@@ -0,0 +1,23 @@
+type renderer_p_TYP = {
+    lib?: {
+        /**`text_library` ||  `../my_libs_path/text_library/renderer/index.ts`  || `https://example.com/text_library/renderer/index.es` */
+        renderer_src: string;
+        /**`text_library` ||  `../my_libs_path/text_library/hydrator/index.ts`  || `https://example.com/text_library/hydrator/index.es` */
+        hydrator_src: string;
+        /**`text_library` ||  `../my_libs_path/text_library/editor/index.ts`  || `https://example.com/text_library/editor/index.es` */
+        editor_src: string;
+        /**`text_library` */
+        name: string;
+    }[];
+    lazy_lib?: {
+        /**http://localhost:5173/src/l/{*}/renderer/index.ts*/
+        renderer_src: string;
+        /**http://localhost:5173/src/l/{*}/hydrator/index.ts */
+        hydrator_src: string;
+        /**http://localhost:5173/src/l/{*}/editor/index.ts */
+        editor_src: string;
+    };
+};
+type hydrator_p_TYP = renderer_p_TYP;
+type editor_p_TYP = renderer_p_TYP;
+export type { renderer_p_TYP, hydrator_p_TYP, editor_p_TYP };

package/dist/u/uuid/index.d.ts

@@ -0,0 +1,4 @@
+declare const index: () => {
+    set: () => string;
+};
+export { index as uuid };

package/dist/u/wait_until/index.d.ts

@@ -0,0 +1,2 @@
+declare function index(conditionFn: () => boolean, interval?: number): Promise<void>;
+export { index as wait_until };

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "content-engine-lib",
+  "version": "1.0.0",
+  "description": "A lightweight library for content engine functionality",
+  "keywords": ["content", "engine", "library"],
+  "author": "Coreutility",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@types/node": "^24.9.1",
+    "typescript": "~5.9.3",
+    "vite": "^7.1.7",
+    "vite-plugin-dts": "^4.5.4"
+  },
+
+
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "files": [
+    "dist"
+  ]
+
+
+}