@faber1999/axon.js 0.3.0 → 0.4.1

package/README.md

@@ -1,4 +1,7 @@
-# axon.js
+<div align="center">
+  <img src="./logo.svg" width="80" alt="axon.js logo" />
+  <h1>axon.js</h1>
+</div>
 
 A fine-grained reactive frontend framework built from scratch.
 JSX syntax · Signals reactivity · Router · Store · No Virtual DOM · Zero dependencies.

package/dist/{chunk-HYNBHCGU.js → chunk-RKZYBE62.js}

@@ -93,6 +93,35 @@ function disposeOwner(owner) {
 
 // src/dom/h.ts
 var Fragment = /* @__PURE__ */ Symbol("Fragment");
+var SVG_NS = "http://www.w3.org/2000/svg";
+var SVG_ELEMENTS = /* @__PURE__ */ new Set([
+  "svg",
+  "path",
+  "circle",
+  "rect",
+  "ellipse",
+  "line",
+  "polyline",
+  "polygon",
+  "g",
+  "defs",
+  "use",
+  "symbol",
+  "text",
+  "tspan",
+  "image",
+  "clipPath",
+  "mask",
+  "filter",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "marker",
+  "pattern",
+  "foreignObject",
+  "animate",
+  "animateTransform"
+]);
 var BOOLEAN_ATTRS = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
@@ -117,7 +146,7 @@ var BOOLEAN_ATTRS = /* @__PURE__ */ new Set([
 ]);
 function applyProp(el, key, value) {
   if (key === "class" || key === "className") {
-    el.className = value ?? "";
+    el.setAttribute("class", value ?? "");
   } else if (key === "style") {
     if (typeof value === "string") {
       el.style.cssText = value;
@@ -196,7 +225,7 @@ function h(type, props, ...children) {
     else if (children.length > 1) componentProps.children = children.flat();
     return runWithOwner(type, componentProps);
   }
-  const el = document.createElement(type);
+  const el = SVG_ELEMENTS.has(type) ? document.createElementNS(SVG_NS, type) : document.createElement(type);
   if (props) {
     for (const key of Object.keys(props)) {
       const value = props[key];

package/dist/index.js

@@ -9,7 +9,7 @@ import {
   runOwned,
   runWithOwner,
   untrack
-} from "./chunk-HYNBHCGU.js";
+} from "./chunk-RKZYBE62.js";
 
 // src/reactivity/signal.ts
 var batchDepth = 0;

package/dist/jsx.js

@@ -1,7 +1,7 @@
 import {
   Fragment,
   h
-} from "./chunk-HYNBHCGU.js";
+} from "./chunk-RKZYBE62.js";
 export {
   Fragment,
   h

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faber1999/axon.js",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "A fine-grained reactive frontend framework with JSX",
   "author": "Faber Grajales Hincapié <faber1999> (https://github.com/faber1999)",
   "repository": {