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
+            }
+          }
+        ]
+      ]
+    }
+  }
+}

.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, test: /\.(txt|md)$/i });
+  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,77 @@
+React Textarea Code Editor
+===
+<!--rehype:style=display:none;-->
+
+A simple no-frills code editor with syntax highlighting.
+
+## Install
+
+```bash
+$ npm i @uiw/react-textarea-code-editor
+```
+
+## Usage
+
+```jsx
+import CodeEditor from '@uiw/react-textarea-code-editor';
+
+function App() {
+  const [code, setCode] = React.useState(
+    `function add(a, b) {\n  return a + b;\n}`
+  );
+  return (
+    <CodeEditor
+      value={code}
+      onChange={(env) => setCode(evn.target.value)}
+      padding={24}
+      style={{
+        fontFamily: '"Fira code", "Fira Mono", monospace',
+        fontSize: 12,
+      }}
+    />
+  );
+}
+```
+
+## Props
+
+```ts
+interface TextareaCodeEditorProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+  prefixCls?: string;
+  /**
+   * Set what programming language the code belongs to.
+   */
+  language?: string;
+  /**
+   * Optional padding for code. Default: `10`.
+   */
+  padding?: number;
+}
+```
+
+## Demo
+
+https://uiwjs.github.io/react-textarea-code-editor/
+
+## 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,91 @@
+{
+  "name": "@uiw/react-textarea-code-editor",
+  "version": "6.10.4",
+  "description": "A simple no-frills code editor with syntax highlighting.",
+  "homepage": "https://uiwjs.github.io/react-textarea-code-editor/",
+  "private": true,
+  "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 && npm run css:build && npm run css:build:dist",
+    "watch": "npm run ts:watch & npm run types:watch & npm run css: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",
+    "css:build": "compile-less -d src -o lib/esm",
+    "css:watch": "compile-less -d src -o lib/esm --watch",
+    "css:build:dist": "compile-less -d src --combine lib/dist.css --rm-global",
+    "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-textarea-code-editor.git"
+  },
+  "author": "Kenny Wong <wowohoo@qq.com>",
+  "license": "MIT",
+  "files": [
+    "lib",
+    "src"
+  ],
+  "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",
+    "@mapbox/rehype-prism": "0.6.0",
+    "@types/react": "17.0.11",
+    "@types/react-dom": "17.0.8",
+    "@types/react-test-renderer": "17.0.1",
+    "@uiw/react-github-corners": "1.4.0",
+    "@uiw/react-markdown-preview": "3.1.1",
+    "code-example": "3.0.4",
+    "compile-less-cli": "1.8.0",
+    "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-test-renderer": "17.0.2",
+    "rehype": "11.0.0",
+    "rehype-attr": "1.3.2",
+    "rehype-parse": "7.0.1",
+    "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"
+    ]
+  }
+}