xiangjsoncraft 2.0.1 → 2.0.3

package/README.md

@@ -1,4 +1,4 @@
-# XiangJsonCraft 2.0.0
+# XiangJsonCraft 2.0.3
 
 **Write JSON, Get a Website.** | 零CSS、零JS、纯JSON驱动的轻量前端框架
 

package/bin/create.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 import fs from 'fs-extra';
 import path from 'path';
 import { fileURLToPath } from 'url';
@@ -71,6 +71,7 @@ try {
     fs.ensureDirSync(projectDir);
 
     // 2. 生成 package.json（修复本地路径依赖问题）
+    // 生成 package.json（核心：删除本地路径，改用 npm 版本）
     const packageJson = {
         "name": projectName,
         "version": "1.0.0",
@@ -81,7 +82,7 @@ try {
             "test": "echo \"Error: no test specified\" && exit 1"
         },
         "dependencies": {
-            // 指向 npm 仓库版本，而非本地路径
+
             "xiangjsoncraft": "^2.0.1"
         },
         "license": "MIT"

package/package.json

@@ -1,56 +1,19 @@
 {
   "name": "xiangjsoncraft",
-  "version": "2.0.1",
-  "description": "零CSS零JS、纯JSON驱动的轻量前端框架 | Write JSON, Get a Website",
+  "version": "2.0.3",
+  "description": "XiangJsonCraft 2.0 项目 - Write JSON, Get a Website",
   "type": "module",
-  "bin": {
-    "xiangjsoncraft": "./bin/create.js",
-    "create-xiangjsoncraft": "./bin/create.js"
+  "scripts": {
+    "start": "npx live-server . --port=3000",
+    "test": "echo \"XiangJsonCraft 测试成功！\"",
+    "build": "rollup -c rollup.config.js"
   },
-  "main": "./dist/xiangjsoncraft.umd.js",
-  "module": "./src/renderJson.js",
-  "files": [
-    "bin",
-    "dist",
-    "src",
-    "template",
-    "rollup.config.js",
-    "README.md"
-  ],
-  "keywords": [
-    "json",
-    "framework",
-    "no-css",
-    "no-js",
-    "low-code",
-    "轻量框架",
-    "json驱动",
-    "可视化配置",
-    "前端零代码"
-  ],
-  "author": "",
-  "license": "MIT",
   "dependencies": {
-    "chalk": "^5.3.0",
-    "commander": "^12.0.0",
-    "fs-extra": "^11.2.0",
-    "inquirer": "^9.2.16",
-    "ora": "^8.0.1"
+    "xiangjsoncraft": "^2.0.2"
   },
   "devDependencies": {
-    "@rollup/plugin-terser": "^0.4.4",
-    "rollup": "^4.9.6"
-  },
-  "scripts": {
-    "build": "npx rollup -c rollup.config.js",
-    "prepublishOnly": "npm run build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/dxiangwiki/xiangjsoncraft.git"
+    "live-server": "^1.2.2",
+    "rollup": "^4.57.1"
   },
-  "homepage": "https://github.com/dxiangwiki/xiangjsoncraft",
-  "bugs": {
-    "url": "https://github.com/dxiangwiki/xiangjsoncraft/issues"
-  }
-}
+  "license": "MIT"
+}

package/rollup.config.js

@@ -1,21 +1,17 @@
-import terser from '@rollup/plugin-terser'; // 替换原来的 rollup-plugin-terser
+import terser from '@rollup/plugin-terser';
+
 export default {
-    input: 'src/renderJson.js',
+    input: 'src/renderJson.js', // 你的核心渲染文件
     output: {
         file: 'dist/xiangjsoncraft.umd.js',
-        format: 'umd',
-        name: 'XiangJsonCraft',
-        compact: true
+        format: 'umd', // UMD 格式兼容浏览器/Node.js
+        name: 'XiangJsonCraft', // 全局变量名，对应 window.XiangJsonCraft
+        globals: {},
+        // ✅ 确保打包后的代码兼容低版本浏览器
+        compact: true,
+        sourcemap: false
     },
     plugins: [
-        terser({
-            compress: {
-                drop_console: false,
-                pure_funcs: []
-            },
-            format: {
-                comments: false
-            }
-        })
+        terser() // 压缩但不改变语法
     ]
 };

package/dist/xiangjsoncraft.cjs.js

@@ -1,86 +0,0 @@
-'use strict';
-
-// 封装通用JSON样式渲染函数，支持任意CSS选择器、HTML内容、媒体查询（v1.1.0核心功能）
-function renderJsonStyles() {
-    // 核心原则：本地config.json永远最高优先级，加载失败再用CDN官方配置
-    const localConfigUrl = './config.json'; // 本地用户自定义配置
-    const cdnConfigUrl = 'https://cdn.jsdelivr.net/npm/xiangjsoncraft@1.1.1/config.json'; // CDN兜底配置
-
-    // 先尝试加载本地config.json
-    fetch(localConfigUrl)
-        .then(response => {
-            // 本地配置存在（状态码200），则使用本地配置
-            if (response.ok) {
-                console.log('🔧 检测到本地config.json，优先加载用户自定义配置');
-                return response.json();
-            }
-            // 本地配置不存在/加载失败，切换到CDN兜底配置
-            console.log('ℹ️  本地未检测到config.json，加载CDN官方示例配置');
-            return fetch(cdnConfigUrl).then(res => {
-                if (!res.ok) throw new Error('CDN官方配置加载失败');
-                return res.json();
-            });
-        })
-        .then(config => {
-            // 获取或创建样式块，避免重复创建
-            const styleBlock = document.getElementById('dynamic-styles') || createStyleBlock();
-            if (!styleBlock) return console.error('❌ 样式块创建失败，无法渲染样式');
-
-            // 生成CSS规则
-            let cssRules = '';
-
-            // 处理所有选择器样式（支持任意CSS选择器、媒体查询）
-            if (config.styles && typeof config.styles === 'object' && Object.keys(config.styles).length > 0) {
-                // 遍历所有选择器（类、ID、伪类、媒体查询等）
-                Object.entries(config.styles).forEach(([selector, styles]) => {
-                    // 过滤空样式，避免无效CSS
-                    if (!styles || typeof styles !== 'object') return;
-                    // 生成该选择器的所有样式属性
-                    const styleProperties = Object.entries(styles)
-                        .map(([prop, value]) => {
-                            // 过滤空属性，驼峰式属性名转换为CSS标准格式
-                            if (!prop || value === undefined || value === null) return '';
-                            const cssProp = prop.replaceCamelCase();
-                            return `${cssProp}: ${value};`;
-                        })
-                        .filter(Boolean) // 移除空属性
-                        .join('\n    ');
-
-                    // 仅当有样式属性时，添加到CSS规则
-                    if (styleProperties) {
-                        cssRules += `${selector} {\n    ${styleProperties}\n}\n\n`;
-                    }
-                });
-            }
-
-            // 应用生成的CSS规则到样式块
-            if (cssRules) {
-                styleBlock.innerHTML = cssRules;
-            }
-
-            // 处理内容配置（支持纯文本/HTML内容，通过isHtml标识）
-            if (config.content && typeof config.content === 'object' && Object.keys(config.content).length > 0) {
-                Object.entries(config.content).forEach(([selector, content]) => {
-                    // 过滤无效选择器和内容
-                    if (!selector || !content || !content.hasOwnProperty('value')) return;
-                    const elements = document.querySelectorAll(selector);
-                    elements.forEach(el => {
-                        if (!el) return;
-                        // 支持HTML内容或纯文本，默认纯文本
-                        if (content.isHtml) {
-                            el.innerHTML = content.value;
-                        } else {
-                            el.textContent = content.value;
-                        }
-                    });
-                });
-            }
-
-            console.log('✅ XiangJsonCraft v1.1.1 渲染成功！');
-        })
-        .catch(error => {
-            console.error('❌ XiangJsonCraft 处理配置时出错:', error.message);
-        });
-}
-
-exports.renderJsonStyles = renderJsonStyles;

package/dist/xiangjsoncraft.esm.js

@@ -1,84 +0,0 @@
-// 封装通用JSON样式渲染函数，支持任意CSS选择器、HTML内容、媒体查询（v1.1.0核心功能）
-function renderJsonStyles() {
-    // 核心原则：本地config.json永远最高优先级，加载失败再用CDN官方配置
-    const localConfigUrl = './config.json'; // 本地用户自定义配置
-    const cdnConfigUrl = 'https://cdn.jsdelivr.net/npm/xiangjsoncraft@1.1.1/config.json'; // CDN兜底配置
-
-    // 先尝试加载本地config.json
-    fetch(localConfigUrl)
-        .then(response => {
-            // 本地配置存在（状态码200），则使用本地配置
-            if (response.ok) {
-                console.log('🔧 检测到本地config.json，优先加载用户自定义配置');
-                return response.json();
-            }
-            // 本地配置不存在/加载失败，切换到CDN兜底配置
-            console.log('ℹ️  本地未检测到config.json，加载CDN官方示例配置');
-            return fetch(cdnConfigUrl).then(res => {
-                if (!res.ok) throw new Error('CDN官方配置加载失败');
-                return res.json();
-            });
-        })
-        .then(config => {
-            // 获取或创建样式块，避免重复创建
-            const styleBlock = document.getElementById('dynamic-styles') || createStyleBlock();
-            if (!styleBlock) return console.error('❌ 样式块创建失败，无法渲染样式');
-
-            // 生成CSS规则
-            let cssRules = '';
-
-            // 处理所有选择器样式（支持任意CSS选择器、媒体查询）
-            if (config.styles && typeof config.styles === 'object' && Object.keys(config.styles).length > 0) {
-                // 遍历所有选择器（类、ID、伪类、媒体查询等）
-                Object.entries(config.styles).forEach(([selector, styles]) => {
-                    // 过滤空样式，避免无效CSS
-                    if (!styles || typeof styles !== 'object') return;
-                    // 生成该选择器的所有样式属性
-                    const styleProperties = Object.entries(styles)
-                        .map(([prop, value]) => {
-                            // 过滤空属性，驼峰式属性名转换为CSS标准格式
-                            if (!prop || value === undefined || value === null) return '';
-                            const cssProp = prop.replaceCamelCase();
-                            return `${cssProp}: ${value};`;
-                        })
-                        .filter(Boolean) // 移除空属性
-                        .join('\n    ');
-
-                    // 仅当有样式属性时，添加到CSS规则
-                    if (styleProperties) {
-                        cssRules += `${selector} {\n    ${styleProperties}\n}\n\n`;
-                    }
-                });
-            }
-
-            // 应用生成的CSS规则到样式块
-            if (cssRules) {
-                styleBlock.innerHTML = cssRules;
-            }
-
-            // 处理内容配置（支持纯文本/HTML内容，通过isHtml标识）
-            if (config.content && typeof config.content === 'object' && Object.keys(config.content).length > 0) {
-                Object.entries(config.content).forEach(([selector, content]) => {
-                    // 过滤无效选择器和内容
-                    if (!selector || !content || !content.hasOwnProperty('value')) return;
-                    const elements = document.querySelectorAll(selector);
-                    elements.forEach(el => {
-                        if (!el) return;
-                        // 支持HTML内容或纯文本，默认纯文本
-                        if (content.isHtml) {
-                            el.innerHTML = content.value;
-                        } else {
-                            el.textContent = content.value;
-                        }
-                    });
-                });
-            }
-
-            console.log('✅ XiangJsonCraft v1.1.1 渲染成功！');
-        })
-        .catch(error => {
-            console.error('❌ XiangJsonCraft 处理配置时出错:', error.message);
-        });
-}
-
-export { renderJsonStyles };