feat: add demo

mizy · Jun 27, 2024 · f8faf12 · f8faf12
1 parent 3efb0ba
commit f8faf12
Show file tree

Hide file tree

Showing 16 changed files with 6,171 additions and 26,618 deletions.
diff --git a/.github/workflow/github-pages.yml → .github/workflows/github-pages.yml b/.github/workflow/github-pages.yml → .github/workflows/github-pages.yml
@@ -12,16 +12,12 @@ jobs:
         with:
           node-version: '16'
       - name: Install dependencies
-        run: npm ci
+        run: npm i pnpm -g && pnpm install
       - name: Build
-        run: npm run build:demo
-      - name: Delete node_modules
-        run: |
-          rm -rf node_modules && rm -rf demo && rm -rf src
-          rm .gitignore
+        run: pnpm build build:demo 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./
+          publish_dir: ./dist
           enable_jekyll: true
diff --git a/Demo/Topbar.js → Demo/Topbar.tsx b/Demo/Topbar.js → Demo/Topbar.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import React,{ useState, useEffect } from "react";
 import {
   FontSizeOutlined,
   FontColorsOutlined,

diff --git a/Demo/index.js → Demo/index.jsx b/Demo/index.js → Demo/index.jsx
diff --git a/README.md b/README.md
@@ -2,6 +2,9 @@
 a svg based rich text editor for high performance render
 一个基于SVG渲染的原生富文本编辑器，可高性能渲染大量文字
 
+# demo
+[https://mizy.github.io/oreditor/](https://mizy.github.io/oreditor/)
+
 # test
 ```
 npm run start

diff --git a/index.html b/index.html
@@ -0,0 +1,8 @@
+<html>
+
+<body>
+    <div id="root"></div>
+</body>
+<script type="module" src="./Demo/index.jsx"></script>
+
+</html>