[remove] story book

[add] react live
[optimize] CodeExample component

.gitpod.yml

@@ -0,0 +1,9 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+    - init: pnpm install && pnpm run build
+      command: pnpm run start

ReadMe.md

@@ -10,7 +10,6 @@ A **[React][1] advanced components library** based on [TypeScript][2] & [Bootstr
 
 -   API document: https://idea2app.github.io/Idea-React/
 -   Preview site: https://idea2app.github.io/Idea-React/preview/
--   Storybook playground: https://idea-react.vercel.app/
 
 ## Versions
 

package.json

@@ -38,6 +38,8 @@
         "react-bootstrap": "^2.10.0",
         "react-editor-js": "^2.1.0",
         "react-element-to-jsx-string": "^15.0.0",
+        "react-live": "^4.1.7",
+        "react-simple-code-editor": "^0.14.1",
         "web-utility": "^4.1.3"
     },
     "peerDependencies": {
@@ -52,15 +54,6 @@
         "@parcel/packager-ts": "~2.11.0",
         "@parcel/transformer-typescript-tsc": "~2.11.0",
         "@parcel/transformer-typescript-types": "~2.11.0",
-        "@storybook/addon-console": "^3.0.0",
-        "@storybook/addon-essentials": "^7.6.12",
-        "@storybook/addon-interactions": "^7.6.12",
-        "@storybook/addon-links": "^7.6.12",
-        "@storybook/addon-storysource": "^7.6.12",
-        "@storybook/blocks": "^7.6.12",
-        "@storybook/react": "^7.6.12",
-        "@storybook/react-vite": "^7.6.12",
-        "@storybook/testing-library": "^0.2.2",
         "@types/lodash": "^4.14.202",
         "@types/node": "^18.19.14",
         "@types/prismjs": "^1.26.3",
@@ -69,6 +62,7 @@
         "@typescript-eslint/eslint-plugin": "^6.20.0",
         "@typescript-eslint/parser": "^6.20.0",
         "@vitejs/plugin-react": "^4.2.1",
+        "buffer": "^5.5.0||^6.0.0",
         "eslint": "^8.56.0",
         "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-import": "^2.29.1",
@@ -85,7 +79,6 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "rimraf": "^5.0.5",
-        "storybook": "^7.6.12",
         "typedoc": "^0.25.7",
         "typedoc-plugin-mdn-links": "^3.1.14",
         "typescript": "~5.3.3",
@@ -117,9 +110,6 @@
         "start": "npm run pack-docs  &&  npm run pack-preview  &&  web-server docs/ -p 8080 -o",
         "build": "npm run pack-docs  &&  npm run pack-preview  &&  npm run pack-dist  &&  npm run api-extractor",
         "prepublishOnly": "npm test  &&  npm run build",
-        "dev:storybook": "storybook dev -p 6006",
-        "build:storybook": "storybook build -c .storybook",
-        "preview:storybook": "npm run build:storybook  &&  vite preview --outDir storybook-static",
-        "preview": "cd preview/  &&  rimraf ../.parcel-cache dist/  &&  parcel --open"
+        "preview": "cd preview/  &&  rimraf ../.parcel-cache dist/  &&  parcel"
     }
 }