{"_rev":"3-f9d656d35443f639ac49a162abe760fc","time":{"created":"2026-01-15T02:27:03.126Z","modified":"2026-01-15T02:27:03.679Z","0.0.11":"2026-01-11T01:13:08.870Z","0.0.12":"2026-01-15T02:27:03.463Z"},"_id":"@bedelightful/delightful-flow","name":"@bedelightful/delightful-flow","dist-tags":{"latest":"0.0.12"},"versions":{"0.0.12":{"name":"@bedelightful/delightful-flow","version":"0.0.12","description":"An expression component that allows you to set user-defined content, block content, and function blocks","repository":{"type":"git","url":"https://github.com/saashqdev/delightful/delightful-flow"},"license":"MIT","author":{"name":"BeDelightful"},"type":"module","main":"src/index.ts","types":"dist/index.d.ts","directories":{"doc":"docs"},"scripts":{"build":"father build","build:watch":"father dev & tsc --declaration --emitDeclarationOnly --outDir dist --watch","dev":"dumi dev","docs:build":"dumi build","doctor":"father doctor","lint":"eslint src --ext .ts,.tsx --config .eslintrc.js && npm run lint:css","lint:css":"stylelint \"{src,test}/**/*.{css,less}\"","lint:fix":"eslint src --ext .ts,.tsx --config .eslintrc.js --fix && prettier --write \"src/**/*.{ts,tsx,css,less}\"","prepare":"dumi setup","prepublishOnly":"npm run build","release":"npm run build && npm run semantic-release","semantic-release":"semantic-release","start":"npm run dev"},"dependencies":{"@ant-design/cssinjs":"^1.23.0","@ant-design/icons":"^5.6.1","@douyinfe/semi-icons":"^2.39.0","@iconify/react":"^4.1.1","@monaco-editor/react":"^4.4.6","@tabler/icons-react":"^3.2.0","ahooks":"^3.7.8","antd":"^5.24.4","antd-style":"^3.6.2","axios":"^1.7.9","clsx":"^2.1.1","dagre":"^0.8.5","dayjs":"^1.11.13","i18next":"^23.11.4","i18next-browser-languagedetector":"^7.2.1","i18next-resources-to-backend":"^1.2.1","immer":"^10.1.1","lodash":"^4.17.21","mobx":"^6.8.0","mobx-react":"^7.6.0","nanoid":"^5.1.5","react":"^17.0.2","react-dom":"^17.0.2","react-error-boundary":"^5.0.0","react-i18next":"^14.1.1","react-router":"~5.2.0","react-router-config":"~5.1.1","react-router-dom":"~5.2.0","reactflow":"^11.10.4","rtl-detect":"^1.1.2","snowflake-id":"^1.1.0","styled-components":"^5.3.11","swr":"^2.2.5","zustand":"^4.5.2"},"devDependencies":{"@bedelightful/eslint-config":"~0.0.11","@types/dagre":"^0.7.52","@types/lodash":"^4.14.186","@types/react":"^17.0.2","@types/react-dom":"^17.0.2","@types/react-router":"^5.1.20","@types/react-router-dom":"^5.3.3","@types/rtl-detect":"^1.0.3","@types/styled-components":"^5.1.26","@umijs/core":"^4.6.23","@umijs/lint":"^4.0.0","dumi":"^2.2.13","father":"^4.6.13"},"publishConfig":{"access":"public"},"module":"dist/index.js","lint-staged":{"*.{md,json}":["prettier --write --no-error-on-unmatched-pattern"],"*.{css,less}":["stylelint --fix","prettier --write"],"*.{js,jsx}":["eslint --fix","prettier --write"],"*.{ts,tsx}":["eslint --fix","prettier --parser=typescript --write"]},"_id":"@bedelightful/delightful-flow@0.0.12","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-vkjWShVkQGkfPUFE/ihKZKeXF8YcHPCo8eiWuIMgI1OP3RLzvMXcbDiJVtdj/v8PmMPf9G44b8pOpJsuDqxPPg==","shasum":"d67c7287b4a52285a13f7fe4705e5a1d15976737","tarball":"https://registry.npmjs.org/@bedelightful/delightful-flow/-/delightful-flow-0.0.12.tgz","fileCount":961,"unpackedSize":2565697,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDHHhEiG38skBZ4PH6/Ceylhu0/vp9K5Qz5pOhaj8wUcQIgPY+E5ZUJ7kcK0DJbz0SoLTxyqJXdb3pK8iENMY6efHk="}]},"_npmUser":{"name":"gridworkz","email":"dave@gridworkz.com"},"maintainers":[{"name":"gridworkz","email":"dave@gridworkz.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/delightful-flow_0.0.12_1768444023212_0.5004069798673281"},"_hasShrinkwrap":false}},"maintainers":[{"name":"gridworkz","email":"dave@gridworkz.com"}],"description":"An expression component that allows you to set user-defined content, block content, and function blocks","repository":{"type":"git","url":"https://github.com/saashqdev/delightful/delightful-flow"},"author":{"name":"BeDelightful"},"license":"MIT","readme":"# Delightful Flow Foundation Package\n\n
\n \"Status:\n \"Framework:\n \"License:\n
\n\n## 📖 Project Overview\n\nDelightful Flow Foundation Package is an out-of-the-box flow library extracted from Delightful Flow. It is built on ReactFlow, providing powerful flowchart design and management capabilities. The project bundles the core flow package, JSON Schema editor, expression components, and shared UI components to accelerate visual flow application development.\n\n## ✨ Core Features\n\n- 🔄 Flowchart design and management based on ReactFlow\n- 🎯 High-performance node and edge handling (batching and debounce optimizations)\n- 🧩 Extensible node type system\n- 🔍 JSON Schema form editing capabilities\n- 🌐 Multilingual support\n- 🎨 Polished and customizable UI components\n\n## 📦 Installation\n\n```bash\n# Install dependency\nnpm install @delightful/delightful-flow\n```\n\n## 📚 Usage Guide\n\nThere is currently no single quick-start guide. To use the components, refer to these resources:\n\n- Check the `index.md` file in each component directory for detailed instructions\n- Review the sample projects in the `examples` directory for real-world scenarios\n- Each component includes example code for development reference\n\nFor example, to learn how to use `DelightfulFlow`:\n1. Open `src/DelightfulFlow/index.md`\n2. Review the sample projects in `examples/DelightfulFlow`\n\n## 📚 API Docs\n\n### Main Components\n\n- `DelightfulFlow`: Flow designer core component\n- `DelightfulJsonSchemaEditor`: Schema-driven form generator\n- `DelightfulExpressionWidget`: Expression builder and editor\n- `DelightfulConditionEdit`: Condition editing component\n\n### Core Hooks\n\n- `useBaseFlow`: Core flow logic hook that manages nodes and edges\n- `useNodeBatchProcessing`: Batch processing hook for high-volume node rendering performance\n\n### Detailed Docs and Examples\n\n- Each component ships with detailed usage docs in its `index.md`\n- `DelightfulFlow` includes rich real-world examples in the `examples` directory\n- Samples demonstrate the flow designer across scenarios like node customization and form configuration\n\n## 🛠️ Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Start the documentation demo for development\nnpm start\n\n# Build the library\nnpm run build\n```\n\n## 🤝 Contribution Guide\n\nContributions and issues are welcome! Please fork the repo first, then open a Pull Request.\n\n## 📄 License\n\nMIT\n\n---\n\n# Delightful Flow Foundation Package\n\n
\n \"Status:\n \"Framework:\n \"License:\n
\n\n## 📖 Project Introduction\n\nDelightful Flow Foundation Package is an out-of-the-box flow foundation library extracted from Delightful Flow, encapsulated based on ReactFlow, providing powerful flow chart design and management capabilities. This project integrates flow foundation components, JSON Schema editor, expression components, and internal common UI components to help quickly build visual flow applications.\n\n## ✨ Core Features\n\n- 🔄 Flow chart design and management based on ReactFlow\n- 🎯 High-performance node and edge handling (batch processing and debounce optimization)\n- 🧩 Extensible node type system\n- 🔍 JSON Schema form editing capabilities\n- 🌐 Multilingual support\n- 🎨 Beautiful and customizable UI components\n\n## 📦 Installation\n\n```bash\n# Install dependencies\nnpm install @delightful/delightful-flow\n```\n\n## 📚 Usage Guide\n\nCurrently, there is no unified quick start guide. To use the components, please refer to the following resources:\n\n- Check the `index.md` file in each component directory for detailed instructions on that component\n- Refer to the sample projects in the `examples` directory to understand actual application scenarios\n- Each component has corresponding sample code that can serve as a development reference\n\nFor example, to learn how to use the `DelightfulFlow` component, you can:\n1. Check the `src/DelightfulFlow/index.md` file\n2. Refer to the sample projects in the `examples/DelightfulFlow` directory\n\n## 📚 API Documentation\n\n### Main Components\n\n- `DelightfulFlow`: Flow designer main component\n- `DelightfulJsonSchemaEditor`: Form generator based on Schema\n- `DelightfulExpressionWidget`: Expression building and editing component\n- `DelightfulConditionEdit`: Condition editing component\n\n### Core Hooks\n\n- `useBaseFlow`: Core flow logic hook, managing node and connection states\n- `useNodeBatchProcessing`: Node batch processing hook, improving rendering performance for a large number of nodes\n\n### Detailed Documentation and Examples\n\n- Each component comes with detailed usage documentation. Please refer to the `index.md` file in the component directory for specific usage\n- The `DelightfulFlow` component provides rich actual development cases. Check the sample projects in the `examples` directory\n- The sample projects demonstrate the practical application of the flow designer in different scenarios, including node customization, form configuration, etc.\n\n## 🛠️ Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Start the documentation demo for development\nnpm start\n\n# Build library code\nnpm run build\n```\n\n## 🤝 Contribution Guide\n\nContributions of code or issues are welcome! Please fork this repository first, then submit a Pull Request.\n\n## 📄 License\n\nMIT\n\n","readmeFilename":"README.md"}