refactor: refactor code project folder & refactor the website.

.github/workflows/ci.yml

@@ -16,31 +16,32 @@ jobs:
 
       - run: npm install
       - run: npm run build
-      - run: npm run test:coverage
+      - run: npm run coverage
 
       - run: npm run doc
 
       - name: Create Coverage Badges
         uses: jaywcjlove/coverage-badges-cli@main
         with:
-          output: coverage/badges.svg
+          output: core/coverage/badges.svg
 
       - run: npm run bundle
       - run: npm run bundle:min
-      - run: cp -rp coverage build
+      - run: cp -rp coverage ../www/build
+        working-directory: core
 
       - name: Generate Contributors Images
         uses: jaywcjlove/github-action-contributors@main
         with:
           filter-author: (renovate\[bot\]|renovate-bot|dependabot\[bot\])
-          output: build/CONTRIBUTORS.svg
+          output: www/build/CONTRIBUTORS.svg
           avatarSize: 42
 
       - name: Create Tag
         id: create_tag
         uses: jaywcjlove/create-tag-action@main
         with:
-          package-path: ./package.json
+          package-path: ./core/package.json
 
       - name: get tag version
         id: tag_version
@@ -51,7 +52,7 @@ jobs:
         with:
           commit_message: ${{steps.tag_version.outputs.tag}} ${{ github.event.head_commit.message }}
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./build
+          publish_dir: ./www/build
 
       - name: Generate Changelog
         id: changelog
@@ -84,11 +85,12 @@ jobs:
       - name: 📦 @uiw/react-textarea-code-editor publish to NPM
         run: npm publish
         continue-on-error: true
+        working-directory: core
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
 
-    outputs:
-      successful: ${{steps.create_tag.outputs.successful }}
+    # outputs:
+    #   successful: ${{steps.create_tag.outputs.successful }}
 
   # github-package:
   #   runs-on: ubuntu-latest

.github/workflows/pull_request.yml

@@ -13,7 +13,6 @@ jobs:
 
     - run: npm install
     - run: npm run build
-    - run: npm run doc
-    - run: npm run test:coverage
+    - run: npm run coverage
     - run: npm run bundle
     - run: npm run bundle:min

.lintstagedrc

@@ -0,0 +1,5 @@
+{
+  "*.{js,jsx,tsx,ts,less,md,json}": [
+    "prettier --write"
+  ]
+}

core/.kktrc.ts

@@ -0,0 +1,18 @@
+import { LoaderConfOptions, WebpackConfiguration } from 'kkt';
+import lessModules from '@kkt/less-modules';
+
+export default (conf: WebpackConfiguration, env: 'development' | 'production', options: LoaderConfOptions) => {
+  conf = lessModules(conf, env, options);
+  if (options.bundle) {
+    conf.output!.library = '@uiw/react-textarea-code-editor';
+    conf.externals = {
+      react: {
+        root: 'React',
+        commonjs2: 'react',
+        commonjs: 'react',
+        amd: 'react',
+      },
+    };
+  }
+  return conf;
+};

core/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@uiw/react-textarea-code-editor",
+  "version": "2.1.7",
+  "description": "A simple code editor with syntax highlighting.",
+  "homepage": "https://uiwjs.github.io/react-textarea-code-editor/",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/uiwjs/react-textarea-code-editor.git"
+  },
+  "author": "Kenny Wong <[email protected]>",
+  "license": "MIT",
+  "files": [
+    "dist.css",
+    "dist",
+    "esm",
+    "cjs",
+    "src"
+  ],
+  "keywords": [
+    "react",
+    "textarea",
+    "textarea-editor",
+    "textarea-code-editor",
+    "code-editor",
+    "code",
+    "highlighting",
+    "uiw",
+    "uiwjs",
+    "editor"
+  ],
+  "jest": {
+    "testMatch": [
+      "<rootDir>/src/__test__/*.{ts,tsx}"
+    ],
+    "transformIgnorePatterns": [
+      "<rootDir>/node_modules/?!(.*)"
+    ],
+    "coverageReporters": [
+      "lcov",
+      "json-summary"
+    ]
+  },
+  "peerDependencies": {
+    "@babel/runtime": ">=7.10.0",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.18.6",
+    "rehype-prism-plus": "1.5.0",
+    "rehype": "~12.0.1"
+  }
+}

src/utils.ts → core/src/utils.ts

@@ -15,12 +15,12 @@ export function htmlEncode(sHtml: string) {
     .replace(/```(tsx?|jsx?|html|xml)(.*)\s+([\s\S]*?)(\s.+)?```/g, (str: string) => {
       return str.replace(
         /[<&"]/g,
-        (c: string) => (({ '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;' } as Record<string, string>)[c]),
+        (c: string) => (({ '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;' }) as Record<string, string>)[c],
       );
     })
     .replace(
       /[<&"]/g,
-      (c: string) => (({ '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;' } as Record<string, string>)[c]),
+      (c: string) => (({ '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;' }) as Record<string, string>)[c],
     );
 }
 

core/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../tsconfig",
+  "include": ["src"],
+  "compilerOptions": {
+    "outDir": "./cjs",
+    "baseUrl": ".",
+    "noEmit": false
+  }
+}

lerna.json

@@ -0,0 +1,4 @@
+{
+  "version": "2.1.7",
+  "packages": ["core", "www"]
+}