@praxisjs/jsx 0.3.1 → 0.3.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @praxisjs/jsx
 
+## 0.3.2
+
+### Patch Changes
+
+- @praxisjs/runtime@0.2.3
+
 ## 0.3.1
 
 ### Patch Changes

package/dist/__tests__/jsx-runtime.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=jsx-runtime.test.d.ts.map

package/dist/__tests__/jsx-runtime.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/jsx-runtime.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/jsx-runtime.test.js

@@ -0,0 +1,69 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from "vitest";
+import { Scope, runInScope } from "@praxisjs/runtime";
+import { jsx, jsxs, jsxDEV, Fragment } from "../jsx-runtime";
+function withScope(fn) {
+    const scope = new Scope();
+    return runInScope(scope, fn);
+}
+describe("Fragment", () => {
+    it("is a unique Symbol", () => {
+        expect(typeof Fragment).toBe("symbol");
+    });
+    it("returns [] when no children are provided", () => {
+        const result = withScope(() => jsx(Fragment, {}));
+        expect(result).toEqual([]);
+    });
+    it("returns [] when children is empty array", () => {
+        const result = withScope(() => jsx(Fragment, { children: [] }));
+        expect(Array.isArray(result)).toBe(true);
+    });
+    it("wraps a single Node in an array", () => {
+        const node = document.createElement("span");
+        const result = withScope(() => jsx(Fragment, { children: node }));
+        expect(result).toHaveLength(1);
+        expect(result[0]).toBe(node);
+    });
+    it("flattens an array of Nodes", () => {
+        const a = document.createElement("div");
+        const b = document.createElement("span");
+        const result = withScope(() => jsx(Fragment, { children: [a, b] }));
+        expect(result).toHaveLength(2);
+        expect(result[0]).toBe(a);
+        expect(result[1]).toBe(b);
+    });
+});
+describe("jsx — string tag", () => {
+    it("creates a DOM element for a string tag", () => {
+        const el = withScope(() => jsx("div", {}));
+        expect(el).toBeInstanceOf(HTMLDivElement);
+    });
+    it("applies class prop", () => {
+        const el = withScope(() => jsx("p", { class: "text-lg" }));
+        expect(el.getAttribute("class")).toBe("text-lg");
+    });
+    it("renders string children", () => {
+        const el = withScope(() => jsx("span", { children: "hello" }));
+        expect(el.textContent).toBe("hello");
+    });
+    it("creates an SVG element for svg tags", () => {
+        const el = withScope(() => jsx("svg", {}));
+        expect(el).toBeInstanceOf(SVGElement);
+    });
+});
+describe("jsx — unknown type", () => {
+    it("returns a comment node for an unknown symbol type", () => {
+        const unknownType = Symbol("unknown");
+        const result = withScope(() => jsx(unknownType, {}));
+        expect(result.nodeType).toBe(Node.COMMENT_NODE);
+    });
+});
+describe("jsxs and jsxDEV", () => {
+    it("jsxs is the same function as jsx", () => {
+        expect(jsxs).toBe(jsx);
+    });
+    it("jsxDEV is the same function as jsx", () => {
+        expect(jsxDEV).toBe(jsx);
+    });
+});
+//# sourceMappingURL=jsx-runtime.test.js.map

package/dist/__tests__/jsx-runtime.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.test.js","sourceRoot":"","sources":["../../src/__tests__/jsx-runtime.test.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisjs/jsx",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -22,7 +22,7 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@praxisjs/runtime": "0.2.2",
+    "@praxisjs/runtime": "0.2.3",
     "@praxisjs/shared": "0.2.0"
   },
   "scripts": {

package/src/__tests__/jsx-runtime.test.ts

@@ -0,0 +1,91 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from "vitest";
+
+import { Scope, runInScope  } from "@praxisjs/runtime";
+
+import { jsx, jsxs, jsxDEV, Fragment } from "../jsx-runtime";
+
+function withScope<T>(fn: () => T): T {
+  const scope = new Scope();
+  return runInScope(scope, fn);
+}
+
+describe("Fragment", () => {
+  it("is a unique Symbol", () => {
+    expect(typeof Fragment).toBe("symbol");
+  });
+
+  it("returns [] when no children are provided", () => {
+    const result = withScope(() => jsx(Fragment, {}));
+    expect(result).toEqual([]);
+  });
+
+  it("returns [] when children is empty array", () => {
+    const result = withScope(() => jsx(Fragment, { children: [] }));
+    expect(Array.isArray(result)).toBe(true);
+  });
+
+  it("wraps a single Node in an array", () => {
+    const node = document.createElement("span");
+    const result = withScope(() => jsx(Fragment, { children: node })) as Node[];
+    expect(result).toHaveLength(1);
+    expect(result[0]).toBe(node);
+  });
+
+  it("flattens an array of Nodes", () => {
+    const a = document.createElement("div");
+    const b = document.createElement("span");
+    const result = withScope(() =>
+      jsx(Fragment, { children: [a, b] }),
+    ) as Node[];
+    expect(result).toHaveLength(2);
+    expect(result[0]).toBe(a);
+    expect(result[1]).toBe(b);
+  });
+});
+
+describe("jsx — string tag", () => {
+  it("creates a DOM element for a string tag", () => {
+    const el = withScope(() => jsx("div", {})) as HTMLElement;
+    expect(el).toBeInstanceOf(HTMLDivElement);
+  });
+
+  it("applies class prop", () => {
+    const el = withScope(() =>
+      jsx("p", { class: "text-lg" }),
+    ) as HTMLElement;
+    expect(el.getAttribute("class")).toBe("text-lg");
+  });
+
+  it("renders string children", () => {
+    const el = withScope(() =>
+      jsx("span", { children: "hello" }),
+    ) as HTMLElement;
+    expect(el.textContent).toBe("hello");
+  });
+
+  it("creates an SVG element for svg tags", () => {
+    const el = withScope(() => jsx("svg", {})) as SVGElement;
+    expect(el).toBeInstanceOf(SVGElement);
+  });
+});
+
+describe("jsx — unknown type", () => {
+  it("returns a comment node for an unknown symbol type", () => {
+    const unknownType = Symbol("unknown");
+    const result = withScope(() =>
+      jsx(unknownType as unknown as string, {}),
+    ) as Comment;
+    expect(result.nodeType).toBe(Node.COMMENT_NODE);
+  });
+});
+
+describe("jsxs and jsxDEV", () => {
+  it("jsxs is the same function as jsx", () => {
+    expect(jsxs).toBe(jsx);
+  });
+
+  it("jsxDEV is the same function as jsx", () => {
+    expect(jsxDEV).toBe(jsx);
+  });
+});