@mediatool/frontend-tools 0.0.8 → 1.0.0

package/lib/build/build-library.js

@@ -0,0 +1,28 @@
+import { build } from 'vite'
+
+import getModuleContext from './get-module-context.js'
+
+async function buildLibrary () {
+  const {
+    entry,
+    root,
+    name,
+    dependencies,
+  } = await getModuleContext()
+
+  return build({
+    root,
+    build: {
+      lib: {
+        entry,
+        name,
+      },
+      rollupOptions: {
+        external: dependencies,
+      },
+      sourcemap: true,
+    },
+  })
+}
+
+export default buildLibrary

package/lib/build/get-module-context.js

@@ -0,0 +1,28 @@
+import { readFile, stat } from 'node:fs/promises'
+import { resolve } from 'node:path'
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { keys, uniq } from 'ramda'
+
+async function getModuleContext () {
+  const location = process.cwd()
+  const pkgLocation = resolve(location, './package.json')
+  const entryLocation = resolve(location, './index.js')
+
+  try {
+    await stat(pkgLocation)
+    await stat(entryLocation)
+    const pkg = JSON.parse(await readFile(pkgLocation))
+    const { name } = pkg
+    const dependencies = uniq(keys({ ...pkg.dependencies, ...pkg.peerDependencies }))
+    return {
+      entry: entryLocation,
+      root: location,
+      name,
+      dependencies,
+    }
+  } catch (e) {
+    throw new Error('Oopsie.')
+  }
+}
+
+export default getModuleContext

package/lib/build/index.js

@@ -0,0 +1,13 @@
+import buildLibrary from './build-library.js'
+
+const types = {
+  app: () => {},
+  library: buildLibrary,
+}
+
+export default function build (type) {
+  const fn = types[type]
+  if (!fn) throw new Error('Unknown type passed as an argument to the "build" command')
+
+  return fn()
+}

package/lib/cli.js

@@ -0,0 +1,23 @@
+import { Command } from 'commander'
+
+import build from './build/index.js'
+import test from './test/index.js'
+
+const program = new Command()
+
+program
+  .name('mtft')
+  .description('Mediatool standardized tools for frontend projects')
+  .version('0.0.1')
+
+program.command('build')
+  .description('Builds your pieces into one')
+  .argument('<type>', 'app or library')
+  .action(build)
+
+program.command('test')
+  .description('not sure ey? run the tests then')
+  .argument('[type]', 'unit (unit tests),it (integration tests)', 'all')
+  .action(test)
+
+program.parse()

package/lib/test/index.js

@@ -0,0 +1,23 @@
+import Mocha from 'mocha/lib/mocha.js'
+import { handleRequires, runMocha } from 'mocha/lib/cli/run-helpers.js'
+
+const types = {
+  all: 'test/**/*-test.*',
+  unit: 'test/unit/*-test.*',
+  it: 'test/it/*-test.*',
+}
+
+export default async function test (type) {
+  const spec = types[type]
+  if (!spec) throw new Error(`Unknown type ${type}`)
+
+  const plugins = await handleRequires([
+    '@mediatool/frontend-tools/lib/test/setup-mocha.cjs',
+  ])
+  const opts = {
+    spec: [ spec ],
+    plugins,
+  }
+  const mocha = new Mocha(opts)
+  runMocha(mocha, opts)
+}

package/lib/test/setup-mocha.cjs

@@ -0,0 +1,14 @@
+/* eslint-env es6 */
+/* eslint-disable import/no-extraneous-dependencies */
+const babel = require('@babel/register').default
+const jsdom = require('global-jsdom')
+
+babel({
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/preset-typescript',
+  ],
+  extensions: [ '.ts', '.tsx', '.js', '.jsx' ],
+})
+jsdom()

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@mediatool/frontend-tools",
-  "version": "0.0.8",
+  "version": "1.0.0",
   "description": "Common configs and tooling for bundling, testing, linting frontend modules",
   "main": "index.js",
   "license": "UNLICENSED",
+  "type": "module",
   "scripts": {
     "test": "echo 'Testless'"
   },
   "bin": {
-    "frontend-tools": "./lib/cli"
+    "mtft": "./lib/cli.js"
   },
   "dependencies": {
     "@babel/core": "^7.18.9",
@@ -22,13 +23,19 @@
     "@testing-library/user-event": "^14.3.0",
     "@types/chai": "^4.3.1",
     "@types/mocha": "^9.1.1",
+    "@vitejs/plugin-react": "^2.1.0",
     "chai": "^4.3.6",
+    "commander": "^9.4.0",
     "global-jsdom": "^8.5.0",
     "jsdom": "^20.0.0",
-    "mocha": "^10.0.0"
+    "mocha": "^10.0.0",
+    "vite": "^3.1.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "ramda": "^0.28.0"
   }
 }

package/lib/cli

@@ -1,19 +0,0 @@
-#!/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

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

package/lib/tests/mocha.js

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

package/lib/tests/setup.js

@@ -1,9 +0,0 @@
-/* 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()