chore: move tools to tools folder

.gitignore

@@ -24,6 +24,9 @@ yarn-error.log
 *.d.ts
 !packages/**/*/types/**/*
 !packages/**/index.d.ts
+!tools/**/*/types/**/*
+!tools/**/index.d.ts
+!tools/**/types.d.ts
 
 ## temp folders
 /.tmp/
@@ -40,4 +43,4 @@ browserstack.err
 
 debug.log
 
-!packages/singleton-manager/demo/**/node_modules
+!tools/singleton-manager/demo/**/node_modules

.storybook/main.js

@@ -3,16 +3,15 @@ const path = require('path');
 
 module.exports = {
   stories: [
-    '../packages/*/README.md',
-    '../packages/*/docs/*.md',
-    '../packages/*/docs/!(assets)**/*.md',
+    '../{packages,tools}/*/README.md',
+    '../{packages,tools}/*/docs/*.md',
+    '../{packages,tools}/*/docs/!(assets)**/*.md',
+    '../packages/helpers/*/README.md',
     '../docs/README.md',
     '../docs/**/*.md',
     '../README.md',
     '../demo/README.md',
     '../demo/docs/*.md',
-    '../packages/helpers/README.md',
-    '../packages/helpers/*/README.md',
   ],
   addons: [
     // order of tabs in addons panel

bundlesize/all.js

@@ -1,7 +1,10 @@
+import '../packages/accordion/index.js';
 import '../packages/ajax/index.js';
 import '../packages/button/index.js';
 import '../packages/calendar/index.js';
 import '../packages/checkbox-group/index.js';
+import '../packages/collapsible/index.js';
+import '../packages/combobox/index.js';
 import '../packages/core/index.js';
 import '../packages/dialog/index.js';
 import '../packages/fieldset/index.js';
@@ -13,8 +16,13 @@ import '../packages/input-amount/index.js';
 import '../packages/input-date/index.js';
 import '../packages/input-email/index.js';
 import '../packages/input-iban/index.js';
+import '../packages/input-range/index.js';
+import '../packages/input-stepper/index.js';
+import '../packages/listbox/index.js';
 import '../packages/localize/index.js';
 import '../packages/overlays/index.js';
+import '../packages/pagination/index.js';
+import '../packages/progress-indicator/index.js';
 import '../packages/radio-group/index.js';
 import '../packages/select/index.js';
 import '../packages/select-rich/index.js';

package.json

@@ -3,7 +3,8 @@
   "name": "@lion/root",
   "license": "MIT",
   "workspaces": [
-    "packages/*"
+    "packages/*",
+    "tools/*"
   ],
   "scripts": {
     "build:docs": "wca analyze \"packages/tabs/**/*.js\"",

scripts/lint-versions.js

@@ -52,31 +52,33 @@ function compareVersions(versionsA, versionsB) {
   };
 }
 
-let currentVersions = readPackageJsonDeps('./package.json');
 let endReturn = 0;
+function lintVersions(folder) {
+  let currentVersions = readPackageJsonDeps('./package.json');
 
-// find all versions in the monorepo
-getDirectories('./packages').forEach(subPackage => {
-  const filePath = `./packages/${subPackage}/package.json`;
-  currentVersions = { ...currentVersions, ...readPackageJsonNameVersion(filePath) };
-});
-
-// lint all versions in packages
-getDirectories('./packages').forEach(subPackage => {
-  const filePath = `./packages/${subPackage}/package.json`;
-  const subPackageVersions = readPackageJsonDeps(filePath);
-  const { output, newVersions } = compareVersions(currentVersions, subPackageVersions);
-  currentVersions = { ...newVersions };
-  if (output) {
-    console.log(`Version mismatches found in "${filePath}":`);
-    console.log(output);
-    console.log();
-    endReturn = 1;
-  }
-});
+  // find all versions in the monorepo
+  getDirectories(`./${folder}`).forEach(subPackage => {
+    const filePath = `./${folder}/${subPackage}/package.json`;
+    currentVersions = { ...currentVersions, ...readPackageJsonNameVersion(filePath) };
+  });
 
+  // lint all versions in folder
+  getDirectories(`./${folder}`).forEach(subPackage => {
+    const filePath = `./${folder}/${subPackage}/package.json`;
+    const subPackageVersions = readPackageJsonDeps(filePath);
+    const { output, newVersions } = compareVersions(currentVersions, subPackageVersions);
+    currentVersions = { ...newVersions };
+    if (output) {
+      console.log(`Version mismatches found in "${filePath}":`);
+      console.log(output);
+      console.log();
+      endReturn = 1;
+    }
+  });
+}
+lintVersions('packages');
+lintVersions('tools');
 if (endReturn === 0) {
   console.log('All versions are aligned 💪');
 }
-
 process.exit(endReturn);

scripts/workspaces-scripts.mjs

@@ -28,8 +28,12 @@ function findPackagesWithScript(directory) {
 }
 
 const packagesDir = join(moduleDir, '..', 'packages');
+const toolsDir = join(moduleDir, '..', 'tools');
 
-const packagesWithScript = [...findPackagesWithScript(packagesDir)];
+const packagesWithScript = [
+  ...findPackagesWithScript(packagesDir),
+  ...findPackagesWithScript(toolsDir),
+];
 
 const commands = packagesWithScript.map(pkgPath => ({
   name: basename(pkgPath),

tools/babel-plugin-extend-docs/README.md

@@ -184,8 +184,8 @@ customElements.define('my-app', MyApp);
 
 ## Full Demo & Api Example
 
-You can run the example locally via `npm run start` or look at its [source code](https://github.com/ing-bank/lion/tree/master/packages/babel-plugin-extend-docs/demo/).
-_Note we are configuring babel via the [server.config.js](https://github.com/ing-bank/lion/tree/master/packages/babel-plugin-extend-docs/demo/server.config.js)_
+You can run the example locally via `npm run start` or look at its [source code](https://github.com/ing-bank/lion/tree/master/tools/babel-plugin-extend-docs/demo/).
+_Note we are configuring babel via the [server.config.js](https://github.com/ing-bank/lion/tree/master/tools/babel-plugin-extend-docs/demo/server.config.js)_
 
 👉 _babel.config.js_
 

tools/babel-plugin-extend-docs/demo/server.config.js

@@ -25,7 +25,7 @@ const extendDocsConfig = {
 module.exports = {
   nodeResolve: true,
   watch: true,
-  open: 'packages/babel-plugin-extend-docs/demo/',
+  open: 'tools/babel-plugin-extend-docs/demo/',
   babel: true,
   babelConfig: {
     overrides: [

tools/babel-plugin-extend-docs/demo/server.no-babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   nodeResolve: true,
   watch: true,
-  open: 'packages/babel-plugin-extend-docs/demo/',
+  open: 'tools/babel-plugin-extend-docs/demo/',
 };

tools/babel-plugin-extend-docs/package.json

@@ -8,7 +8,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/ing-bank/lion.git",
-    "directory": "packages/babel-plugin-extend-docs"
+    "directory": "tools/babel-plugin-extend-docs"
   },
   "main": "index.js",
   "files": [

tools/providence-analytics/dashboard/src/server.js

@@ -64,7 +64,7 @@ function transformToProjectNames(collections) {
 
 const pathFromServerRootToHere = `/${pathLib.relative(process.cwd(), __dirname)}`;
 
-// Needed for dev purposes (we call it from ./packages/providence-analytics/ instead of ./)
+// Needed for dev purposes (we call it from ./tools/providence-analytics/ instead of ./)
 // Allows es-dev-server to find the right moduleDirs
 const fromPackageRoot = process.argv.includes('--serve-from-package-root');
 const moduleRoot = fromPackageRoot ? pathLib.resolve(process.cwd(), '../../') : process.cwd();

tools/providence-analytics/package.json

@@ -8,7 +8,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/ing-bank/lion.git",
-    "directory": "packages/providence-analytics"
+    "directory": "tools/providence-analytics"
   },
   "main": "./src/program/providence.js",
   "bin": {