kennethnym/jrx
1
0
Fork 0
mirror of https://github.com/kennethnym/jrx.git synced 2026-03-19 19:31:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rename package from jfx to jsonsx

Browse Source 
Co-authored-by: Ona <no-reply@ona.com>
This commit is contained in:
Kenneth
2026-02-28 01:37:10 +00:00
parent c9d4ff28e3
commit 99fe5e1db9
21 changed files with 142 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
example/bun.lock
View File

@@ -3,11 +3,11 @@
"configVersion": 1,
"workspaces": {
"": {
"name": "jfx-example",
"name": "jsonsx-example",
"dependencies": {
"@json-render/core": "0.10.0",
"@json-render/react": "0.10.0",
"jfx": "file:..",
"jsonsx": "file:..",
"react": "19.2.4",
"react-dom": "19.2.4",
"shiki": "^4.0.0",
@@ -241,12 +241,12 @@
"html-void-elements": ["html-void-elements@3.0.0", "", {}, "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg=="],
"jfx": ["jfx@file:..", { "devDependencies": { "@json-render/core": "0.10.0", "@json-render/react": "0.10.0", "@testing-library/react": "16.3.2", "@types/bun": "^1.3.9", "@types/react": "19.2.3", "happy-dom": "18.0.1", "react": "19.2.4", "react-dom": "19.2.4", "tsup": "8.5.1", "typescript": "5.9.3" }, "peerDependencies": { "@json-render/core": ">=0.10.0" } }],
"joycon": ["joycon@3.1.1", "", {}, "sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw=="],
"js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
"jsonsx": ["jsonsx@file:..", { "devDependencies": { "@json-render/core": "0.10.0", "@json-render/react": "0.10.0", "@testing-library/react": "16.3.2", "@types/bun": "^1.3.9", "@types/react": "19.2.3", "happy-dom": "18.0.1", "react": "19.2.4", "react-dom": "19.2.4", "tsup": "8.5.1", "typescript": "5.9.3" }, "peerDependencies": { "@json-render/core": ">=0.10.0" } }],
"lilconfig": ["lilconfig@3.1.3", "", {}, "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw=="],
"lines-and-columns": ["lines-and-columns@1.2.4", "", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],
@@ -369,6 +369,6 @@
"zwitch": ["zwitch@2.0.4", "", {}, "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A=="],
"jfx/@types/react": ["@types/react@19.2.3", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-k5dJVszUiNr1DSe8Cs+knKR6IrqhqdhpUwzqhkS8ecQTSf3THNtbfIp/umqHMpX2bv+9dkx3fwDv/86LcSfvSg=="],
"jsonsx/@types/react": ["@types/react@19.2.3", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-k5dJVszUiNr1DSe8Cs+knKR6IrqhqdhpUwzqhkS8ecQTSf3THNtbfIp/umqHMpX2bv+9dkx3fwDv/86LcSfvSg=="],
}
}

14
example/components.ts
View File

@@ -1,23 +1,23 @@
import { jsx } from "jfx/jsx-runtime";
import type { JfxNode } from "jfx";
import { jsx } from "jsonsx/jsx-runtime";
import type { JsonsxNode } from "jsonsx";
export function Stack(props: Record<string, unknown>): JfxNode {
export function Stack(props: Record<string, unknown>): JsonsxNode {
return jsx("Stack", props);
}
export function Card(props: Record<string, unknown>): JfxNode {
export function Card(props: Record<string, unknown>): JsonsxNode {
return jsx("Card", props);
}
export function Text(props: Record<string, unknown>): JfxNode {
export function Text(props: Record<string, unknown>): JsonsxNode {
return jsx("Text", props);
}
export function Button(props: Record<string, unknown>): JfxNode {
export function Button(props: Record<string, unknown>): JsonsxNode {
return jsx("Button", props);
}
export function Input(props: Record<string, unknown>): JfxNode {
export function Input(props: Record<string, unknown>): JsonsxNode {
return jsx("Input", props);
}

4
example/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "jfx-example",
"name": "jsonsx-example",
"private": true,
"type": "module",
"scripts": {
@@ -10,7 +10,7 @@
"dependencies": {
"@json-render/core": "0.10.0",
"@json-render/react": "0.10.0",
"jfx": "file:..",
"jsonsx": "file:..",
"react": "19.2.4",
"react-dom": "19.2.4",
"shiki": "^4.0.0"

4
example/specs/full.tsx
View File

@@ -1,5 +1,5 @@
/** @jsxImportSource jfx */
import { render } from "jfx";
/** @jsxImportSource jsonsx */
import { render } from "jsonsx";
import { Stack, Card, Text, Button, Input } from "../components";
export const fullSpec = render(

6
example/specs/simple.tsx
View File

@@ -1,10 +1,10 @@
/** @jsxImportSource jfx */
import { render } from "jfx";
/** @jsxImportSource jsonsx */
import { render } from "jsonsx";
import { Stack, Text, Button } from "../components";
export const simpleSpec = render(
<Stack>
<Text content="Hello from jfx!" />
<Text content="Hello from jsonsx!" />
<Button label="Click me" />
</Stack>
);

2
example/src/App.tsx
View File

@@ -75,7 +75,7 @@ export function App() {
if (!activeSpec) {
return (
<div style={{ maxWidth: 600, margin: "60px auto", padding: "0 24px" }}>
<h1 style={{ fontSize: "24px", marginBottom: "8px" }}>jfx examples</h1>
<h1 style={{ fontSize: "24px", marginBottom: "8px" }}>jsonsx examples</h1>
<p style={{ color: "var(--text-secondary)", fontSize: "14px", marginBottom: "24px" }}>
JSX &rarr; json-render Spec. Pick a spec to see the live UI and JSON
output.

2
example/src/index.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>jfx example</title>
<title>jsonsx example</title>
<style>
:root {
--bg: #f5f5f5;

2
example/src/server.ts
View File

@@ -46,4 +46,4 @@ const server = serve({
},
});
console.log(`jfx example server running at ${server.url}`);
console.log(`jsonsx example server running at ${server.url}`);