Merge pull request #34 from contco/develop

merge v1.1.16 into master

.eslintrc.js

@@ -0,0 +1,77 @@
+module.exports = {
+  env: {
+    browser: true,
+    node: true,
+    jest: true,
+  },
+  extends: [
+    'plugin:react/recommended',
+    "plugin:react-hooks/recommended",
+    'airbnb',
+    'prettier/@typescript-eslint',
+    'plugin:prettier/recommended',
+    'prettier/react'
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  settings: {
+    react: {
+      version: "detect"
+    },
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
+      }
+    }
+  },
+  plugins: [
+    'react',
+    'prettier',
+    '@typescript-eslint'
+  ],
+  rules: {
+    "react/react-in-jsx-scope": "off",
+    "no-undef": "off",
+    "no-use-before-define": "off",
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error"
+    ],
+    "react/jsx-props-no-spreading": "off",
+    "@typescript-eslint/no-use-before-define": ["error"],
+    "jsx-a11y/anchor-is-valid": [
+      'error',
+      {
+        components: ['Link'],
+        specialLink: ['hrefLeft', 'hrefRight'],
+        aspects: ['invalidHref', 'preferButton']
+      }
+    ],
+    "prettier/prettier": ["error"],
+    "react/jsx-filename-extension": [1, {
+      "extensions": [".tsx", ".ts"]
+    }],
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        "js": "never",
+        "jsx": "never",
+        "ts": "never",
+        "tsx": "never"
+      }
+    ]
+  },
+  "overrides": [{
+    "files": ["**/*.tsx"],
+    "rules": {
+      "react/prop-types": "off"
+    }
+  }]
+};

.github/workflows/npm-publish.yml

@@ -0,0 +1,39 @@
+name: Node.js Package
+
+on:
+  push:
+    branches:
+    - develop
+jobs:
+
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12
+      - run: npm install
+      - run: npm ci
+
+  publish-gpr:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12
+          registry-url: https://npm.pkg.github.com/
+          scope: '@contco'
+      - run: npm install
+      - run: npm ci
+      - run: |
+            git config user.email ""
+            git config user.name "Publish Action"
+      - run: |
+            npm version patch -f
+            git push "https://$GITHUB_ACTOR:[email protected]/$GITHUB_REPOSITORY"
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/pull-request.yml

@@ -0,0 +1,15 @@
+name: Node.js Package
+
+on: [pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12
+      - run:  npm install
+      - run: npm ci
+      - run: npm run lint

.gitignore

@@ -20,3 +20,14 @@ dist
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+
+#yarn
+
+.yarn/*
+!.yarn/patches
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+.pnp.*

.prettierignore

@@ -0,0 +1,17 @@
+.eslintrc.js
+# dependencies
+/node_modules
+package-lock.json
+yarn.lock
+
+# production
+/build
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+#misc
+/public/
+/assets/

.prettierrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  semi: true,
+  trailingComma: 'all',
+  singleQuote: true,
+  printWidth: 120,
+  tabWidth: 2,
+  endOfLine: 'auto',
+};

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
+}

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

README.md

@@ -7,20 +7,63 @@
 ## Install
 
 ```bash
-npm install --save editor
+ npm install @contco/editor@1.0.3
 ```
 
 ## Usage
 
 ```tsx
-import React, { Component } from 'react'
+import React, {useState} from 'react'
 
-import MyComponent from 'editor'
+import  Editor  from 'editor'
 import 'editor/dist/index.css'
 
-class Example extends Component {
-  render() {
-    return <MyComponent />
-  }
+const App = () => {
+  const [document, setDocument] = useState<any>(initialValue);
+
+  const setContent = (content: any) => {
+    setDocument(content);
+  };
+  return (
+    <Editor data={document} setContent={setContent} readOnly={false} />
+
+  )
 }
+const initialValue = [
+  {
+    type: 'paragraph',
+    children: [
+      { text: 'This is editable ' },
+      { text: 'rich', bold: true },
+      { text: ' text, ' },
+      { text: 'much', italic: true },
+      { text: ' better than a ' },
+      { text: '<textarea>', code: true },
+      { text: '!' },
+    ],
+  },
+  {
+    type: 'paragraph',
+    children: [
+      {
+        text:
+          "Since it's rich text, you can do things like turn a selection of text ",
+      },
+      { text: 'bold', bold: true },
+      {
+        text:
+          ', or add a semantically rendered block quote in the middle of the page, like this:',
+      },
+    ],
+  },
+  {
+    type: 'block-quote',
+    children: [{ text: 'A wise quote.' }],
+  },
+  {
+    type: 'paragraph',
+    children: [{ text: 'Try it out for yourself!' }],
+  },
+]
 ```
+

example/.gitignore

@@ -0,0 +1,9 @@
+#yarn
+
+.yarn/*
+!.yarn/patches
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+.pnp.*