cajoa 0.5.0 → 0.7.0

package/dist/index.js

@@ -1,407 +1,3 @@
-// src/reactivity/signal.ts
-var currentOwner = null;
-var currentEffect = null;
-function clean(owner) {
-  const fns = owner.cleanups;
-  owner.cleanups = [];
-  for (const fn of fns) fn();
-}
-function cleanComputation(c) {
-  for (const subs of c.deps) subs.delete(c);
-  c.deps.clear();
-  clean(c);
-}
-var batchDepth = 0;
-var pending = /* @__PURE__ */ new Set();
-function flush() {
-  const effects = [...pending];
-  pending.clear();
-  effects.forEach((effect) => effect.run());
-}
-function batch(fn) {
-  batchDepth++;
-  try {
-    return fn();
-  } finally {
-    batchDepth--;
-    if (batchDepth === 0) flush();
-  }
-}
-function createSignal(value) {
-  const subs = /* @__PURE__ */ new Set();
-  const get = () => {
-    if (currentEffect) {
-      subs.add(currentEffect);
-      currentEffect.deps.add(subs);
-    }
-    return value;
-  };
-  const set = (next) => {
-    const v = typeof next === "function" ? next(value) : next;
-    if (Object.is(v, value)) return;
-    value = v;
-    for (const effect of [...subs]) {
-      if (batchDepth > 0)
-        pending.add(effect);
-      else effect.run();
-    }
-  };
-  return [get, set];
-}
-function createEffect(fn) {
-  const effect = {
-    cleanups: [],
-    parent: currentOwner,
-    deps: /* @__PURE__ */ new Set(),
-    disposed: false,
-    run() {
-      if (effect.disposed) return;
-      cleanComputation(effect);
-      const prevOwner = currentOwner;
-      const prevEffect = currentEffect;
-      currentOwner = effect;
-      currentEffect = effect;
-      try {
-        fn();
-      } finally {
-        currentOwner = prevOwner;
-        currentEffect = prevEffect;
-      }
-    }
-  };
-  onCleanup(() => {
-    effect.disposed = true;
-    cleanComputation(effect);
-  });
-  effect.run();
-}
-function onCleanup(fn) {
-  currentOwner?.cleanups.push(fn);
-}
-function createRoot(fn) {
-  const root = { cleanups: [], parent: currentOwner };
-  const prevOwner = currentOwner;
-  const prevEffect = currentEffect;
-  currentOwner = root;
-  currentEffect = null;
-  try {
-    return fn(() => clean(root));
-  } finally {
-    currentOwner = prevOwner;
-    currentEffect = prevEffect;
-  }
-}
-function onMount(fn) {
-  const owner = currentOwner;
-  queueMicrotask(() => {
-    const prevOwner = currentOwner;
-    const prevEffect = currentEffect;
-    currentOwner = owner;
-    currentEffect = null;
-    try {
-      fn();
-    } finally {
-      currentOwner = prevOwner;
-      currentEffect = prevEffect;
-    }
-  });
-}
-function createContext(defaultValue) {
-  return { id: /* @__PURE__ */ Symbol("cajoa-context"), defaultValue };
-}
-function provide(ctx, value, fn) {
-  const owner = {
-    cleanups: [],
-    parent: currentOwner,
-    context: /* @__PURE__ */ new Map([[ctx.id, value]])
-  };
-  onCleanup(() => clean(owner));
-  const prev = currentOwner;
-  currentOwner = owner;
-  try {
-    return fn();
-  } finally {
-    currentOwner = prev;
-  }
-}
-function useContext(ctx) {
-  for (let o = currentOwner; o; o = o.parent) {
-    if (o.context?.has(ctx.id)) return o.context.get(ctx.id);
-  }
-  return ctx.defaultValue;
-}
-function untrack(fn) {
-  const prev = currentEffect;
-  currentEffect = null;
-  try {
-    return fn();
-  } finally {
-    currentEffect = prev;
-  }
-}
-
-// src/renderer/dom.ts
-var domRenderer = {
-  createElement: (tag) => document.createElement(tag),
-  createText: (value) => document.createTextNode(value),
-  createMarker: () => document.createComment(""),
-  createFragment: () => document.createDocumentFragment(),
-  isNode: (v) => typeof Node !== "undefined" && v instanceof Node,
-  insert: (parent, node, anchor = null) => {
-    parent.insertBefore(node, anchor);
-  },
-  remove: (node) => {
-    node.remove();
-  },
-  nextSibling: (node) => node.nextSibling,
-  parentNode: (node) => node.parentNode,
-  clear: (parent) => {
-    parent.replaceChildren();
-  },
-  setProp(el, key, value) {
-    const e = el;
-    if (key.startsWith("on") && typeof value === "function") {
-      e.addEventListener(key.slice(2).toLowerCase(), value);
-      return;
-    }
-    const name = key === "className" ? "class" : key;
-    if (value == null || value === false) e.removeAttribute(name);
-    else e.setAttribute(name, value === true ? "" : String(value));
-  }
-};
-
-// src/renderer/index.ts
-var current = domRenderer;
-function setRenderer(renderer) {
-  current = renderer;
-}
-function getRenderer() {
-  return current;
-}
-
-// src/dom/h.ts
-function h(tag, props, ...children) {
-  const r = getRenderer();
-  const el = r.createElement(tag);
-  for (const [key, value] of Object.entries(props ?? {})) {
-    if (typeof value === "function" && !key.startsWith("on")) {
-      createEffect(() => r.setProp(el, key, value()));
-    } else {
-      r.setProp(el, key, value);
-    }
-  }
-  appendChildren(el, children);
-  return el;
-}
-function toNodes(value) {
-  const r = getRenderer();
-  const out = [];
-  for (const v of [value].flat(Infinity)) {
-    if (v == null || typeof v === "boolean") continue;
-    out.push(r.isNode(v) ? v : r.createText(String(v)));
-  }
-  return out;
-}
-function reconcile(start, end, next) {
-  const r = getRenderer();
-  const keep = new Set(next);
-  let cur = r.nextSibling(start);
-  while (cur && cur !== end) {
-    const after = r.nextSibling(cur);
-    if (!keep.has(cur)) r.remove(cur);
-    cur = after;
-  }
-  const parent = r.parentNode(end);
-  let ref = r.nextSibling(start);
-  for (const node of next) {
-    if (node === ref) ref = r.nextSibling(ref);
-    else r.insert(parent, node, ref);
-  }
-}
-function appendChildren(parent, children) {
-  const r = getRenderer();
-  for (const child of children.flat(Infinity)) {
-    if (typeof child === "function") {
-      const start = r.createMarker();
-      const end = r.createMarker();
-      r.insert(parent, start);
-      r.insert(parent, end);
-      createEffect(() => reconcile(start, end, toNodes(child())));
-    } else {
-      for (const node of toNodes(child)) r.insert(parent, node);
-    }
-  }
-}
-
-// src/dom/render.ts
-function render(component, container) {
-  return createRoot((dispose) => {
-    const r = getRenderer();
-    const node = component();
-    r.clear(container);
-    r.insert(container, node);
-    return () => {
-      dispose();
-      r.clear(container);
-    };
-  });
-}
-
-// src/reactivity/memo.ts
-function createMemo(fn) {
-  const [value, setValue] = createSignal(void 0);
-  createEffect(() => setValue(() => fn()));
-  return value;
-}
-
-// src/components/show.ts
-function Show(props) {
-  const visible = createMemo(() => !!props.when());
-  return () => visible() ? untrack(() => props.children()) : untrack(() => props.fallback?.() ?? null);
-}
-
-// src/components/for.ts
-function For(props) {
-  let cache = /* @__PURE__ */ new Map();
-  onCleanup(() => {
-    cache.forEach((e) => e.dispose());
-    cache.clear();
-  });
-  return () => {
-    const items = props.each();
-    const next = /* @__PURE__ */ new Map();
-    const nodes = [];
-    items.forEach((item, i) => {
-      const k = props.key ? props.key(item, i) : item;
-      let entry = cache.get(k);
-      if (!entry) {
-        entry = createRoot((dispose) => ({
-          node: props.children(item, i),
-          dispose
-        }));
-      }
-      next.set(k, entry);
-      nodes.push(entry.node);
-    });
-    cache.forEach((entry, k) => {
-      if (!next.has(k)) entry.dispose();
-    });
-    cache = next;
-    return nodes;
-  };
-}
-
-// src/jsx-runtime.ts
-function jsx(type, props) {
-  if (typeof type === "function") return type(props ?? {});
-  const { children, ...rest } = props ?? {};
-  const kids = children === void 0 ? [] : [children];
-  return h(type, rest, ...kids);
-}
-var jsxs = jsx;
-var jsxDEV = jsx;
-function Fragment(props) {
-  const frag = getRenderer().createFragment();
-  appendChildren(frag, props.children === void 0 ? [] : [props.children]);
-  return frag;
-}
-
-// src/router.ts
-var read = () => typeof location === "undefined" ? "/" : location.pathname;
-var [path, setPath] = createSignal(read());
-var listening = false;
-function listen() {
-  if (listening || typeof window === "undefined") return;
-  listening = true;
-  window.addEventListener("popstate", () => setPath(read()));
-}
-function navigate(to, options = {}) {
-  if (new URL(to, location.href).href === location.href) return;
-  history[options.replace ? "replaceState" : "pushState"](null, "", to);
-  setPath(read());
-}
-var usePath = () => path;
-var Params = createContext({});
-function useParams() {
-  return useContext(Params);
-}
-var split = (s) => s.split("/").filter(Boolean);
-function decode(s) {
-  try {
-    return decodeURIComponent(s);
-  } catch {
-    return s;
-  }
-}
-function match(pattern, pathname) {
-  if (pattern === "*") return {};
-  const p = split(pattern);
-  const u = split(pathname);
-  if (p.length !== u.length) return null;
-  const params = {};
-  for (let i = 0; i < p.length; i++) {
-    if (p[i].startsWith(":")) params[p[i].slice(1)] = decode(u[i]);
-    else if (p[i] !== u[i]) return null;
-  }
-  return params;
-}
-function Route(props) {
-  return { __route: true, path: props.path, component: props.component };
-}
-function Router(props) {
-  listen();
-  const routes = [props.children].flat(Infinity).filter(
-    (r) => r?.__route === true
-  );
-  return () => {
-    const current2 = path();
-    for (const route of routes) {
-      const params = match(route.path, current2);
-      if (params) {
-        return untrack(() => provide(Params, params, () => route.component()));
-      }
-    }
-    return null;
-  };
-}
-function Link(props) {
-  const { href, children, ...rest } = props;
-  const onClick = (e) => {
-    if (/^[a-z][a-z0-9+.-]*:|^\/\//i.test(href)) return;
-    if (e.defaultPrevented || e.button !== 0) return;
-    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
-    e.preventDefault();
-    navigate(href);
-  };
-  return h("a", { ...rest, href, onClick }, children);
-}
-export {
-  For,
-  Fragment,
-  Link,
-  Route,
-  Router,
-  Show,
-  batch,
-  createContext,
-  createEffect,
-  createMemo,
-  createRoot,
-  createSignal,
-  domRenderer,
-  getRenderer,
-  h,
-  jsx,
-  jsxDEV,
-  jsxs,
-  navigate,
-  onCleanup,
-  onMount,
-  provide,
-  render,
-  setRenderer,
-  untrack,
-  useContext,
-  useParams,
-  usePath
-};
+// src/index.ts
+export * from "@cajoa/core";
+export * from "@cajoa/dom";

package/package.json

@@ -1,78 +1,85 @@
-{
-  "name": "cajoa",
-  "version": "0.5.0",
-  "description": "A beginner-friendly, signals-based frontend framework.",
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
-    },
-    "./jsx-runtime": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
-    },
-    "./jsx-dev-runtime": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "typecheck": "tsc --noEmit",
-    "dev": "vite --open /playground/",
-    "build": "tsup src/index.ts --format esm,cjs --dts --clean",
-    "test": "vitest",
-    "prepublishOnly": "vitest run && npm run build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/CajoaTS/Cajoa.git"
-  },
-  "keywords": [
-    "frontend",
-    "framework",
-    "signals",
-    "reactive",
-    "ui",
-    "cajoa"
-  ],
-  "author": "cjmgrc",
-  "license": "Apache-2.0",
-  "bugs": {
-    "url": "https://github.com/CajoaTS/Cajoa/issues"
-  },
-  "homepage": "https://github.com/CajoaTS/Cajoa#readme",
-  "devDependencies": {
-    "@types/node": "^26.6.5",
-    "jsdom": "^29.1.1",
-    "tsup": "^9.0.0",
-    "typescript": "^5.9.3",
-    "vite": "^8.3.4",
-    "vitest": "^5.0.5"
-  }
-}
+{
+  "name": "cajoa",
+  "version": "0.7.0",
+  "description": "A small, beginner-friendly frontend framework built on signals and JSX.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./jsx-runtime": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./jsx-dev-runtime": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "jsx-runtime": [
+        "./dist/index.d.ts"
+      ],
+      "jsx-dev-runtime": [
+        "./dist/index.d.ts"
+      ]
+    }
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": true,
+  "dependencies": {
+    "@cajoa/core": "^0.7.0",
+    "@cajoa/dom": "^0.7.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --clean",
+    "check:package": "publint && attw --pack ."
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CajoaTS/Cajoa.git",
+    "directory": "packages/cajoa"
+  },
+  "keywords": [
+    "frontend",
+    "framework",
+    "signals",
+    "reactive",
+    "ui",
+    "cajoa"
+  ],
+  "author": "cjmgrc",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/CajoaTS/Cajoa/issues"
+  },
+  "homepage": "https://github.com/CajoaTS/Cajoa#readme"
+}