Initial commit

danielbrodin · Oct 24, 2019 · 179944d · 179944d
commit 179944d
Show file tree

Hide file tree

Showing 20 changed files with 7,838 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,9 @@
+*.log
+.DS_Store
+node_modules
+.cache
+.rts2_cache_cjs
+.rts2_cache_esm
+.rts2_cache_umd
+.rts2_cache_system
+dist
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Daniel Brodin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,8 @@
+# React Kaktus
+
+A clean markdown editor for react.
+
+Currently in beta. Like this readme :)
+
+## Getting started
+`yarn add react-kaktus` or `npm install react-kaktus`
diff --git a/example/.npmignore b/example/.npmignore
@@ -0,0 +1,3 @@
+node_modules
+.cache
+dist
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Playground</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script src="./index.tsx"></script>
+  </body>
+</html>
diff --git a/example/index.tsx b/example/index.tsx
@@ -0,0 +1,34 @@
+import 'react-app-polyfill/ie11';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Editor, Mention } from '../.';
+
+const App = () => {
+  const [users, setUsers] = React.useState(['quentin', 'rodrigo', 'bernie']);
+
+  const handleSearchUsers = React.useCallback((value: string) => {
+    function fakeSearch() {
+      setTimeout(() => {
+        setUsers(['quentin', 'rodrigo', 'bernie', 'arnold', 'aretha']);
+      }, 500);
+    }
+
+    if (value.includes('ar')) {
+      fakeSearch();
+    }
+  }, []);
+
+  return (
+    <div>
+      <Editor>
+        <Mention prefix="@" data={users} onSearch={handleSearchUsers} />
+        <Mention
+          prefix="#"
+          data={['label-1', 'label-2', 'label-3', 'label-4', 'label-5']}
+        />
+      </Editor>
+    </div>
+  );
+};
+
+ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/example/package.json b/example/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "example",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "start": "parcel index.html",
+    "build": "parcel build index.html"
+  },
+  "dependencies": {
+    "react-app-polyfill": "^1.0.0"
+  },
+  "alias": {
+    "react": "../node_modules/react",
+    "react-dom": "../node_modules/react-dom/profiling",
+    "scheduler/tracing": "../node_modules/scheduler/tracing-profiling"
+  },
+  "devDependencies": {
+    "@types/react": "^16.8.15",
+    "@types/react-dom": "^16.8.4",
+    "parcel": "^1.12.3",
+    "typescript": "^3.4.5"
+  }
+}
diff --git a/example/tsconfig.json b/example/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": false,
+    "target": "es5",
+    "module": "commonjs",
+    "jsx": "react",
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "removeComments": true,
+    "strictNullChecks": true,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "lib": ["es2015", "es2016", "dom"],
+    "baseUrl": ".",
+    "types": ["node"]
+  }
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "react-kaktus",
+  "version": "0.1.0",
+  "license": "MIT",
+  "author": "Daniel Brodin",
+  "main": "dist/index.js",
+  "module": "dist/react-kaktus.esm.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --env=jsdom",
+    "lint": "tsdx lint"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "tsdx lint"
+    }
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "devDependencies": {
+    "@types/jest": "^24.0.19",
+    "@types/react": "^16.9.9",
+    "@types/react-dom": "^16.9.2",
+    "cssnano": "^4.1.10",
+    "husky": "^3.0.9",
+    "react": "^16.11.0",
+    "react-dom": "^16.11.0",
+    "rollup-plugin-postcss": "^2.0.3",
+    "tsdx": "^0.10.5",
+    "tslib": "^1.10.0",
+    "typescript": "^3.6.4"
+  },
+  "dependencies": {
+    "react-autosize-textarea": "^7.0.0",
+    "resize-observer-polyfill": "^1.5.1"
+  }
+}