@tyx1703/json-schema-editor-visual 1.0.0

package/dist/utils.js

@@ -0,0 +1,164 @@
+const JSONPATH_JOIN_CHAR = '.';
+const format = [
+    {
+        name: 'date-time'
+    },
+    {
+        name: 'date'
+    },
+    {
+        name: 'email'
+    },
+    {
+        name: 'hostname'
+    },
+    {
+        name: 'ipv4'
+    },
+    {
+        name: 'ipv6'
+    },
+    {
+        name: 'uri'
+    }
+];
+const SCHEMA_TYPE = [
+    'string',
+    'number',
+    'array',
+    'object',
+    'boolean',
+    'integer'
+];
+const defaultSchema = {
+    string: {
+        type: 'string'
+    },
+    number: {
+        type: 'number'
+    },
+    array: {
+        type: 'array',
+        items: {
+            type: 'string'
+        }
+    },
+    object: {
+        type: 'object',
+        properties: {}
+    },
+    boolean: {
+        type: 'boolean'
+    },
+    integer: {
+        type: 'integer'
+    }
+};
+const debounce = (func, wait)=>{
+    let timeout;
+    return function(...args) {
+        clearTimeout(timeout);
+        timeout = setTimeout(()=>{
+            func.apply(this, args);
+        }, wait);
+    };
+};
+function getData(state, keys) {
+    let curState = state;
+    for(let i = 0; i < keys.length; i++){
+        if (null == curState) return;
+        curState = curState[keys[i]];
+    }
+    return curState;
+}
+function setData(state, keys, value) {
+    let curState = state;
+    for(let i = 0; i < keys.length - 1; i++){
+        const key = keys[i];
+        if (null == curState[key]) curState[key] = 'number' == typeof keys[i + 1] ? [] : {};
+        curState = curState[key];
+    }
+    curState[keys[keys.length - 1]] = value;
+}
+function deleteData(state, keys) {
+    let curState = state;
+    for(let i = 0; i < keys.length - 1; i++){
+        const key = keys[i];
+        if (null == curState[key]) return;
+        curState = curState[key];
+    }
+    delete curState[keys[keys.length - 1]];
+}
+function getParentKeys(keys) {
+    if (keys.length <= 1) return [];
+    const arr = [
+        ...keys
+    ];
+    arr.splice(keys.length - 1, 1);
+    return arr;
+}
+function clearSomeFields(keys, data) {
+    const newData = {
+        ...data
+    };
+    keys.forEach((key)=>{
+        delete newData[key];
+    });
+    return newData;
+}
+function getFieldstitle(data) {
+    return Object.keys(data);
+}
+function handleSchemaRequired(schema, checked) {
+    if ('object' === schema.type) {
+        const requiredtitle = getFieldstitle(schema.properties || {});
+        if (checked) schema.required = [
+            ...requiredtitle
+        ];
+        else delete schema.required;
+        if (schema.properties) handleObject(schema.properties, checked);
+    } else {
+        if ('array' !== schema.type || !schema.items) return schema;
+        handleSchemaRequired(schema.items, checked);
+    }
+}
+function handleObject(properties, checked) {
+    for(const key in properties)if ('array' === properties[key].type || 'object' === properties[key].type) handleSchemaRequired(properties[key], checked);
+}
+function isNil(value) {
+    return null == value;
+}
+function isEqual(a, b) {
+    if (a === b) return true;
+    if (null == a || null == b) return false;
+    if (typeof a !== typeof b) return false;
+    if (Array.isArray(a)) {
+        if (!Array.isArray(b) || a.length !== b.length) return false;
+        for(let i = 0; i < a.length; i++)if (!isEqual(a[i], b[i])) return false;
+        return true;
+    }
+    if ('object' == typeof a) {
+        const keysA = Object.keys(a);
+        const keysB = Object.keys(b);
+        if (keysA.length !== keysB.length) return false;
+        for (const key of keysA)if (!Object.prototype.hasOwnProperty.call(b, key) || !isEqual(a[key], b[key])) return false;
+        return true;
+    }
+    return false;
+}
+function cloneObject(obj) {
+    if ('object' != typeof obj || null === obj) return obj;
+    if (Array.isArray(obj)) {
+        const newArr = [];
+        obj.forEach((item, index)=>{
+            newArr[index] = cloneObject(item);
+        });
+        return newArr;
+    }
+    {
+        const newObj = {};
+        for(const key in obj)newObj[key] = cloneObject(obj[key]);
+        return newObj;
+    }
+}
+export { JSONPATH_JOIN_CHAR, SCHEMA_TYPE, clearSomeFields, cloneObject, debounce, defaultSchema, deleteData, format, getData, getParentKeys, handleSchemaRequired, isEqual, isNil, setData };

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@tyx1703/json-schema-editor-visual",
+  "version": "1.0.0",
+  "description": "A React component for visually editing JSON Schema",
+  "type": "module",
+  "license": "MIT",
+  "author": "tyx1703",
+  "repository": "github:YanxinTang/json-schema-editor-visual",
+  "keywords": [
+    "json-schema",
+    "editor",
+    "react",
+    "visual",
+    "antd"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./dist/index.css": "./dist/index.css"
+  },
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rslib",
+    "build:test": "cross-env NODE_ENV='test' rslib",
+    "dev": "rslib --watch",
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "dependencies": {
+    "@monaco-editor/react": "^4.7.0",
+    "@reduxjs/toolkit": "^2.11.2",
+    "generate-schema": "^2.6.0",
+    "monaco-editor": "^0.55.1",
+    "react-redux": "^9.2.0"
+  },
+  "devDependencies": {
+    "@ant-design/icons": "^6.0.0",
+    "@rsbuild/plugin-react": "^2.0.0",
+    "@rslib/core": "^0.21.4",
+    "@rslint/core": "^0.5.2",
+    "@rstest/adapter-rslib": "^0.2.2",
+    "@rstest/browser": "^0.9.10",
+    "@rstest/browser-react": "^0.9.10",
+    "@rstest/core": "^0.9.10",
+    "@rstest/coverage-istanbul": "^0.3.2",
+    "@testing-library/dom": "^10.0.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.12.2",
+    "@types/react": "^19.2.14",
+    "antd": "6",
+    "cross-env": "^7.0.3",
+    "happy-dom": "^20.9.0",
+    "playwright": "^1.49.1",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "typescript": "^6.0.3"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "^5 || ^6",
+    "antd": "^5 || ^6",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  }
+}