Monorepo Phase 2

.changelogs/7380.json

@@ -0,0 +1,7 @@
+{
+  "title": "Introduced the monorepo to this repository. From now on, `handsontable`, `@handsontable/angular`, `@handsontable/react` and `@handsontable/vue` will all be developed in the same repo - `handsontable`.",
+  "type": "added",
+  "issue": 7380,
+  "breaking": false,
+  "framework": "none"
+}

.codesandbox/ci.json

@@ -1,13 +1,13 @@
 {
-  "packages": ["tmp"],
+  "buildCommand": "build",
+  "packages": [
+    "tmp"
+  ],
   "publishDirectory": {
     "handsontable": "tmp"
   },
   "sandboxes": [
-    "github/handsontable/examples/tree/master/vanilla/pull-request",
-    "github/handsontable/examples/tree/master/vue/pull-request",
-    "github/handsontable/examples/tree/master/react/pull-request",
-    "github/handsontable/examples/tree/master/angular/pull-request"
+    "github/handsontable/examples/tree/master/vanilla/pull-request"
   ],
   "node": "14"
 }

.eslintrc.js

@@ -141,6 +141,22 @@ module.exports = {
       "**/validators",
       "**/validators/?(index)",
     ],
+    // TODO: To be reviewed:
+    'operator-linebreak': 'off',
+    'object-curly-newline': 'off',
+    'prefer-destructuring': 'off',
+    'implicit-arrow-linebreak': 'off',
+    'function-paren-newline': 'off',
+    'max-classes-per-file': 'off',
+    'import/no-useless-path-segments': 'off',
+    'lines-between-class-members': 'off',
+    'semi-style': 'off',
+    'no-else-return': 'off',
+    'import/no-cycle': 'off',
+    'no-lone-blocks': 'off',
+    'getter-return': 'off',
+    'switch-colon-spacing': 'off',
+    'operator-assignment': 'off',
   },
   "overrides": [
     {
@@ -168,6 +184,21 @@ module.exports = {
         "jsdoc/require-returns": "off",
         "handsontable/restricted-module-imports": "off",
       }
-    }
+    },
+    {
+      "files": ["scripts/**"],
+      "rules": {
+        "no-restricted-globals": "off",
+        "import/extensions": "off",
+        "no-console": "off",
+        "no-await-in-loop": "off",
+        "no-restricted-syntax": [
+          'error',
+          'ForInStatement',
+          'LabeledStatement',
+          'WithStatement',
+        ]
+      }
+    },
   ],
 }

.github/ISSUE_TEMPLATE/angular-handsontable.md

@@ -0,0 +1,28 @@
+---
+name: @handsontable/angular
+about: Issues regarding the Angular wrapper for Handsontable.
+title: ''
+labels: 'angular'
+assignees: ''
+
+---
+
+### Description
+<!--- Tell us what happens and what should happen -->
+
+### Steps to reproduce
+<!--- Provide steps to reproduce this issue -->
+1.
+2.
+3.
+
+### Demo
+<!--- Provide a link to a live example on Stackblitz -->
+https://stackblitz.com/edit/handsontable-angular
+
+### Your environment
+* Angular version:
+* Handsontable version:
+* Wrapper version:
+* Browser Name and version:
+* Operating System:

.github/ISSUE_TEMPLATE.md → .github/ISSUE_TEMPLATE/handsontable.md

@@ -1,3 +1,12 @@
+---
+name: handsontable
+about: Issues regarding Handsontable.
+title: ''
+labels: ''
+assignees: ''
+
+---
+
 ### Description
 <!--- Tell us what happens and what should happen -->
 
@@ -16,3 +25,4 @@ https://jsfiddle.net/handsoncode/8ffpsqt6/
 * Browser Name and version:
 * Operating System:
 
+

.github/ISSUE_TEMPLATE/react-handsontable.md

@@ -0,0 +1,27 @@
+---
+name: @handsontable/react
+about: Issues regarding the React wrapper for Handsontable.
+title: ''
+labels: 'react'
+assignees: ''
+
+---
+
+### Description
+<!--- Tell us what happens and what should happen -->
+
+### Steps to reproduce
+<!--- Provide steps to reproduce this issue -->
+1.
+2.
+3.
+
+### Demo
+<!--- Provide a link to a live example on JSFiddle or Codepen or fill the following demo with your settings -->
+https://jsfiddle.net/handsoncode/c6rgz08x/
+
+### Your environment
+* React wrapper version:
+* Handsontable version:
+* Browser Name and version:
+* Operating System:

.github/ISSUE_TEMPLATE/vue-handsontable.md

@@ -0,0 +1,27 @@
+---
+name: @handsontable/vue
+about: Issues regarding the Vue wrapper for Handsontable.
+title: ''
+labels: 'vue'
+assignees: ''
+
+---
+
+### Description
+<!--- Tell us what happens and what should happen -->
+
+### Steps to reproduce
+<!--- Provide steps to reproduce this issue -->
+1.
+2.
+3.
+
+### Demo
+<!--- Provide a link to a live example on JSFiddle or Codepen or fill the following demo with your settings -->
+https://jsfiddle.net/handsoncode/dezfbgjt/
+
+### Your environment
+* Vue wrapper version:
+* Handsontable version:
+* Browser Name and version:
+* Operating System:

.github/PULL_REQUEST_TEMPLATE.md

@@ -16,6 +16,12 @@
 2.
 3.
 
+### Affected project(s):
+- [ ] `handsontable`
+- [ ] `@handsontable/angular`
+- [ ] `@handsontable/react`
+- [ ] `@handsontable/vue`
+
 ### Checklist:
 <!--- Go over all the following points, and put an `x` in all the boxes that apply. -->
 <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! -->

.github/workflows/audit.yml

@@ -9,10 +9,10 @@ jobs:
     steps:
       - uses: actions/checkout@5a4ac9002d0be2fb38bd78e4b4dbde5606d7042f # https://github.com/actions/checkout/releases/tag/v2.3.4
 
-      - name: Use Node.js 12
+      - name: Use Node.js 15
         uses: actions/setup-node@56899e050abffc08c2b3b61f3ec6a79a9dc3223d # https://github.com/actions/setup-node/releases/tag/v1.4.4
         with:
-          node-version: '12.x'
+          node-version: '15.x'
 
       - name: NPM audit
         run: |

.github/workflows/changelog.yml

@@ -21,10 +21,10 @@ jobs:
     steps:
       - uses: actions/checkout@5a4ac9002d0be2fb38bd78e4b4dbde5606d7042f # https://github.com/actions/checkout/releases/tag/v2.3.4
 
-      - name: Use Node.js 12
+      - name: Use Node.js 15
         uses: actions/setup-node@56899e050abffc08c2b3b61f3ec6a79a9dc3223d # https://github.com/actions/setup-node/releases/tag/v1.4.4
         with:
-          node-version: '12.x'
+          node-version: '15.x'
 
       - name: Install dependencies
         run: npm ci

.github/workflows/linter.yml

@@ -9,18 +9,18 @@ jobs:
     steps:
       - uses: actions/checkout@5a4ac9002d0be2fb38bd78e4b4dbde5606d7042f # https://github.com/actions/checkout/releases/tag/v2.3.4
 
-      - name: Use Node.js 12
+      - name: Use Node.js 15
         uses: actions/setup-node@56899e050abffc08c2b3b61f3ec6a79a9dc3223d # https://github.com/actions/setup-node/releases/tag/v1.4.4
         with:
-          node-version: '12.x'
+          node-version: '15.x'
 
       - name: Install dependencies
         run: |
           npm ci
 
       - name: JavaScript lint
         run: |
-          npm run eslint
+          npm run all lint
 
       - name: CSS lint
         run: |

.nvmrc

@@ -0,0 +1 @@
+15

CONTRIBUTING.md

@@ -3,15 +3,17 @@
 Your contributions to this project are very welcome. If you want to fix a bug or propose a new feature, you can open a new Pull Request but first make sure it follows these general rules:
 
 1. Sign this [Contributor License Agreement](https://goo.gl/forms/yuutGuN0RjsikVpM2) to allow us to publish your changes to the code.
-2. Make your changes on a separate branch. This will speed up the merging process.
-3. Always make the target of your pull request the `develop` branch, not `master`.
-4. Do not edit files in `languages/` (e.g: `index.js`, `all.js`, `en-US.js`) and `dist/` (e.g: `handsontable.js`, `handsontable.css`, `handsontable.full.js`, `handsontable.full.css`, `all.js`, `en-US.js`) directories. Instead, edit files inside the `src/` directory and then use `npm run build` to make a build. More information about this you can find [here](https://docs.handsontable.com/tutorial-custom-build.html).
-5. **Important: For any change you make, please add at least one test case** in `test/e2e/` (for End-to-End tests), `test/unit/` or `src/3rdparty/walkontable/test/spec/`. That will help us understand the issue and make sure that it stays fixed forever. Read more about our [testing process](http://docs.handsontable.com/tutorial-testing.html).
-6. Please lint the code, i.e. by `npm run lint` task. It should follow [our coding style](https://github.com/handsontable/handsontable/blob/master/.eslintrc.js), inspired by [Airbnb JavaScript Style](https://github.com/airbnb/javascript).
-7. Add a thorough description of all the changes.
+2. Make changes to the appropriate project. `handsontable` is located at the root of the repository - the framework-specific wrappers in the `./wrappers` subdirectory.
+3. Make your changes on a separate branch. This will speed up the merging process.
+4. Always make the target of your pull request the `develop` branch, not `master`.
+5. Do not edit files in `languages/` (e.g: `index.js`, `all.js`, `en-US.js`) and `dist/` (e.g: `handsontable.js`, `handsontable.css`, `handsontable.full.js`, `handsontable.full.css`, `all.js`, `en-US.js`) directories. Instead, edit files inside the `src/` directory and then use `npm run build` to make a build. More information about this you can find [here](https://docs.handsontable.com/tutorial-custom-build.html).
+6. **Important: For any change you make, please add at least one test case** in `test/e2e/` (for End-to-End tests), `test/unit/` or `src/3rdparty/walkontable/test/spec/`. That will help us understand the issue and make sure that it stays fixed forever. Read more about our [testing process](http://docs.handsontable.com/tutorial-testing.html).
+7. Please lint the code, i.e. by `npm run lint` task. It should follow [our coding style](https://github.com/handsontable/handsontable/blob/master/.eslintrc.js), inspired by [Airbnb JavaScript Style](https://github.com/airbnb/javascript).
+8. Add a thorough description of all the changes.
 
 Thank you for your commitment!
 
 ## Team rules
 
-The Handsontable team utilizes Git-Flow. Read more - [How we use Git-Flow](https://github.com/handsontable/handsontable/wiki/How-we-use-Git-Flow)
+1. We're using `npm workspaces` - this requires you to use `npm@7+`.
+2. The Handsontable team utilizes Git-Flow. Read more - [How we use Git-Flow](https://github.com/handsontable/handsontable/wiki/How-we-use-Git-Flow)

README.md

@@ -5,7 +5,7 @@
 **Handsontable** is a JavaScript/HTML5 data grid component with spreadsheet look & feel. <br>
 It provides easy data binding, data validation, filtering, sorting and CRUD operations.
 
-Handsontable works with [Vue](//github.com/handsontable/vue-handsontable-official), [React](//github.com/handsontable/react-handsontable) and [Angular](//github.com/handsontable/angular-handsontable).
+Handsontable works with [Vue](//github.com/handsontable/handsontable/wrappers/vue-handsontable), [React](//github.com/handsontable/handsontable/wrappers/react-handsontable) and [Angular](//github.com/handsontable/handsontable/wrappers/angular-handsontable).
 <br><br>
 [![npm](https://img.shields.io/npm/dt/handsontable.svg)](//npmjs.com/package/handsontable)
 [![npm](https://img.shields.io/npm/dm/handsontable.svg)](//npmjs.com/package/handsontable)
@@ -97,9 +97,9 @@ A list of some of the most popular features:
 
 Use one of the available wrappers to use Handsontable with your favorite framework:
 
-- [Handsontable for Vue](//github.com/handsontable/vue-handsontable-official)
-- [Handsontable for React](//github.com/handsontable/react-handsontable)
-- [Handsontable for Angular](//github.com/handsontable/angular-handsontable)
+- [Handsontable for Vue](//github.com/handsontable/handsontable/wrappers/vue-handsontable)
+- [Handsontable for React](//github.com/handsontable/handsontable/wrappers/react-handsontable)
+- [Handsontable for Angular](//github.com/handsontable/handsontable/wrappers/angular-handsontable)
 
 ## Documentation
 

bin/changelog

@@ -17,7 +17,7 @@ const { hideBin } = require('yargs/helpers');
 
 const hotConfig = require('../hot.config');
 
-const isTTY = process.stdout.isTTY;
+const isTTY = process.stdin.isTTY;
 
 const changelogMarkDownMark = '<!-- UNVERSIONED -->';
 const changelogPath = path.join(__dirname, '../CHANGELOG.md');