@mediatool/frontend-tools 0.0.1

package/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: '@mediatool/eslint-config-mediatool',
+}

package/lib/cli

@@ -0,0 +1,19 @@
+#!/bin/bash
+
+# arguments
+cmd=${1}
+
+# variables
+mocharc_path="@mediatool/frontend-tools/lib/tests/mocha.js"
+
+if [ "$cmd" = "test" ]; then
+  yarn mocha --config ${mocharc_path} "test/**/*-test.*"
+elif [ "$cmd" = "test.unit" ]; then
+  yarn mocha --config ${mocharc_path} "test/unit/**/*-test.*"
+elif [ "$cmd" = "test.unit.components" ]; then
+  yarn mocha --config ${mocharc_path} "test/unit/**/*-test.{jsx,tsx}"
+elif [ "$cmd" = "test.unit.functions" ]; then
+  yarn mocha --config ${mocharc_path} "test/unit/**/*-test.{js,ts}"
+elif [ "$cmd" = "test.it" ]; then
+  yarn mocha --config ${mocharc_path} "test/it/**/*-test.*"
+fi

package/lib/tests/babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/preset-typescript',
+  ],
+}

package/lib/tests/mocha.js

@@ -0,0 +1,5 @@
+module.exports = {
+  require: [
+    '@mediatool/frontend-tools/lib/tests/setup',
+  ],
+}

package/lib/tests/setup.js

@@ -0,0 +1,9 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const { default: babel } = require('@babel/register')
+const jsdom = require('global-jsdom')
+
+babel({
+  configFile: '@mediatool/frontend-tools/lib/tests/babel.config.js',
+  extensions: [ '.ts', '.tsx', '.js', '.jsx' ],
+})
+jsdom()

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@mediatool/frontend-tools",
+  "version": "0.0.1",
+  "description": "Common configs and tooling for bundling, testing, linting frontend modules",
+  "main": "index.js",
+  "license": "UNLICENSED",
+  "scripts": {
+    "test": "echo 'Testless'"
+  },
+  "bin": {
+    "frontend-tools": "./lib/cli"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.9",
+    "@babel/preset-env": "^7.18.9",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@babel/register": "^7.18.9",
+    "@mediatool/eslint-config-mediatool": "^1.1.5",
+    "@testing-library/react": "^13.3.0",
+    "@types/chai": "^4.3.1",
+    "@types/mocha": "^9.1.1",
+    "chai": "^4.3.6",
+    "global-jsdom": "^8.5.0",
+    "jsdom": "^20.0.0",
+    "mocha": "^10.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

package/readme.md

@@ -0,0 +1,35 @@
+# @mediatool/frontend-tools
+
+*Common configs and tooling for bundling, testing, linting frontend modules*
+
+### Linting
+Required to create an .eslintrc.js file in the target module containing the following;
+```js
+module.exports = {
+  extends: '@mediatool/eslint-config-mediatool',
+}
+```
+
+### Testing
+`yarn frontend-tools test`
+Runs all tests
+
+`yarn frontend-tools test.unit`
+Runs all unit tests
+
+`yarn frontend-tools test.unit.components`
+Runs all component unit tests
+
+`yarn frontend-tools test.unit.functions`
+Runs all function unit tests
+
+`yarn frontend-tools test.it`
+Runs all integration tests
+
+Cypress end to end tests are yet to be configured.
+
+### Development server
+Yet to be configured.
+
+### Bundling
+Yet to be configured.