Upload 213 files

.dockerignore

@@ -0,0 +1,3 @@
+.nx
+.dist
+.node_modules

.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.eslintignore

@@ -0,0 +1 @@
+node_modules

.eslintrc.json

@@ -0,0 +1,42 @@
+{
+  "root": true,
+  "ignorePatterns": ["**/*"],
+  "plugins": ["@nx"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {
+        "@nx/enforce-module-boundaries": [
+          "error",
+          {
+            "enforceBuildableLibDependency": true,
+            "allow": [],
+            "depConstraints": [
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": ["*"]
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": ["plugin:@nx/typescript"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "extends": ["plugin:@nx/javascript"],
+      "rules": {}
+    },
+    {
+      "files": ["*.spec.ts", "*.spec.tsx", "*.spec.js", "*.spec.jsx"],
+      "env": {
+        "jest": true
+      },
+      "rules": {}
+    }
+  ]
+}

.gitattributes

@@ -1,35 +1,35 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,42 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+dist
+tmp
+/out-tsc
+
+# dependencies
+node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db
+
+.nx/cache
+.nx/workspace-data

.prettierignore

@@ -0,0 +1,5 @@
+# Add files here to ignore them from prettier formatting
+/dist
+/coverage
+/.nx/cache
+/.nx/workspace-data

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

CFPAGE-DEPLOY.md

@@ -0,0 +1,48 @@
+## 
+
+### 1. 打开 Cloudflare Pages
+访问：https://dash.cloudflare.com/pages
+
+### 2. 创建项目
+- 点击 **"Create a project"**
+- 选择 **"Connect to Git"**
+- 选择您的 GitHub 仓库
+
+### 3. 配置构建设置
+在可视化界面中填写：
+
+```
+Framework preset: None
+Build command: npm run build:web
+Build output directory: dist/apps/web
+Root directory: (留空)
+```
+
+在 **Environment variables** 部分添加：
+```
+NODE_VERSION = 20
+```
+
+### 4. 点击 "Save and Deploy"
+就这么简单！
+
+## 项目已包含的配置文件
+
+- `apps/web/public/_redirects` - SPA 路由支持
+- `apps/web/public/_headers` - 基本缓存配置
+- `package.json` 中的 `build:web` 脚本
+
+##  部署后检查
+
+1. 访问分配的 `.pages.dev` 域名
+2. 确认网站正常运行
+3. 测试页面刷新是否正常（SPA 路由）
+
+## 自定义域名（可选）
+
+部署成功后，在 Cloudflare Pages 项目中：
+1. 点击 **"Custom domains"**
+2. 添加您的域名
+3. 按提示配置 DNS
+
+就是这么简单！无需复杂的配置文件。

CHANGELOG.md

@@ -0,0 +1,399 @@
+## 0.3.0 (2025-09-13)
+
+
+### 🚀 Features
+
+- **arrow:** support set arrow mark ([#258](https://github.com/plait-board/drawnix/pull/258))
+- **eraser:** implement eraser feature ([#221](https://github.com/plait-board/drawnix/pull/221))
+- **eraser:** adding i18n for eraser ([427a730](https://github.com/plait-board/drawnix/commit/427a730))
+- **eraser:** Improving all the eraser feature mentioned in #247 ([#249](https://github.com/plait-board/drawnix/pull/249), [#247](https://github.com/plait-board/drawnix/issues/247))
+- **eraser:** drawing erasing trail animation effect ([#295](https://github.com/plait-board/drawnix/pull/295))
+- **i18n:** added i18n tool for multi-Language support ([#232](https://github.com/plait-board/drawnix/pull/232))
+- **i18n:** adding i18n for clean confirm ([7bdf543](https://github.com/plait-board/drawnix/commit/7bdf543))
+- **i18n:** refactor the structure of i18n, adding with-common getI18n for plait objects, complete the translation of zh,en,ru ([#276](https://github.com/plait-board/drawnix/pull/276))
+- **i18n:** add Arabic language ([#280](https://github.com/plait-board/drawnix/pull/280))
+- **popup-toolbar:** add stroke select state, add stroke type text ([#272](https://github.com/plait-board/drawnix/pull/272))
+
+### 🩹 Fixes
+
+- fix dockerfile build logic ([#201](https://github.com/plait-board/drawnix/pull/201))
+- **cursor:** set mind element css to always be inherit ([#260](https://github.com/plait-board/drawnix/pull/260))
+- **freehand&i18n:** fix i18n of freehand toolbar and make secondary toolbar always exist while using freehand element ([#255](https://github.com/plait-board/drawnix/pull/255))
+- **frontend:** comment addDebugLog to prevent potential XSS security issue ([#269](https://github.com/plait-board/drawnix/pull/269))
+- **hotkey:** prevent switch arrow creation mode when mod+a #195 ([#200](https://github.com/plait-board/drawnix/pull/200), [#195](https://github.com/plait-board/drawnix/issues/195))
+- **hotkey:** prevent enter arrow creation mode when press a and there are some selected elements ([#205](https://github.com/plait-board/drawnix/pull/205))
+- **hotkey:** Prevent Arc browser undo on Cmd+Z in Drawnix ([#254](https://github.com/plait-board/drawnix/pull/254))
+- **hotkey:** skip creation hotkey when use press special key and the among of alt, meta and ctrl ([#262](https://github.com/plait-board/drawnix/pull/262))
+- **menu:** Adding margin for the menu components ([c9ecd09](https://github.com/plait-board/drawnix/commit/c9ecd09))
+- **menu:** fix hotkey instruction for every OS ([#274](https://github.com/plait-board/drawnix/pull/274))
+- **mind:** bump plait into 0.84.0 to fix text can not show completely mentioned in #208 ([#261](https://github.com/plait-board/drawnix/pull/261), [#208](https://github.com/plait-board/drawnix/issues/208))
+- **toolbar:** fix issue mentioned in #290 ([#291](https://github.com/plait-board/drawnix/pull/291), [#290](https://github.com/plait-board/drawnix/issues/290))
+- **tutorial:** fix tutorial instruction issues and update styles ([#289](https://github.com/plait-board/drawnix/pull/289))
+
+### ❤️  Thank You
+
+- Andy Lu (Lu, Yu-An) @NaoCoding
+- coderwei @coderwei99
+- MalikAli @MalikAliQassem
+- Peter Chen
+- pubuzhixing8 @pubuzhixing8
+- Six
+- vishwak @PATTASWAMY-VISHWAK-YASASHREE
+
+## 0.2.1 (2025-08-06)
+
+
+### 🩹 Fixes
+
+- **hotkey:** assign t as hotkey to create text element ([#192](https://github.com/plait-board/drawnix/pull/192))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.2.0 (2025-08-06)
+
+This was a version bump only, there were no code changes.
+
+## 0.1.4 (2025-08-06)
+
+This was a version bump only, there were no code changes.
+
+## 0.1.3 (2025-08-06)
+
+
+### 🩹 Fixes
+
+- **hotkey:** prevent hotkey when  type normally ([#189](https://github.com/plait-board/drawnix/pull/189))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.1.2 (2025-08-06)
+
+
+### 🚀 Features
+
+- **creation:** support creation mode hotkey #183 ([#185](https://github.com/plait-board/drawnix/pull/185), [#183](https://github.com/plait-board/drawnix/issues/183))
+- **mind:** bump plait into 0.82.0 to improve the experience of mind ([f904594](https://github.com/plait-board/drawnix/commit/f904594))
+- **viewer:** support image which in mind node view #125 ([#125](https://github.com/plait-board/drawnix/issues/125))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.1.1 (2025-07-10)
+
+
+### 🩹 Fixes
+
+- **text:** resolve text can not auto break line #173 #169 ([#173](https://github.com/plait-board/drawnix/issues/173), [#169](https://github.com/plait-board/drawnix/issues/169))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.1.0 (2025-07-02)
+
+
+### 🚀 Features
+
+- import styles ([ecfe3cd](https://github.com/plait-board/drawnix/commit/ecfe3cd))
+- add script and update ci ([147c028](https://github.com/plait-board/drawnix/commit/147c028))
+- bump plait into 0.62.0-next.7 ([7ab4003](https://github.com/plait-board/drawnix/commit/7ab4003))
+- add main menu ([#14](https://github.com/plait-board/drawnix/pull/14))
+- improve active-toolbar ([fd19725](https://github.com/plait-board/drawnix/commit/fd19725))
+- rename active-toolbar to popup-toolbar and modify tool-button ([aa06c7e](https://github.com/plait-board/drawnix/commit/aa06c7e))
+- support opacity for  color property ([#16](https://github.com/plait-board/drawnix/pull/16))
+- support local storage ([9c0e652](https://github.com/plait-board/drawnix/commit/9c0e652))
+- add product_showcase bump plait into 0.69.0 ([61fe571](https://github.com/plait-board/drawnix/commit/61fe571))
+- add sitemap ([3b9d9a3](https://github.com/plait-board/drawnix/commit/3b9d9a3))
+- improve pinch zoom ([#77](https://github.com/plait-board/drawnix/pull/77))
+- bump plait into 0.76.0 and handle break changes ([#90](https://github.com/plait-board/drawnix/pull/90))
+- improve README ([9e0190d](https://github.com/plait-board/drawnix/commit/9e0190d))
+- add dependencies for packages ([6d89b32](https://github.com/plait-board/drawnix/commit/6d89b32))
+- init dialog and mermaid-to-dialog ([6ff70b9](https://github.com/plait-board/drawnix/commit/6ff70b9))
+- support save as json from hotkey ([120dffa](https://github.com/plait-board/drawnix/commit/120dffa))
+- support sub menu and export jpg ([#132](https://github.com/plait-board/drawnix/pull/132))
+- improve link popup state ([#147](https://github.com/plait-board/drawnix/pull/147))
+- improve seo ([#148](https://github.com/plait-board/drawnix/pull/148))
+- **active-toolbar:** add active toolbar ([7e737a2](https://github.com/plait-board/drawnix/commit/7e737a2))
+- **active-toolbar:** support font color property ([4b2d964](https://github.com/plait-board/drawnix/commit/4b2d964))
+- **app:** use localforage to storage main board content #122 ([#122](https://github.com/plait-board/drawnix/issues/122))
+- **app-toolbar:** support undo/redo operation ([50f8831](https://github.com/plait-board/drawnix/commit/50f8831))
+- **app-toolbar:** add trash and duplicate in app-toolbar ([#28](https://github.com/plait-board/drawnix/pull/28))
+- **clean-board:** complete clean board ([#124](https://github.com/plait-board/drawnix/pull/124))
+- **clean-confirm:** autoFocus ok button ([582172a](https://github.com/plait-board/drawnix/commit/582172a))
+- **color-picker:** support merge operations for update opacity #4 ([#45](https://github.com/plait-board/drawnix/pull/45), [#4](https://github.com/plait-board/drawnix/issues/4))
+- **component:** improve the onXXXChange feature for drawnix component #79 ([#79](https://github.com/plait-board/drawnix/issues/79))
+- **component:** add afterInit to expose board instance ([23d91dc](https://github.com/plait-board/drawnix/commit/23d91dc))
+- **component:** support update value from drawnix component outside ([#103](https://github.com/plait-board/drawnix/pull/103))
+- **component:** fit viewport after children updated ([#104](https://github.com/plait-board/drawnix/pull/104))
+- **creation-toolbar:** support long-press triggers drag selection an… ([#78](https://github.com/plait-board/drawnix/pull/78))
+- **creation-toolbar:** remove default action when click shape and arrow icon in creation toolbar improve tool-button ([a46c2df](https://github.com/plait-board/drawnix/commit/a46c2df))
+- **draw:** bump plait into 0.75.0-next.0 and support fine-grained selection ([#69](https://github.com/plait-board/drawnix/pull/69))
+- **draw-toolbar:** add draw toolbar ([#9](https://github.com/plait-board/drawnix/pull/9))
+- **draw-toolbar:** add shape and arrow panel for draw-toolbar #10 ([#12](https://github.com/plait-board/drawnix/pull/12), [#10](https://github.com/plait-board/drawnix/issues/10))
+- **drawnix:** init drawnix package ([397d865](https://github.com/plait-board/drawnix/commit/397d865))
+- **drawnix:** export utils ([#105](https://github.com/plait-board/drawnix/pull/105))
+- **drawnix-board:** initialize drawnix board ([117e5a8](https://github.com/plait-board/drawnix/commit/117e5a8))
+- **fill:** split fill color and fill opacity setting ([#53](https://github.com/plait-board/drawnix/pull/53))
+- **flowchart:** add terminal shape element ([#80](https://github.com/plait-board/drawnix/pull/80))
+- **freehand:** initialize freehand #2 ([#2](https://github.com/plait-board/drawnix/issues/2))
+- **freehand:** apply gaussianSmooth to freehand curve ([#47](https://github.com/plait-board/drawnix/pull/47))
+- **freehand:** update stroke width to 2 and optimize freehand end points ([#50](https://github.com/plait-board/drawnix/pull/50))
+- **freehand:** improve freehand experience ([#51](https://github.com/plait-board/drawnix/pull/51))
+- **freehand:** add FreehandSmoother to optimize freehand curve ([#62](https://github.com/plait-board/drawnix/pull/62))
+- **freehand:** optimize freehand curve by stylus features ([#63](https://github.com/plait-board/drawnix/pull/63))
+- **freehand:** freehand support theme ([b7c7965](https://github.com/plait-board/drawnix/commit/b7c7965))
+- **freehand:** support closed freehand and add popup for freehand ([#68](https://github.com/plait-board/drawnix/pull/68))
+- **freehand:** bump plait into 0.75.0-next.9 and resolve freehand unexpected resize-handle after moving freehand elements ([#84](https://github.com/plait-board/drawnix/pull/84))
+- **hotkey:** support export png hotkey ([#30](https://github.com/plait-board/drawnix/pull/30))
+- **image:** support free image element and support insert image at m… ([#95](https://github.com/plait-board/drawnix/pull/95))
+- **image:** should hide popup toolbar when selected element include image ([#96](https://github.com/plait-board/drawnix/pull/96))
+- **image:** support drag image to board to add image as draw element or mind node image ([#144](https://github.com/plait-board/drawnix/pull/144))
+- **link:** improve link popup ([eba06e2](https://github.com/plait-board/drawnix/commit/eba06e2))
+- **markdown-to-drawnix:** support markdown to drawnix mind map #134 ([#135](https://github.com/plait-board/drawnix/pull/135), [#134](https://github.com/plait-board/drawnix/issues/134))
+- **menu:** support export to json file ([d0d6ca5](https://github.com/plait-board/drawnix/commit/d0d6ca5))
+- **menu:** support load file action ([758aa6d](https://github.com/plait-board/drawnix/commit/758aa6d))
+- **mermaid:** improve mermaid-to-drawnix ([a928ba1](https://github.com/plait-board/drawnix/commit/a928ba1))
+- **mobile:** adapt mobile device ([7c0742f](https://github.com/plait-board/drawnix/commit/7c0742f))
+- **pencil-mode:** add pencil mode and add drawnix context ([#76](https://github.com/plait-board/drawnix/pull/76))
+- **pinch-zoom:** support pinch zoom for touch device ([#60](https://github.com/plait-board/drawnix/pull/60))
+- **pinch-zoom:** improve pinch zoom functionality and support hand moving ([#75](https://github.com/plait-board/drawnix/pull/75))
+- **popover:** add reusable popover and replace radix popover ([d30388a](https://github.com/plait-board/drawnix/commit/d30388a))
+- **popup:** display icon when color is complete opacity ([#42](https://github.com/plait-board/drawnix/pull/42))
+- **popup-toolbar:** support set branch color remove color property when select transparent #17 ([#17](https://github.com/plait-board/drawnix/issues/17))
+- **popup-toolbar:** bump plait into 0.71.0 and mind node link stroke and node stroke support dashed/dotted style #22 ([#22](https://github.com/plait-board/drawnix/issues/22))
+- **property:** support stroke style setting ([463c92a](https://github.com/plait-board/drawnix/commit/463c92a))
+- **size-slider:** improve size-slider component ([780be9d](https://github.com/plait-board/drawnix/commit/780be9d))
+- **text:** support soft break ([#39](https://github.com/plait-board/drawnix/pull/39))
+- **text:** support update text from outside ([#58](https://github.com/plait-board/drawnix/pull/58))
+- **text:** support insertSoftBreak for text #136 ([#136](https://github.com/plait-board/drawnix/issues/136))
+- **theme-toolbar:** add theme selection toolbar for customizable themes ([dca0e33](https://github.com/plait-board/drawnix/commit/dca0e33))
+- **toolbar:** support zoom toolbar ([76ef5d9](https://github.com/plait-board/drawnix/commit/76ef5d9))
+- **web:** seo ([84cde4b](https://github.com/plait-board/drawnix/commit/84cde4b))
+- **web:** add cloud.umami.is to track views ([#64](https://github.com/plait-board/drawnix/pull/64))
+- **web:** modify initialize-data for adding freehand data ([#65](https://github.com/plait-board/drawnix/pull/65))
+- **web:** add debug console ([#83](https://github.com/plait-board/drawnix/pull/83))
+- **wrapper:** add wrapper component and context hook ([#6](https://github.com/plait-board/drawnix/pull/6))
+- **zoom-toolbar:** support zoom menu ([cc6a6b8](https://github.com/plait-board/drawnix/commit/cc6a6b8))
+
+### 🩹 Fixes
+
+- remove theme-toolbar font-weight style ([#67](https://github.com/plait-board/drawnix/pull/67))
+- revert package lock ([1aa9d42](https://github.com/plait-board/drawnix/commit/1aa9d42))
+- fix pub issue ([156abcb](https://github.com/plait-board/drawnix/commit/156abcb))
+- improve libs build ([9ddb6d9](https://github.com/plait-board/drawnix/commit/9ddb6d9))
+- **app-toolbar:** correct app-toolbar style ([#106](https://github.com/plait-board/drawnix/pull/106))
+- **arrow-line:** optimize the popup toolbar position when selected element is arrow line ([#70](https://github.com/plait-board/drawnix/pull/70))
+- **board:** resolve mobile scrolling issue when resize or moving ([8fdca8e](https://github.com/plait-board/drawnix/commit/8fdca8e))
+- **board:** bump plait into 0.69.1 deselect when text editing end refactor popup toolbar placement ([aef6d23](https://github.com/plait-board/drawnix/commit/aef6d23))
+- **board:** use updateViewBox to fix board wobbles when dragging or resizing ([#94](https://github.com/plait-board/drawnix/pull/94))
+- **color-picker:** support display 0 opacity ([#48](https://github.com/plait-board/drawnix/pull/48))
+- **core:** bump plait into 0.79.1 to fix with-hand issue when press space key #141 ([#149](https://github.com/plait-board/drawnix/pull/149), [#141](https://github.com/plait-board/drawnix/issues/141))
+- **creation-toolbar:** use pointerUp set basic pointer cause onChange do not fire on mobile bind pointermove/pointerup to viewportContainerRef to implement dnd on mobile #20 ([#20](https://github.com/plait-board/drawnix/issues/20))
+- **creation-toolbar:** move out toolbar from board to avoid fired pointer down event when operating ([ddb6092](https://github.com/plait-board/drawnix/commit/ddb6092))
+- **font-color:** fix color can not be assigned when current color is empty ([#55](https://github.com/plait-board/drawnix/pull/55))
+- **freehand:** fix freehand creation issue(caused by throttleRAF) ([#40](https://github.com/plait-board/drawnix/pull/40))
+- **mermaid:** bump mermaid-to-drawnix to 0.0.2 to fix text display issue ([33878d0](https://github.com/plait-board/drawnix/commit/33878d0))
+- **mermaid-to-drawnix:** support group for insertToBoard ([e2f5056](https://github.com/plait-board/drawnix/commit/e2f5056))
+- **mind:** remove branchColor property setting ([#46](https://github.com/plait-board/drawnix/pull/46))
+- **property:** prevent set fill color opacity when color is none ([#56](https://github.com/plait-board/drawnix/pull/56))
+- **react-board:** resolve text should not display in safari ([19fc20f](https://github.com/plait-board/drawnix/commit/19fc20f))
+- **react-board:** support fit viewport after browser window resized ([96f4a0e](https://github.com/plait-board/drawnix/commit/96f4a0e))
+- **size-slider:** correct size slider click handle can not fire ([#57](https://github.com/plait-board/drawnix/pull/57))
+- **text:** fix composition input and abc input trembly issue ([#15](https://github.com/plait-board/drawnix/pull/15))
+- **text:** resolve with-text build error ([#41](https://github.com/plait-board/drawnix/pull/41))
+- **text:** fix text can not editing ([#52](https://github.com/plait-board/drawnix/pull/52))
+- **text:** fix text can not display correctly on windows 10 chrome env #99 ([#100](https://github.com/plait-board/drawnix/pull/100), [#99](https://github.com/plait-board/drawnix/issues/99))
+- **text:** allow scroll to show all text ([#156](https://github.com/plait-board/drawnix/pull/156))
+- **text:** set whiteSpace: pre to avoid \n is ineffectual ([#165](https://github.com/plait-board/drawnix/pull/165))
+- **use-board-event:** fix board event timing ([0d4a8f1](https://github.com/plait-board/drawnix/commit/0d4a8f1))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.0.4 (2025-04-15)
+
+
+### 🚀 Features
+
+- ci: a tiny docker image (#127) ([#122](https://github.com/plait-board/drawnix/pull/127))
+- support save as json from hotkey ([120dffa](https://github.com/plait-board/drawnix/commit/120dffa))
+- **app:** use localforage to storage main board content #122 ([#122](https://github.com/plait-board/drawnix/issues/122))
+- **clean-board:** complete clean board ([#124](https://github.com/plait-board/drawnix/pull/124))
+
+### 🩹 Fixes
+
+- **react-board:** support fit viewport after browser window resized ([96f4a0e](https://github.com/plait-board/drawnix/commit/96f4a0e))
+
+### ❤️  Thank You
+
+- lurenyang418 @lurenyang418
+- whyour @whyour
+- pubuzhixing8 @pubuzhixing8
+
+## 0.0.4-3 (2025-03-25)
+
+
+### 🩹 Fixes
+
+- improve libs build ([9ddb6d9](https://github.com/plait-board/drawnix/commit/9ddb6d9))
+- **mermaid:** bump mermaid-to-drawnix to 0.0.2 to fix text display issue ([33878d0](https://github.com/plait-board/drawnix/commit/33878d0))
+
+### ❤️  Thank You
+
+- pubuzhixing8
+
+## 0.0.4-2 (2025-03-19)
+
+
+### 🚀 Features
+
+- init dialog and mermaid-to-dialog ([6ff70b9](https://github.com/plait-board/drawnix/commit/6ff70b9))
+- **mermaid:** improve mermaid-to-drawnix ([a928ba1](https://github.com/plait-board/drawnix/commit/a928ba1))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.0.4-1 (2025-03-16)
+
+This was a version bump only, there were no code changes.
+
+## 0.0.4-0 (2025-03-16)
+
+
+### 🚀 Features
+
+- add dependencies for packages ([6d89b32](https://github.com/plait-board/drawnix/commit/6d89b32))
+- **component:** support update value from drawnix component outside ([#103](https://github.com/plait-board/drawnix/pull/103))
+- **component:** fit viewport after children updated ([#104](https://github.com/plait-board/drawnix/pull/104))
+- **drawnix:** export utils ([#105](https://github.com/plait-board/drawnix/pull/105))
+
+### 🩹 Fixes
+
+- **app-toolbar:** correct app-toolbar style ([#106](https://github.com/plait-board/drawnix/pull/106))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.0.3 (2025-03-14)
+
+
+### 🩹 Fixes
+
+- revert package lock ([1aa9d42](https://github.com/plait-board/drawnix/commit/1aa9d42))
+- fix pub issue ([156abcb](https://github.com/plait-board/drawnix/commit/156abcb))
+- **text:** fix text can not display correctly on windows 10 chrome env #99 ([#100](https://github.com/plait-board/drawnix/pull/100), [#99](https://github.com/plait-board/drawnix/issues/99))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.0.2 (2025-03-10)
+
+
+### 🚀 Features
+
+- improve README ([9e0190d](https://github.com/plait-board/drawnix/commit/9e0190d))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8
+
+## 0.0.1 (2025-03-10)
+
+
+### 🚀 Features
+
+- import styles ([ecfe3cd](https://github.com/plait-board/drawnix/commit/ecfe3cd))
+- add script and update ci ([147c028](https://github.com/plait-board/drawnix/commit/147c028))
+- bump plait into 0.62.0-next.7 ([7ab4003](https://github.com/plait-board/drawnix/commit/7ab4003))
+- add main menu ([#14](https://github.com/plait-board/drawnix/pull/14))
+- improve active-toolbar ([fd19725](https://github.com/plait-board/drawnix/commit/fd19725))
+- rename active-toolbar to popup-toolbar and modify tool-button ([aa06c7e](https://github.com/plait-board/drawnix/commit/aa06c7e))
+- support opacity for  color property ([#16](https://github.com/plait-board/drawnix/pull/16))
+- support local storage ([9c0e652](https://github.com/plait-board/drawnix/commit/9c0e652))
+- add product_showcase bump plait into 0.69.0 ([61fe571](https://github.com/plait-board/drawnix/commit/61fe571))
+- add sitemap ([3b9d9a3](https://github.com/plait-board/drawnix/commit/3b9d9a3))
+- improve pinch zoom ([#77](https://github.com/plait-board/drawnix/pull/77))
+- bump plait into 0.76.0 and handle break changes ([#90](https://github.com/plait-board/drawnix/pull/90))
+- **active-toolbar:** add active toolbar ([7e737a2](https://github.com/plait-board/drawnix/commit/7e737a2))
+- **active-toolbar:** support font color property ([4b2d964](https://github.com/plait-board/drawnix/commit/4b2d964))
+- **app-toolbar:** support undo/redo operation ([50f8831](https://github.com/plait-board/drawnix/commit/50f8831))
+- **app-toolbar:** add trash and duplicate in app-toolbar ([#28](https://github.com/plait-board/drawnix/pull/28))
+- **color-picker:** support merge operations for update opacity #4 ([#45](https://github.com/plait-board/drawnix/pull/45), [#4](https://github.com/plait-board/drawnix/issues/4))
+- **component:** improve the onXXXChange feature for drawnix component #79 ([#79](https://github.com/plait-board/drawnix/issues/79))
+- **component:** add afterInit to expose board instance ([23d91dc](https://github.com/plait-board/drawnix/commit/23d91dc))
+- **creation-toolbar:** support long-press triggers drag selection an… ([#78](https://github.com/plait-board/drawnix/pull/78))
+- **draw:** bump plait into 0.75.0-next.0 and support fine-grained selection ([#69](https://github.com/plait-board/drawnix/pull/69))
+- **draw-toolbar:** add draw toolbar ([#9](https://github.com/plait-board/drawnix/pull/9))
+- **draw-toolbar:** add shape and arrow panel for draw-toolbar #10 ([#12](https://github.com/plait-board/drawnix/pull/12), [#10](https://github.com/plait-board/drawnix/issues/10))
+- **drawnix:** init drawnix package ([397d865](https://github.com/plait-board/drawnix/commit/397d865))
+- **drawnix-board:** initialize drawnix board ([117e5a8](https://github.com/plait-board/drawnix/commit/117e5a8))
+- **fill:** split fill color and fill opacity setting ([#53](https://github.com/plait-board/drawnix/pull/53))
+- **flowchart:** add terminal shape element ([#80](https://github.com/plait-board/drawnix/pull/80))
+- **freehand:** initialize freehand #2 ([#2](https://github.com/plait-board/drawnix/issues/2))
+- **freehand:** apply gaussianSmooth to freehand curve ([#47](https://github.com/plait-board/drawnix/pull/47))
+- **freehand:** update stroke width to 2 and optimize freehand end points ([#50](https://github.com/plait-board/drawnix/pull/50))
+- **freehand:** improve freehand experience ([#51](https://github.com/plait-board/drawnix/pull/51))
+- **freehand:** add FreehandSmoother to optimize freehand curve ([#62](https://github.com/plait-board/drawnix/pull/62))
+- **freehand:** optimize freehand curve by stylus features ([#63](https://github.com/plait-board/drawnix/pull/63))
+- **freehand:** freehand support theme ([b7c7965](https://github.com/plait-board/drawnix/commit/b7c7965))
+- **freehand:** support closed freehand and add popup for freehand ([#68](https://github.com/plait-board/drawnix/pull/68))
+- **freehand:** bump plait into 0.75.0-next.9 and resolve freehand unexpected resize-handle after moving freehand elements ([#84](https://github.com/plait-board/drawnix/pull/84))
+- **hotkey:** support export png hotkey ([#30](https://github.com/plait-board/drawnix/pull/30))
+- **image:** support free image element and support insert image at m… ([#95](https://github.com/plait-board/drawnix/pull/95))
+- **image:** should hide popup toolbar when selected element include image ([#96](https://github.com/plait-board/drawnix/pull/96))
+- **menu:** support export to json file ([d0d6ca5](https://github.com/plait-board/drawnix/commit/d0d6ca5))
+- **menu:** support load file action ([758aa6d](https://github.com/plait-board/drawnix/commit/758aa6d))
+- **mobile:** adapt mobile device ([7c0742f](https://github.com/plait-board/drawnix/commit/7c0742f))
+- **pencil-mode:** add pencil mode and add drawnix context ([#76](https://github.com/plait-board/drawnix/pull/76))
+- **pinch-zoom:** support pinch zoom for touch device ([#60](https://github.com/plait-board/drawnix/pull/60))
+- **pinch-zoom:** improve pinch zoom functionality and support hand moving ([#75](https://github.com/plait-board/drawnix/pull/75))
+- **popover:** add reusable popover and replace radix popover ([d30388a](https://github.com/plait-board/drawnix/commit/d30388a))
+- **popup:** display icon when color is complete opacity ([#42](https://github.com/plait-board/drawnix/pull/42))
+- **popup-toolbar:** support set branch color remove color property when select transparent #17 ([#17](https://github.com/plait-board/drawnix/issues/17))
+- **popup-toolbar:** bump plait into 0.71.0 and mind node link stroke and node stroke support dashed/dotted style #22 ([#22](https://github.com/plait-board/drawnix/issues/22))
+- **property:** support stroke style setting ([463c92a](https://github.com/plait-board/drawnix/commit/463c92a))
+- **size-slider:** improve size-slider component ([780be9d](https://github.com/plait-board/drawnix/commit/780be9d))
+- **text:** support soft break ([#39](https://github.com/plait-board/drawnix/pull/39))
+- **text:** support update text from outside ([#58](https://github.com/plait-board/drawnix/pull/58))
+- **theme-toolbar:** add theme selection toolbar for customizable themes ([dca0e33](https://github.com/plait-board/drawnix/commit/dca0e33))
+- **toolbar:** support zoom toolbar ([76ef5d9](https://github.com/plait-board/drawnix/commit/76ef5d9))
+- **web:** seo ([84cde4b](https://github.com/plait-board/drawnix/commit/84cde4b))
+- **web:** add cloud.umami.is to track views ([#64](https://github.com/plait-board/drawnix/pull/64))
+- **web:** modify initialize-data for adding freehand data ([#65](https://github.com/plait-board/drawnix/pull/65))
+- **web:** add debug console ([#83](https://github.com/plait-board/drawnix/pull/83))
+- **wrapper:** add wrapper component and context hook ([#6](https://github.com/plait-board/drawnix/pull/6))
+- **zoom-toolbar:** support zoom menu ([cc6a6b8](https://github.com/plait-board/drawnix/commit/cc6a6b8))
+
+### 🩹 Fixes
+
+- remove theme-toolbar font-weight style ([#67](https://github.com/plait-board/drawnix/pull/67))
+- **arrow-line:** optimize the popup toolbar position when selected element is arrow line ([#70](https://github.com/plait-board/drawnix/pull/70))
+- **board:** resolve mobile scrolling issue when resize or moving ([8fdca8e](https://github.com/plait-board/drawnix/commit/8fdca8e))
+- **board:** bump plait into 0.69.1 deselect when text editing end refactor popup toolbar placement ([aef6d23](https://github.com/plait-board/drawnix/commit/aef6d23))
+- **board:** use updateViewBox to fix board wobbles when dragging or resizing ([#94](https://github.com/plait-board/drawnix/pull/94))
+- **color-picker:** support display 0 opacity ([#48](https://github.com/plait-board/drawnix/pull/48))
+- **creation-toolbar:** use pointerUp set basic pointer cause onChange do not fire on mobile bind pointermove/pointerup to viewportContainerRef to implement dnd on mobile #20 ([#20](https://github.com/plait-board/drawnix/issues/20))
+- **creation-toolbar:** move out toolbar from board to avoid fired pointer down event when operating ([ddb6092](https://github.com/plait-board/drawnix/commit/ddb6092))
+- **font-color:** fix color can not be assigned when current color is empty ([#55](https://github.com/plait-board/drawnix/pull/55))
+- **freehand:** fix freehand creation issue(caused by throttleRAF) ([#40](https://github.com/plait-board/drawnix/pull/40))
+- **mind:** remove branchColor property setting ([#46](https://github.com/plait-board/drawnix/pull/46))
+- **property:** prevent set fill color opacity when color is none ([#56](https://github.com/plait-board/drawnix/pull/56))
+- **react-board:** resolve text should not display in safari ([19fc20f](https://github.com/plait-board/drawnix/commit/19fc20f))
+- **size-slider:** correct size slider click handle can not fire ([#57](https://github.com/plait-board/drawnix/pull/57))
+- **text:** fix composition input and abc input trembly issue ([#15](https://github.com/plait-board/drawnix/pull/15))
+- **text:** resolve with-text build error ([#41](https://github.com/plait-board/drawnix/pull/41))
+- **text:** fix text can not editing ([#52](https://github.com/plait-board/drawnix/pull/52))
+- **use-board-event:** fix board event timing ([0d4a8f1](https://github.com/plait-board/drawnix/commit/0d4a8f1))
+
+### ❤️  Thank You
+
+- pubuzhixing8 @pubuzhixing8

Dockerfile

@@ -0,0 +1,19 @@
+FROM node:20 AS builder 
+
+WORKDIR /builder
+
+COPY . /builder
+
+RUN npm install \
+    && npm run build 
+
+
+FROM lipanski/docker-static-website:2.4.0
+
+WORKDIR /home/static
+
+COPY  --from=builder /builder/dist/apps/web/  /home/static
+
+EXPOSE 7860
+
+CMD ["/busybox-httpd", "-f", "-v", "-p", "7860", "-c", "httpd.conf"]

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Drawnix
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,10 +1,10 @@
----
-title: Mindmap
-emoji: 💻
-colorFrom: gray
-colorTo: red
-sdk: docker
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: Mindmap
+emoji: 💻
+colorFrom: gray
+colorTo: red
+sdk: docker
+pinned: false
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

README_en.md

@@ -0,0 +1,142 @@
+<p align="center">
+  <picture style="width: 320px">
+    <source media="(prefers-color-scheme: light)" srcset="https://github.com/plait-board/drawnix/blob/develop/apps/web/public/logo/logo_drawnix_h.svg?raw=true" />
+    <source media="(prefers-color-scheme: dark)" srcset="https://github.com/plait-board/drawnix/blob/develop/apps/web/public/logo/logo_drawnix_h_dark.svg?raw=true" />
+    <img src="https://github.com/plait-board/drawnix/blob/develop/apps/web/public/logo/logo_drawnix_h.svg?raw=true" width="360" alt="Drawnix logo and name" />
+  </picture>
+</p>
+<div align="center">
+  <h2>
+    Open-source whiteboard tool (SaaS), an all-in-one collaborative canvas that includes mind mapping, flowcharts, freehand and more.
+  <br />
+  </h2>
+</div>
+
+<div align="center">
+  <figure>
+    <a target="_blank" rel="noopener">
+      <img src="https://github.com/plait-board/drawnix/blob/develop/apps/web/public/product_showcase/case-2.png" alt="Product showcase" width="80%" />
+    </a>
+    <figcaption>
+      <p align="center">
+      Whiteboard with mind mapping, flowcharts, freehand drawing and more
+      </p>
+    </figcaption>
+  </figure>
+  <a href="https://hellogithub.com/repository/plait-board/drawnix" target="_blank">
+    <picture style="width: 250">
+      <source media="(prefers-color-scheme: light)" srcset="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=4dcea807fab7468a962c153b07ae4e4e&claim_uid=zmFSY5k8EuZri43&theme=neutral" />
+      <source media="(prefers-color-scheme: dark)" srcset="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=4dcea807fab7468a962c153b07ae4e4e&claim_uid=zmFSY5k8EuZri43&theme=dark" />
+      <img src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=4dcea807fab7468a962c153b07ae4e4e&claim_uid=zmFSY5k8EuZri43&theme=neutral" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54"/>
+    </picture>
+  </a>
+
+  <br />
+
+  <a href="https://trendshift.io/repositories/13979" target="_blank"><img src="https://trendshift.io/api/badge/repositories/13979" alt="plait-board%2Fdrawnix | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
+</div>
+
+[*中文*](https://github.com/plait-board/drawnix/blob/develop/README.md)
+
+## Features
+
+- 💯 Free and Open Source
+- ⚒️ Mind Maps and Flowcharts
+- 🖌 Freehand
+- 😀 Image Support
+- 🚀 Plugin-based Architecture - Extensible
+- 🖼️ 📃 Export to PNG, JPG, JSON(.drawnix)
+- 💾 Auto-save (Browser Storage)
+- ⚡ Edit Features: Undo, Redo, Copy, Paste, etc.
+- 🌌 Infinite Canvas: Zoom, Pan
+- 🎨 Theme Support
+- 📱 Mobile-friendly
+- 📈 Support mermaid syntax conversion to flowchart
+- ✨ Support markdown text conversion to mind map（New 🔥🔥🔥）
+
+
+## About the Name
+
+***Drawnix*** is born from the interweaving of ***Draw*** and ***Phoenix***, a fusion of artistic inspiration.
+
+The *Phoenix* symbolizes endless creativity, while *Draw* represents humanity's most fundamental form of expression. Here, each creation is an artistic rebirth, every stroke a renaissance of inspiration.
+
+Like a Phoenix, creativity must rise from the flames to be reborn, and ***Drawnix*** stands as the guardian of both technical and creative fire.
+
+*Draw Beyond, Rise Above.*
+
+## About Plait Drawing Framework
+
+*Drawnix* is positioned as an out-of-the-box, *open-source*, and free tool product. It is built on top of the *Plait* framework, which is our company's *open-source* drawing framework representing significant technical accumulation in knowledge base products([PingCode Wiki](https://pingcode.com/product/wiki?utm_source=drawnix)).
+
+
+*Drawnix* uses a *plugin architecture*, which is technically more complex than the previously mentioned *open-source* tools. However, this *plugin architecture* has its advantages: it supports multiple *UI frameworks* (*Angular*, *React*), integrates with different *rich text frameworks* (currently only supporting *Slate* framework), enables better business layer separation in development, allows development of various fine-grained reusable plugins, and can expand to more whiteboard application scenarios.
+
+## Repository Structure
+
+```
+drawnix/
+├── apps/
+│   ├── web                   # drawnix.com
+│   │    └── index.html       # HTML
+├── dist/                     # Build artifacts
+├── packages/
+│   └── drawnix/              # Whiteboard application core
+│   └── react-board/          # Whiteboard react view layer
+│   └── react-text/           # Text rendering module
+├── package.json
+├── ...
+└── README.md
+└── README_en.md
+
+```
+
+## Try It Out
+
+*https://drawnix.com* is the minimal application of *drawnix*.
+
+I will be iterating frequently on *drawnix.com* until the release of the *Dawn* version.
+
+
+## Development
+
+```
+npm install
+
+npm run start
+```
+
+## Docker
+
+```
+docker pull pubuzhixing/drawnix:latest
+```
+
+## Dependencies
+
+- [plait](https://github.com/worktile/plait) - Open source drawing framework
+- [slate](https://github.com/ianstormtaylor/slate) - Rich text editor framework
+- [floating-ui](https://github.com/floating-ui/floating-ui) - An awesome library for creating floating UI elements
+
+
+## Contributing
+
+Any form of contribution is welcome:
+
+- Report bugs
+
+- Contribute code
+
+## Thank you for supporting
+
+Special thanks to the company for its strong support for open source projects, and also to the friends who contributed code and provided suggestions to this project.
+
+<p align="left">
+  <a href="https://pingcode.com?utm_source=drawnix" target="_blank">
+      <img src="https://cdn-aliyun.pingcode.com/static/site/img/pingcode-logo.4267e7b.svg" width="120" alt="PingCode" />
+  </a>
+</p>
+
+## License
+
+[MIT License](https://github.com/plait-board/drawnix/blob/master/LICENSE)

SECURITY.md

@@ -0,0 +1,7 @@
+# Security Policy
+
+## Reporting a Vulnerability
+
+We have an official discord server for discussing and reporting about Drawnix.
+Please contact pubuzhixing in the server if the valnerability is confidential and critical.
+[Discord Server Link](https://discord.gg/5d9undgnsP)

apps/web-e2e/.eslintrc.json

@@ -0,0 +1,22 @@
+{
+  "extends": ["plugin:playwright/recommended", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["src/**/*.{ts,js,tsx,jsx}"],
+      "rules": {}
+    }
+  ]
+}

apps/web-e2e/playwright.config.ts

@@ -0,0 +1,69 @@
+import { defineConfig, devices } from '@playwright/test';
+import { nxE2EPreset } from '@nx/playwright/preset';
+
+import { workspaceRoot } from '@nx/devkit';
+
+// For CI, you may want to set BASE_URL to the deployed application.
+const baseURL = process.env['BASE_URL'] || 'http://localhost:7200';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  ...nxE2EPreset(__filename, { testDir: './src' }),
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    baseURL,
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'npx nx serve web',
+    url: 'http://localhost:7200',
+    reuseExistingServer: !process.env.CI,
+    cwd: workspaceRoot,
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    // Uncomment for mobile browsers support
+    /* {
+      name: 'Mobile Chrome',
+      use: { ...devices['Pixel 5'] },
+    },
+    {
+      name: 'Mobile Safari',
+      use: { ...devices['iPhone 12'] },
+    }, */
+
+    // Uncomment for branded browsers
+    /* {
+      name: 'Microsoft Edge',
+      use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    },
+    {
+      name: 'Google Chrome',
+      use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    }, */
+  ],
+});

apps/web-e2e/project.json

@@ -0,0 +1,9 @@
+{
+  "name": "web-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "apps/web-e2e/src",
+  "implicitDependencies": ["web"],
+  "// targets": "to see all targets run: nx show project web-e2e --web",
+  "targets": {}
+}

apps/web-e2e/src/example.spec.ts

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test';
+
+test('has title', async ({ page }) => {
+  await page.goto('/');
+
+  // Expect h1 to contain a substring.
+  expect(await page.title()).toContain('Drawnix - 开源白板工具');
+  expect(page.locator('drawnix')).toBeTruthy();
+});

apps/web-e2e/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "sourceMap": false
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.js",
+    "playwright.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.spec.js",
+    "src/**/*.test.ts",
+    "src/**/*.test.js",
+    "src/**/*.d.ts"
+  ]
+}

apps/web/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

apps/web/index.html

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <!-- 基本 SEO Meta 标签 (中文) -->
+    <title>Drawnix - 开源白板工具</title>
+    <meta name="description" content="Drawnix 是一款强大的开源白板工具（https://github.com/plait-board/drawnix），集成思维导图、流程图等功能。基于 Plait 框架开发，支持插件扩展，提供自动保存、无限画布等特性。Draw Beyond, Rise Above.">
+    <meta name="keywords" content="Drawnix,白板工具,白板,思维导图,流程图,开源白板,开源思维导图,在线绘图,在线白板,协作工具,协作白板,Plait 框架">
+    <!-- 基本 SEO Meta 标签 (English) -->
+    <meta name="description" lang="en" content="Drawnix is a powerful open-source whiteboard tool featuring mind mapping and flowchart capabilities. Built on the Plait framework, it offers plugin extensibility, auto-save, infinite canvas, and more. Draw Beyond, Rise Above.">
+    <meta name="keywords" lang="en" content="Drawnix,whiteboard tool, whiteboard,mind mapping,flowchart,open source whiteboard, open source mind mapping,online drawing,collaboration tool, collaboration whiteboard,Plait framework">
+    <!-- 基本 SEO Meta 标签 (Русский) -->
+    <meta name="description" lang="ru" content="Drawnix — это виртуальная доска с открытым исходным кодом, позволяющая строить mind-карты и блок-схемы. Написанный на основе фреймворка Plait, он имеет возможности расширения плагинами, автосохранения, бесконечного холта и многое другое. Draw Beyond, Rise Above.">
+    <meta name="keywords" lang="ru" content="Drawnix,доска,виртуальная доска,mind-карты,интеллект-карты,карты мыслей,блоксхемы,блок-схемы,open source доска,доска с открытым кодом,open source mind-карты,mind-карты с открытым кодом,онлайн-рисование,рисовалка онлайн,совместная работа,доска для совместной работы,электронная доска для совместной работы,Plait framework,фреймворк Plait">
+    <!-- Open Graph Meta 标签 (中文) -->
+    <meta property="og:title" content="Drawnix - 开源白板工具 | 思维导图 | 流程图 | 白板 | 协作白板">
+    <meta property="og:description" content="一体化开源白板工具（在线白板 | 协作白板），支持思维导图、流程图，基于 Plait 框架开发">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://drawnix.com">
+    <meta property="og:site_name" content="Drawnix">
+    <!-- Open Graph Meta 标签 (English) -->
+    <meta property="og:title" lang="en" content="Drawnix - Open Source Whiteboard | Mind Mapping | Flowchart | Whiteboard | Collaboration Whiteboard">
+    <meta property="og:description" lang="en" content="An integrated open-source whiteboard tool(online whiteboard | collaboration whiteboard) supporting mind mapping and flowcharts, built on the Plait framework">
+    <!-- Open Graph Meta 标签 (Русский) -->
+    <meta property="og:title" lang="ru" content="Drawnix - Доска с открытым кодом | Mind-карты | Блок-схемы | Электронная доска для совместной работы">
+    <meta property="og:description" lang="ru" content="Интегрированная доска с открытым исходным кодом (онлайн доска | доска для совеместной работы), поддерживающая создание mind-карт и блок-схем, построенная на основе фреймворка Plait">
+    <!-- Twitter Card Meta 标签 (English) -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Drawnix - Open Source Whiteboard | Mind Mapping | Flowchart | Whiteboard | Collaboration Whiteboard">
+    <meta name="twitter:description" content="An integrated open-source whiteboard tool(online whiteboard | collaboration whiteboard) supporting mind mapping and flowcharts, built on the Plait framework">
+    <!-- 其他重要 Meta 标签 -->
+    <meta name="robots" content="index, follow">
+    <meta name="author" content="Drawnix Team">
+    <link rel="canonical" href="https://drawnix.com">
+    <!-- 语言替代链接 -->
+    <link rel="alternate" hreflang="zh-CN" href="https://drawnix.com">
+    <!-- <link rel="alternate" hreflang="en" href="https://drawnix.com/en"> -->
+    <!-- <link rel="alternate" hreflang="ru" href="https://drawnix.com/ru"> -->
+    <link rel="alternate" hreflang="x-default" href="https://drawnix.com">
+    <!-- 结构化数据 (JSON-LD) - 中英双语 -->
+    <script type="application/ld+json">
+        {
+          "@context": "https://schema.org",
+          "@type": "SoftwareApplication",
+          "name": "Drawnix",
+          "alternateName": ["开源白板工具", "Open Source Whiteboard Tool"],
+          "description": {
+            "zh-CN": "Drawnix 是一款强大的开源白板工具，集成思维导图、流程图等功能。基于 Plait 框架开发，支持插件扩展，提供自动保存、无限画布等特性。",
+            "en": "Drawnix is a powerful open-source whiteboard tool featuring mind mapping and flowchart capabilities. Built on the Plait framework, it offers plugin extensibility, auto-save, infinite canvas, and more.",
+            "ru": "Drawnix — это мощная виртуальная доска с открытым исходным кодом, позволяющая строить mind-карты и блок-схемы. Написанный на основе фреймворка Plait, он имеет возможности расширения плагинами, автосохранения, бесконечного холта и многое другое."
+          },
+          "url": "https://drawnix.com",
+          "applicationCategory": "DesignApplication",
+          "operatingSystem": "Any",
+          "offers": {
+            "@type": "Offer",
+            "price": "0",
+            "priceCurrency": "USD"
+          },
+          "creator": {
+            "@type": "Organization",
+            "name": "Drawnix Team"
+          },
+          "keywords": ["доска", "электронная доска", "mind-карты", "блок-схемы", "диаграммы", "whiteboard", "mind mapping", "flowchart", "open source", "思维导图", "流程图", "白板"],
+          "inLanguage": ["zh-CN", "en", "ru"],
+          "license": "https://github.com/plait-board/drawnix/blob/master/LICENSE"
+        }
+    </script>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="/src/styles.scss" />
+    <script defer src="https://cloud.umami.is/script.js" data-website-id="7083aa92-85b1-4a67-a6d4-03d52819ba3d"></script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

apps/web/jest.config.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'web',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nx/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nx/react/babel'] }],
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/apps/web',
+};

apps/web/project.json

@@ -0,0 +1,9 @@
+{
+  "name": "web",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/web/src",
+  "projectType": "application",
+  "tags": [],
+  "// targets": "to see all targets run: nx show project web --web",
+  "targets": {}
+}

apps/web/public/_headers

@@ -0,0 +1,9 @@
+# 基本缓存配置
+/*
+  Cache-Control: public, max-age=31536000, immutable
+
+/*.html
+  Cache-Control: public, max-age=0, must-revalidate
+
+/
+  Cache-Control: public, max-age=0, must-revalidate

apps/web/public/_redirects

@@ -0,0 +1,2 @@
+# SPA 路由支持
+/*    /index.html   200

apps/web/public/robots.txt

@@ -0,0 +1,13 @@
+id: robots-txt
+name: Robots.txt
+type: code.txt
+content: |-
+  User-agent: *
+  Allow: /
+  
+  # 禁止访问管理后台
+  Disallow: /admin/
+  Disallow: /private/
+  
+  # 站点地图
+  Sitemap: https://drawnix.com/sitemap.xml

apps/web/public/sitemap.xml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+    <url>
+        <loc>https://drawnix.com/</loc>
+        <lastmod>2024-11-15</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>1.0</priority>
+    </url>
+    <url>
+        <loc>https://drawnix.com/en</loc>
+        <lastmod>2024-11-15</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>0.9</priority>
+    </url>
+    <url>
+        <loc>https://drawnix.com/docs</loc>
+        <lastmod>2024-11-15</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>0.8</priority>
+    </url>
+    <url>
+        <loc>https://drawnix.com/docs/getting-started</loc>
+        <lastmod>2024-11-15</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>0.7</priority>
+    </url>
+</urlset>

apps/web/src/app/app.module.scss

@@ -0,0 +1 @@
+/* Your styles goes here. */

apps/web/src/app/app.spec.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import App from './app';
+
+describe('App', () => {
+  it('should render successfully', () => {
+    // const { baseElement } = render(<App />);
+    // expect(baseElement).toBeTruthy();
+  });
+});

apps/web/src/app/app.tsx

@@ -0,0 +1,85 @@
+import { useState, useEffect } from 'react';
+import { Drawnix } from '@drawnix/drawnix';
+import { PlaitBoard, PlaitElement, PlaitTheme, Viewport } from '@plait/core';
+import localforage from 'localforage';
+
+type AppValue = {
+  children: PlaitElement[];
+  viewport?: Viewport;
+  theme?: PlaitTheme;
+};
+
+const MAIN_BOARD_CONTENT_KEY = 'main_board_content';
+
+localforage.config({
+  name: 'Drawnix',
+  storeName: 'drawnix_store',
+  driver: [localforage.INDEXEDDB, localforage.LOCALSTORAGE],
+});
+
+export function App() {
+  const [value, setValue] = useState<AppValue>({ children: [] });
+
+  const [tutorial, setTutorial] = useState(false);
+
+  useEffect(() => {
+    const loadData = async () => {
+      const storedData = (await localforage.getItem(
+        MAIN_BOARD_CONTENT_KEY
+      )) as AppValue;
+      if (storedData) {
+        setValue(storedData);
+        if (storedData.children && storedData.children.length === 0) {
+          setTutorial(true);
+        }
+        return;
+      }
+      setTutorial(true);
+    };
+    loadData();
+  }, []);
+  return (
+    <Drawnix
+      value={value.children}
+      viewport={value.viewport}
+      theme={value.theme}
+      onChange={(value) => {
+        const newValue = value as AppValue;
+        localforage.setItem(MAIN_BOARD_CONTENT_KEY, newValue);
+        setValue(newValue);
+        if (newValue.children && newValue.children.length > 0) {
+          setTutorial(false);
+        }
+      }}
+      tutorial={tutorial}
+      afterInit={(board) => {
+        console.log('board initialized');
+        /*
+        console.log(
+          `add __drawnix__web__debug_log to window, so you can call add log anywhere, like: window.__drawnix__web__console('some thing')`
+        );
+        (window as any)['__drawnix__web__console'] = (value: string) => {
+          addDebugLog(board, value);
+        };
+        */
+      }}
+    ></Drawnix>
+  );
+}
+
+const addDebugLog = (board: PlaitBoard, value: string) => {
+  const container = PlaitBoard.getBoardContainer(board).closest(
+    '.drawnix'
+  ) as HTMLElement;
+  let consoleContainer = container.querySelector('.drawnix-console');
+  if (!consoleContainer) {
+    consoleContainer = document.createElement('div');
+    consoleContainer.classList.add('drawnix-console');
+    container.append(consoleContainer);
+  }
+  const div = document.createElement('div');
+  div.innerHTML = value;
+  consoleContainer.append(div);
+};
+
+export default App;

apps/web/src/main.tsx

@@ -0,0 +1,13 @@
+import { StrictMode } from 'react';
+import * as ReactDOM from 'react-dom/client';
+
+import App from './app/app';
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

apps/web/src/styles.scss

@@ -0,0 +1,29 @@
+/* You can add global styles to this file, and also import other style files */
+body {
+    margin: 0;
+    padding: 0;
+}
+html,
+body {
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+#root {
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+.drawnix-console {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 0;
+    height: 200px;
+    width: 200px;
+    overflow: auto;
+    background-color: black;
+    color: white;
+    padding: 8px;
+    opacity: 0.5;
+}

apps/web/tsconfig.app.json

@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ]
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}

apps/web/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "types": ["vite/client"]
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json"
+}

apps/web/tsconfig.spec.json

@@ -0,0 +1,25 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": [
+      "jest",
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
+  },
+  "include": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ]
+}

apps/web/vite.config.ts

@@ -0,0 +1,35 @@
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+
+export default defineConfig({
+  root: __dirname,
+  cacheDir: '../../node_modules/.vite/apps/web',
+
+  server: {
+    port: 7860,
+    host: 'localhost',
+  },
+
+  preview: {
+    port: 4300,
+    host: 'localhost',
+  },
+
+  plugins: [react(), nxViteTsPaths()],
+
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+
+  build: {
+    outDir: '../../dist/apps/web',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+});

jest.config.ts

@@ -0,0 +1,5 @@
+import { getJestProjectsAsync } from '@nx/jest';
+
+export default async () => ({
+  projects: await getJestProjectsAsync(),
+});

jest.preset.js

@@ -0,0 +1,3 @@
+const nxPreset = require('@nx/jest/preset').default;
+
+module.exports = { ...nxPreset };

nx.json

@@ -0,0 +1,84 @@
+{
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "namedInputs": {
+    "default": [
+      "{projectRoot}/**/*",
+      "sharedGlobals"
+    ],
+    "production": [
+      "default",
+      "!{projectRoot}/**/?(*.)+(spec|test).[jt]s?(x)?(.snap)",
+      "!{projectRoot}/tsconfig.spec.json",
+      "!{projectRoot}/.eslintrc.json",
+      "!{projectRoot}/eslint.config.js",
+      "!{projectRoot}/jest.config.[jt]s",
+      "!{projectRoot}/src/test-setup.[jt]s",
+      "!{projectRoot}/test-setup.[jt]s"
+    ],
+    "sharedGlobals": []
+  },
+  "plugins": [
+    {
+      "plugin": "@nx/vite/plugin",
+      "options": {
+        "buildTargetName": "build",
+        "testTargetName": "test",
+        "serveTargetName": "serve",
+        "previewTargetName": "preview",
+        "serveStaticTargetName": "serve-static"
+      }
+    },
+    {
+      "plugin": "@nx/eslint/plugin",
+      "options": {
+        "targetName": "lint"
+      }
+    },
+    {
+      "plugin": "@nx/playwright/plugin",
+      "options": {
+        "targetName": "e2e"
+      }
+    },
+    {
+      "plugin": "@nx/jest/plugin",
+      "options": {
+        "targetName": "test"
+      }
+    }
+  ],
+  "generators": {
+    "@nx/react": {
+      "application": {
+        "babel": true,
+        "style": "scss",
+        "linter": "eslint",
+        "bundler": "vite"
+      },
+      "component": {
+        "style": "scss"
+      },
+      "library": {
+        "style": "scss",
+        "linter": "eslint",
+        "unitTestRunner": "jest"
+      }
+    }
+  },
+  "release": {
+    "changelog": {
+      "workspaceChangelog": true,
+      "file": "CHANGELOG.md",
+      "git": {
+        "commit": false,
+        "tag": false
+      }
+    },
+    "version": {
+      "git": {
+        "commit": false,
+        "tag": false
+      }
+    }
+  }
+}

package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@drawnix/source",
+  "version": "0.0.2",
+  "license": "MIT",
+  "scripts": {
+    "start": "nx serve web --host=0.0.0.0",
+    "build": "nx run-many -t=build",
+    "lint": "nx run-many --target=lint --all --fix",
+    "build:web": "nx build web",
+    "test": "nx run-many -t=test",
+    "release": "node scripts/release-version.js",
+    "pub": "npm run build && node scripts/publish.js"
+  },
+  "private": true,
+  "dependencies": {
+    "@floating-ui/react": "^0.26.24",
+    "@plait-board/markdown-to-drawnix": "^0.0.7",
+    "@plait-board/mermaid-to-drawnix": "^0.0.7",
+    "@plait/common": "^0.86.1",
+    "@plait/core": "^0.86.1",
+    "@plait/draw": "^0.86.1",
+    "@plait/layouts": "^0.86.1",
+    "@plait/mind": "^0.86.1",
+    "@plait/text-plugins": "^0.86.1",
+    "ahooks": "^3.8.0",
+    "browser-fs-access": "^0.35.0",
+    "classnames": "^2.5.1",
+    "laser-pen": "^1.0.1",
+    "localforage": "^1.10.0",
+    "mobile-detect": "^1.4.5",
+    "open-color": "^1.9.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "slate": "^0.116.0",
+    "slate-dom": "^0.116.0",
+    "slate-history": "^0.115.0",
+    "slate-react": "^0.116.0",
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.14.5",
+    "@babel/preset-react": "^7.14.5",
+    "@nx/cypress": "19.3.0",
+    "@nx/devkit": "19.3.0",
+    "@nx/eslint": "19.3.0",
+    "@nx/eslint-plugin": "19.3.0",
+    "@nx/jest": "19.3.0",
+    "@nx/js": "19.3.0",
+    "@nx/playwright": "19.3.0",
+    "@nx/react": "19.3.0",
+    "@nx/vite": "^20.6.0",
+    "@nx/web": "19.3.0",
+    "@nx/workspace": "19.3.0",
+    "@playwright/test": "^1.36.0",
+    "@swc-node/register": "~1.9.1",
+    "@swc/cli": "^0.6.0",
+    "@swc/core": "~1.5.7",
+    "@swc/helpers": "~0.5.11",
+    "@testing-library/react": "15.0.6",
+    "@types/is-hotkey": "^0.1.10",
+    "@types/jest": "^29.4.0",
+    "@types/node": "18.16.9",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.3.0",
+    "@typescript-eslint/parser": "^7.3.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "@vitest/ui": "^3.0.8",
+    "babel-jest": "^29.4.1",
+    "eslint": "~8.57.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-import": "2.27.5",
+    "eslint-plugin-jsx-a11y": "6.7.1",
+    "eslint-plugin-playwright": "^0.15.3",
+    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "jest": "^29.4.1",
+    "jest-environment-jsdom": "^29.4.1",
+    "jsdom": "~22.1.0",
+    "nx": "19.3.0",
+    "prettier": "^2.6.2",
+    "sass": "^1.55.0",
+    "ts-jest": "^29.1.0",
+    "ts-node": "10.9.1",
+    "typescript": "~5.4.2",
+    "vite": "^6.2.2",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^3.0.8"
+  }
+}

packages/drawnix/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

packages/drawnix/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

packages/drawnix/README.md

@@ -0,0 +1,7 @@
+# drawnix
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test drawnix` to execute the unit tests via [Vitest](https://vitest.dev/).

packages/drawnix/jest.config.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'drawnix',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nx/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nx/react/babel'] }],
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/packages/drawnix',
+};