init project.

Author: jaywcjlove

.babelrc

@@ -0,0 +1,37 @@
+{
+  "env": {
+    "cjs": {
+      "plugins": [
+        [
+          "babel-plugin-transform-remove-imports",
+          { "test": "(less|css)$" }
+        ]
+      ]
+    },
+    "esm": {
+      "plugins": [
+        [
+          "babel-plugin-transform-rename-import",
+          { "original": "^(.+?)\\.less$", "replacement": "$1.css" }
+        ]
+      ]
+    },
+    "esm:dev": {
+      "presets": [
+        "@babel/preset-react",
+        [
+          "@tsbb/babel-preset-tsbb",
+          {
+            "modules": false,
+            "targets": {
+              "browsers": [ "last 2 versions" ]
+            },
+            "transformRuntime": {
+              "useESModules": true
+            }
+          }
+        ]
+      ]
+    }
+  }
+}

.github/workflows/ci.yml

@@ -0,0 +1,61 @@
+name: Build & Deploy
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build-deploy:
+    runs-on: ubuntu-18.04
+    steps:
+    - uses: actions/checkout@v2
+    - uses: actions/setup-node@v2
+      with:
+        node-version: 14
+
+    - run: npm install
+    - run: npm run build
+    - run: npm run doc
+
+    - run: npm install @jsdevtools/npm-publish -g
+    - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./package.json
+
+    - name: Create Tag
+      id: create_tag
+      uses: jaywcjlove/[email protected]
+      with:
+        token: ${{ secrets.GITHUB_TOKEN }}
+        package-path: ./package.json
+
+    - name: Generate Changelog
+      id: changelog
+      uses: jaywcjlove/[email protected]
+      with:
+        token: ${{ secrets.GITHUB_TOKEN }}
+        head-ref: ${{steps.create_tag.outputs.version}}
+        filter-author: (jaywcjlove|小弟调调™|dependabot\[bot\]|Renovate Bot)
+        filter: '[R|r]elease[d]\s+[v|V]\d(\.\d+){0,2}'
+
+    - name: Deploy
+      uses: peaceiris/actions-gh-pages@v3
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: ./build
+
+    - name: Create Release
+      uses: ncipollo/release-action@v1
+      if: steps.create_tag.outputs.successful
+      with:
+        token: ${{ secrets.GITHUB_TOKEN }}
+        name: ${{ steps.create_tag.outputs.version }}
+        tag: ${{ steps.create_tag.outputs.version }}
+        body: |
+          [![](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-run-web@${{steps.create_tag.outputs.versionNumber}}/file/README.md) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-run-web)](https://bundlephobia.com/result?p=@uiw/react-run-web@${{steps.create_tag.outputs.versionNumber}})
+
+          ```bash
+          npm i @uiw/react-run-web@${{steps.create_tag.outputs.versionNumber}}
+          ```
+
+          ${{ steps.changelog.outputs.compareurl }}
+          
+          ${{ steps.changelog.outputs.changelog }}

.gitignore

@@ -0,0 +1,17 @@
+lib
+build
+node_modules
+npm-debug.log*
+package-lock.json
+
+.eslintcache
+.DS_Store
+.cache
+.vscode
+
+*.bak
+*.tem
+*.temp
+#.swp
+*.*~
+~*.*

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install lint-staged

.kktrc.ts

@@ -0,0 +1,35 @@
+import path from 'path';
+import webpack, { Configuration } from 'webpack';
+import { LoaderConfOptions } from 'kkt';
+import WebpackDevServer from 'webpack-dev-server';
+import lessModules from '@kkt/less-modules';
+import rawModules from '@kkt/raw-modules';
+import scopePluginOptions from '@kkt/scope-plugin-options';
+import pkg from './package.json';
+
+export default (conf: Configuration, env: 'development' | 'production', options: LoaderConfOptions) => {
+  conf = rawModules(conf, env, { ...options });
+  conf = scopePluginOptions(conf, env, {
+    ...options,
+    allowedFiles: [path.resolve(process.cwd(), 'README.md'), path.resolve(process.cwd(), 'src')],
+  });
+  conf = lessModules(conf, env, options);
+  // Get the project version.
+  conf.plugins!.push(
+    new webpack.DefinePlugin({
+      VERSION: JSON.stringify(pkg.version),
+    }),
+  );
+  if (env === 'production') {
+    conf.output = { ...conf.output, publicPath: './' };
+  }
+  return conf;
+};
+
+/**
+ * Modify WebpackDevServer Configuration Example
+ */
+export const devServer = (config: WebpackDevServer.Configuration) => {
+  // Return your customised Webpack Development Server config.
+  return config;
+};

.prettierignore

@@ -0,0 +1,10 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.yml
+package.json
+node_modules
+dist
+build
+lib
+test

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 120,
+  "endOfLine": "auto",
+  "overrides": [
+    {
+      "files": ".prettierrc",
+      "options": { "parser": "json" }
+    }
+  ]
+}

README.md

@@ -0,0 +1,53 @@
+Run Web
+===
+
+Online Code Editor for Rapid Web Development, [Preview Demo](https://uiwjs.github.io/react-run-web#/?html=<div>Hello%20World</div>&js=console.log('hello%20world')&css=div%20{%20color:%20red;}).
+
+## Install
+
+```bash
+npm install @uiw/react-run-web
+```
+
+## Usage
+
+```jsx
+import RunWeb from '@uiw/react-run-web';
+
+<RunWeb
+  css="div {color:red;}"
+  js="console.log('hello world!')"
+  html="<div>ttt</div>"
+/>
+```
+
+## Online Code Preview
+
+[Preview Demo Example](https://uiwjs.github.io/react-run-web#/?html=<div>Hello%20World</div>&js=console.log('hello%20world')&css=div%20{%20color:%20red;}).
+
+```url
+https://uiwjs.github.io/react-run-web#/?html=...&js=...&css=...
+```
+
+## Development
+
+Runs the project in development mode.  
+
+```bash
+# Step 1, run first, listen to the component compile and output the .js file
+# listen for compilation output type .d.ts file
+npm run watch
+# Step 2, development mode, listen to compile preview website instance
+npm run start
+```
+
+**production**
+
+Builds the app for production to the build folder.
+
+```bash
+npm run build
+```
+
+The build is minified and the filenames include the hashes.
+Your app is ready to be deployed!

package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@uiw/react-run-web",
+  "version": "1.0.0",
+  "description": "Online Code Editor for Rapid Web Development.",
+  "homepage": "https://uiwjs.github.io/react-run-web/",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "scripts": {
+    "prepare": "husky install && npm run build:lib",
+    "doc": "kkt build --app-src ./website",
+    "start": "kkt start --app-src ./website",
+    "build": "npm run build:lib && npm run doc",
+    "build:lib": "npm run ts:build && npm run types:esm && npm run types:cjs",
+    "watch": "npm run ts:watch & npm run types:watch",
+    "types:build": "tsbb types --sourceRoot src --target ESNEXT --jsx --emitDeclarationOnly false",
+    "types:watch": "npm run types:esm -- --watch & npm run types:cjs -- --watch",
+    "types:esm": "npm run types:build -- --outDir ../lib/esm",
+    "types:cjs": "npm run types:build -- --outDir ../lib/cjs",
+    "ts:watch": "tsbb watch --env-name esm:dev --env-name cjs --target react",
+    "ts:build": "tsbb build --target react",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "kkt test --env=jsdom --app-src=./website",
+    "test:coverage": "kkt test --env=jsdom --coverage --app-src=./website"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/uiwjs/react-run-web.git"
+  },
+  "author": "Kenny Wong <[email protected]>",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "run-web",
+    "code-editor",
+    "editor"
+  ],
+  "lint-staged": {
+    "*.{js,jsx,tsx,ts,less,md,json}": [
+      "prettier --write"
+    ]
+  },
+  "peerDependencies": {
+    "@babel/runtime": ">=7.10.0",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "devDependencies": {
+    "@kkt/less-modules": "6.10.4",
+    "@kkt/raw-modules": "6.10.4",
+    "@kkt/scope-plugin-options": "6.10.4",
+    "@types/react": "17.0.11",
+    "@types/react-dom": "17.0.8",
+    "@types/react-router-dom": "5.1.7",
+    "@types/react-test-renderer": "17.0.1",
+    "@uiw/react-split": "5.7.4",
+    "@uiw/react-markdown-preview": "3.1.1",
+    "husky": "6.0.0",
+    "kkt": "6.10.4",
+    "lint-staged": "11.0.0",
+    "prettier": "2.3.1",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-router-dom": "5.2.0",
+    "react-test-renderer": "17.0.2",
+    "tsbb": "2.2.1"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}