shinkansen-pinion 1.0.39 → 1.0.40

package/.husky/post-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx cross-env DEBUG=@modernpoacher/hooks* node .husky/post-commit.mjs

package/.husky/post-commit.cjs

@@ -0,0 +1,8 @@
+module.exports = (
+  import('@modernpoacher/hooks')
+    .then(({
+      postCommit
+    }) => (
+      postCommit()
+    ))
+)

package/.husky/post-commit.mjs

@@ -0,0 +1,5 @@
+import {
+  postCommit
+} from '@modernpoacher/hooks'
+
+export default postCommit()

package/.husky/pre-commit

@@ -1,4 +1,8 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run pre-commit
+npm run lint
+npm test
+npm run build
+npm run transform
+git add .storybook

package/{babel.config.js → babel.config.cjs}

@@ -8,6 +8,8 @@ const {
   }
 } = process
 
+// console.log('BABEL CONFIG')
+
 log('`shinkansen` is awake')
 
 function env () {
@@ -22,7 +24,7 @@ const presets = [
   [
     '@babel/env', {
       targets: {
-        node: '12.19.0',
+        node: 'current',
         browsers: [
           'last 4 versions',
           'safari >= 9',
@@ -39,6 +41,7 @@ const presets = [
 ]
 
 const plugins = [
+  '@babel/syntax-jsx',
   '@babel/proposal-export-default-from',
   '@babel/proposal-export-namespace-from',
   [
@@ -49,10 +52,10 @@ const plugins = [
   ],
   [
     'module-resolver', {
-      root: ['./src'],
-      cwd: 'babelrc',
+      root: [
+        '.'
+      ],
       alias: {
-        'shinkansen-pinion': './src',
         build: './build',
         stories: './stories'
       }
@@ -64,9 +67,8 @@ module.exports = (api) => {
   if (api) api.cache.using(env)
 
   return {
-    compact: true,
-    comments: false,
     presets,
-    plugins
+    plugins,
+    ignore: [/core-js/]
   }
 }

package/gulpfile.mjs

@@ -0,0 +1,75 @@
+import 'regenerator-runtime/runtime.js'
+
+import gulp from '@sequencemedia/gulp'
+
+import {
+  cleanFonts,
+  fonts as buildFonts,
+  watchFonts,
+  cleanIcons,
+  icons as buildIcons,
+  watchIcons,
+  cleanCss,
+  css as buildCss,
+  watchCss
+} from '#build/gulp/build'
+
+import {
+  transformClean,
+  transform,
+  transformWatch
+} from '#build/gulp/transform'
+
+gulp
+  .task('clean:fonts', cleanFonts)
+
+gulp
+  .task('build:fonts', gulp.series('clean:fonts', buildFonts))
+
+gulp
+  .task('watch:fonts', gulp.series('build:fonts', watchFonts))
+
+gulp
+  .task('clean:icons', cleanIcons)
+
+gulp
+  .task('build:icons', gulp.series('clean:icons', buildIcons))
+
+gulp
+  .task('watch:icons', gulp.series('build:icons', watchIcons))
+
+gulp
+  .task('clean:css', cleanCss)
+
+gulp
+  .task('build:css', gulp.series('clean:css', buildCss))
+
+gulp
+  .task('watch:css', gulp.series('build:css', watchCss))
+
+gulp
+  .task('clean', gulp.series('clean:fonts', 'clean:icons', 'clean:css'))
+
+gulp
+  .task('build', gulp.series('build:fonts', 'build:icons', 'build:css'))
+
+gulp
+  .task('watch', gulp.parallel('watch:fonts', 'watch:icons', 'watch:css'))
+
+gulp
+  .task('transform', transform)
+
+gulp
+  .task('build:clean', gulp.series('clean:fonts', 'clean:icons', 'clean:css'))
+
+gulp
+  .task('build:watch', gulp.series('watch:fonts', 'watch:icons', 'watch:css'))
+
+gulp
+  .task('transform:clean', transformClean)
+
+gulp
+  .task('transform:watch', transformWatch)
+
+gulp
+  .task('default', gulp.series('build', 'transform'))

package/jest.config.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  bail: 1,
+  verbose: true,
+  rootDir: '.',
+  collectCoverage: true,
+  coverageDirectory: './coverage',
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(mjs?|mts?|jsx?|js?|tsx?|ts?)$',
+  transform: {
+    '^.+\\.jsx$': 'babel-jest',
+    '^.+\\.mjs$': 'babel-jest',
+    '^.+\\.cjs$': 'babel-jest'
+  },
+  moduleFileExtensions: ['js', 'jsx', 'mjs', 'cjs'],
+  transformIgnorePatterns: [
+    '/node_modules\\/(?!shinkansen-sprockets)\\/',
+    '/node_modules\\/(?!shinkansen-cogs)\\/'
+  ]
+}

package/nvm.sh

@@ -0,0 +1,43 @@
+#!/bin/bash
+
+NVM=~/.nvm
+
+if [ -f "$NVM/nvm.sh" ];
+then
+  unset npm_package_scripts_nvm
+  unset npm_config_prefix
+  unset npm_lifecycle_script
+
+  source $NVM/nvm.sh
+else
+  NVM=$(brew --prefix nvm 2> /dev/null)
+
+  if [ -f "$NVM/nvm.sh" ];
+  then
+    unset npm_package_scripts_nvm
+    unset npm_config_prefix
+    unset npm_lifecycle_script
+
+    source $NVM/nvm.sh
+  fi
+fi
+
+VERSION=$(nvm --version 2> /dev/null)
+
+if [ -z "$VERSION" ];
+then
+  echo Environment does not have NVM installed
+else
+  echo Environment has NVM version $VERSION installed
+
+  set -e
+
+  nvm use
+
+  if [[ $? != 0 ]];
+  then
+    echo Environment does not have NVM configured
+  else
+    echo Environment has NVM version $VERSION configured
+  fi
+fi

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shinkansen-pinion",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "description": "Shinkansen Pinion",
   "keywords": [
     "Shinkansen",
@@ -10,11 +10,12 @@
     "Karakuri",
     "React"
   ],
-  "main": "./index.js",
+  "main": "./index.cjs",
+  "type": "module",
   "author": "Jonathan Perry for Modern Poacher Limited <modernpoacher@modernpoacher.com>",
   "license": "MIT",
   "engines": {
-    "node": ">=12.19.0"
+    "node": ">=16.13.0"
   },
   "repository": {
     "type": "git",
@@ -23,86 +24,110 @@
   "scripts": {
     "prepublishOnly": "cross-env NODE_ENV=production npm run build",
     "prebuild": "npm run clean",
-    "build": "cross-env DEBUG=shinkansen-pinion npm run babel -- --ignore \"**/__tests__/**\" && npm run gulp",
-    "build:watch": "npm run gulp -- build:watch",
-    "watch": "cross-env DEBUG=shinkansen-pinion concurrently -r \"npm run babel:watch\" \"npm run build:watch\"",
+    "build": "cross-env DEBUG=shinkansen-pinion npm run gulp -- build",
+    "build:watch": "cross-env DEBUG=shinkansen-pinion npm run gulp -- build:watch",
     "clean": "rimraf lib",
-    "transform": "npm run gulp -- transform",
-    "transform:watch": "npm run gulp -- transform:watch",
-    "babel": "babel src -d lib",
-    "babel:watch": "npm run babel -- -w",
-    "gulp": "bash gulp.sh --color",
-    "lint": "eslint . .storybook",
+    "transform": "cross-env DEBUG=shinkansen-pinion npm run gulp -- transform",
+    "transform:watch": "cross-env DEBUG=shinkansen-pinion npm run gulp -- transform:watch",
+    "pregulp": "npm run nvm",
+    "gulp": "gulp --color",
+    "prelint": "npm run nvm",
+    "lint": "eslint . .storybook --ext .mjs --ext .cjs",
     "lint:fix": "npm run lint -- --fix",
+    "pretest": "npm run nvm",
     "test": "cross-env NODE_ENV=test jest --collect-coverage false --verbose --run-in-band",
     "storybook": "npm run build && npm run transform && start-storybook -p 6009",
-    "pre-commit": "npm run lint && npm test && npm run build && npm run transform && git add lib .storybook"
+    "nvm": "bash nvm.sh"
   },
   "dependencies": {
-    "debug": "^4.3.2"
+    "debug": "^4.3.4"
   },
   "devDependencies": {
-    "@babel/cli": "^7.15.7",
-    "@babel/core": "^7.15.5",
-    "@babel/eslint-parser": "^7.15.7",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-export-default-from": "^7.14.5",
-    "@babel/plugin-proposal-export-namespace-from": "^7.14.5",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/register": "^7.15.3",
-    "@modernpoacher/design-system": "0.0.389",
-    "@storybook/addon-actions": "^6.3.8",
-    "@storybook/addon-essentials": "^6.3.8",
-    "@storybook/addon-links": "^6.3.8",
-    "@storybook/react": "^6.3.8",
-    "autoprefixer": "^10.3.4",
-    "babel-jest": "^27.2.1",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-module-resolver": "^4.1.0",
-    "concurrently": "^6.2.1",
-    "core-js": "^3.18.0",
+    "@babel/core": "^7.21.8",
+    "@babel/eslint-parser": "^7.21.8",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-export-default-from": "^7.18.10",
+    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
+    "@babel/plugin-syntax-jsx": "^7.21.4",
+    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/register": "^7.21.0",
+    "@modernpoacher/design-system": "1.0.2",
+    "@modernpoacher/hooks": "^1.0.394",
+    "@sequencemedia/gulp": "^1.0.6",
+    "@storybook/addon-actions": "6.5.12",
+    "@storybook/addon-essentials": "6.5.12",
+    "@storybook/addon-links": "6.5.12",
+    "@storybook/react": "6.5.12",
+    "autoprefixer": "^10.4.14",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "core-js": "^3.30.1",
     "cross-env": "^7.0.3",
-    "cssnano": "^5.0.8",
-    "del": "^6.0.0",
+    "cssnano": "^6.0.1",
+    "del": "^7.0.0",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
-    "eslint": "^7.32.0",
-    "eslint-config-standard": "^16.0.3",
-    "eslint-import-resolver-babel-module": "^5.3.1",
-    "eslint-plugin-import": "^2.24.2",
+    "enzyme-adapter-react-16": "^1.15.7",
+    "eslint": "^8.39.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-import-resolver-babel-module": "^5.3.2",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-react": "^7.25.3",
-    "glob-all": "^3.2.1",
-    "gulp": "^4.0.2",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "glob-all": "^3.3.1",
     "gulp-clean-css": "^4.3.0",
     "gulp-css-purge": "^3.0.9",
     "gulp-debug": "^4.0.0",
     "gulp-postcss": "^9.0.1",
     "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.0.0",
+    "gulp-sass": "^5.1.0",
     "gulp-sourcemaps": "^3.0.0",
-    "husky": "^7.0.2",
-    "jest": "^27.2.1",
-    "postcss": "^8.3.6",
-    "postcss-easy-import": "^3.0.0",
+    "husky": "^8.0.3",
+    "jest": "^29.5.0",
+    "postcss": "^8.4.23",
+    "postcss-easy-import": "^4.0.0",
     "postcss-map": "^0.11.0",
     "postcss-normalize": "^10.0.1",
-    "postcss-scss": "^4.0.0",
+    "postcss-scss": "^4.0.6",
     "prop-types": "15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-router": "5.2.0",
     "react-router-dom": "5.2.0",
     "react-test-renderer": "16.14.0",
-    "regenerator-runtime": "^0.13.9",
-    "rimraf": "^3.0.2",
-    "sass": "^1.41.1",
-    "shinkansen-cogs": "1.5.29",
-    "shinkansen-rails": "1.0.18",
-    "shinkansen-signals": "1.1.2",
-    "shinkansen-sprockets": "1.0.33",
+    "regenerator-runtime": "^0.13.11",
+    "rimraf": "^5.0.0",
+    "sass": "^1.62.1",
+    "shinkansen-cogs": "^1.5.47",
+    "shinkansen-rails": "1.0.21",
+    "shinkansen-signals": "1.1.5",
+    "shinkansen-sprockets": "^1.0.49",
     "vinyl-paths": "3.0.1"
+  },
+  "imports": {
+    "#build/gulp/build/*": "./build/gulp/build/*.mjs",
+    "#build/gulp/build": "./build/gulp/build/index.mjs",
+    "#build/gulp/paths": "./build/gulp/paths.mjs",
+    "#build/gulp/handle-watch-error": "./build/gulp/handle-watch-error.mjs",
+    "#build/gulp/transform": "./build/gulp/transform/index.mjs",
+    "#build/paths": "./build/paths.mjs"
+  },
+  "exports": {
+    ".": {
+      "require": "./src/index.cjs",
+      "import": "./src/index.mjs"
+    },
+    "./components/check-answers": "./src/components/check-answers/index.cjs",
+    "./components/common/text-content": "./src/components/common/text-content/index.cjs",
+    "./components/common": "./src/components/common/index.mjs",
+    "./components/error-summary": "./src/components/error-summary/index.mjs",
+    "./components/pinion": "./src/components/pinion/index.cjs",
+    "./components": "./src/components/index.mjs",
+    "./transformers/check-answers/*": "./src/transformers/check-answers/*.mjs",
+    "./transformers/check-answers": "./src/transformers/check-answers/index.mjs",
+    "./transformers/common/*": "./src/transformers/common/*.mjs",
+    "./transformers/common": "./src/transformers/common/index.mjs",
+    "./transformers": "./src/transformers/index.mjs",
+    "./transformers/error-message": "./src/transformers/error-message/index.mjs"
   }
 }

package/src/components/check-answers/index.cjs

@@ -0,0 +1,15 @@
+require('@babel/register')
+
+const debug = require('debug')
+
+const log = debug('shinkansen-pinion/components/check-answers')
+
+log('`shinkansen` is awake')
+
+const {
+  CheckAnswersSprocket
+} = require('shinkansen-sprockets/sprockets')
+
+console.log(require('shinkansen-sprockets/sprockets'))
+
+module.exports = CheckAnswersSprocket

package/src/components/check-answers/index.mjs

@@ -0,0 +1,11 @@
+import debug from 'debug'
+
+import {
+  CheckAnswersSprocket
+} from 'shinkansen-sprockets'
+
+const log = debug('shinkansen-pinion/components/check-answers')
+
+log('`shinkansen` is awake')
+
+export default CheckAnswersSprocket

package/src/components/common/index.mjs

@@ -0,0 +1,7 @@
+import debug from 'debug'
+
+const log = debug('shinkansen-pinion/common')
+
+log('`shinkansen` is awake')
+
+export * as textContent from './text-content/index.cjs'

package/src/components/common/text-content/index.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')
+
+const debug = require('debug')
+
+const log = debug('shinkansen-pinion/components/common/text-content')
+
+log('`shinkansen` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/error-summary/index.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')
+
+const debug = require('debug')
+
+const log = debug('shinkansen-pinion/components/error-summary')
+
+log('`shinkansen` is awake')
+
+const {
+  ErrorSummarySprocket
+} = require('shinkansen-sprockets')
+
+module.exports = ErrorSummarySprocket

package/src/components/error-summary/index.mjs

@@ -0,0 +1,11 @@
+import debug from 'debug'
+
+import {
+  ErrorSummarySprocket
+} from 'shinkansen-sprockets'
+
+const log = debug('shinkansen-pinion/components/error-summary')
+
+log('`shinkansen` is awake')
+
+export default ErrorSummarySprocket

package/src/components/index.mjs

@@ -0,0 +1,10 @@
+import debug from 'debug'
+
+const log = debug('shinkansen-pinion/components')
+
+log('`shinkansen` is awake')
+
+export { default as CheckAnswers } from './check-answers/index.cjs'
+export * as common from './common/index.mjs'
+export { default as ErrorSummary } from './error-summary/index.cjs'
+export { default as Pinion } from './pinion/index.cjs'

package/src/components/pinion/index.cjs

@@ -0,0 +1,9 @@
+require('@babel/register') // ({ configFile: require.resolve('../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-pinion/components/pinion')
+
+log('`shinkansen` is awake')
+
+module.exports = require('./index.jsx')

package/src/index.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')({ ignore: [] })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-pinion')
+
+log('`shinkansen` is awake')
+
+const { default: Pinion } = require('./components/pinion/index.cjs')
+
+console.log(Pinion)
+
+module.exports.Pinion = Pinion

package/src/index.mjs

@@ -0,0 +1,9 @@
+import debug from 'debug'
+
+const log = debug('shinkansen-pinion')
+
+log('`shinkansen` is awake')
+
+export * as components from './components/index.mjs'
+export * as transformers from './transformers/index.mjs'
+export { default as Pinion } from './components/pinion/index.cjs'

package/src/transformers/check-answers/{get-answer-title.js → get-answer-title.mjs}

@@ -1,8 +1,8 @@
 import debug from 'debug'
 
-import transformAnswerTitle from './transform-answer-title'
+import transformAnswerTitle from './transform-answer-title.mjs'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getAnswerTitle ({ elements = {} }) {
   log('getAnswerTitle')

package/src/transformers/check-answers/{get-answer-value-for-type-array.js → get-answer-value-for-type-array.mjs}

@@ -1,8 +1,8 @@
 import debug from 'debug'
 
-import transformAnswerValue from './transform-answer-value'
+import transformAnswerValue from './transform-answer-value.mjs'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getAnswerValueForTypeArray (group = []) {
   log('getAnswerValueForTypeArray')

package/src/transformers/check-answers/{get-answer-value-for-type-object.js → get-answer-value-for-type-object.mjs}

@@ -1,8 +1,8 @@
 import debug from 'debug'
 
-import transformAnswerValue from './transform-answer-value'
+import transformAnswerValue from './transform-answer-value.mjs'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getAnswerValueForTypeObject (group = []) {
   log('getAnswerValueForTypeObject')

package/src/transformers/check-answers/{get-answer-value.js → get-answer-value.mjs}

@@ -1,8 +1,8 @@
 import debug from 'debug'
 
-import transformAnswerValue from './transform-answer-value'
+import transformAnswerValue from './transform-answer-value.mjs'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getAnswerValue ({ elements = {} }) {
   log('getAnswerValue')

package/src/transformers/check-answers/{get-any-of-selected-item-value.js → get-any-of-selected-item-value.mjs}

@@ -1,8 +1,8 @@
 import debug from 'debug'
 
-import toAnswerValue from './to-answer-value'
+import toAnswerValue from './to-answer-value.mjs'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getAnyOfSelectedItemValue (items = [], [selectedItem] = []) {
   log('getAnyOfSelectedItemValue')

package/src/transformers/check-answers/{get-any-of-selected-items-value.js → get-any-of-selected-items-value.mjs}

@@ -1,8 +1,8 @@
 import debug from 'debug'
 
-import toAnswerValue from './to-answer-value'
+import toAnswerValue from './to-answer-value.mjs'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getAnyOfSelectedItemsValue (items = [], selectedItems = []) {
   log('getAnyOfSelectedItemsValue')

package/src/transformers/check-answers/{get-change-answer.js → get-change-answer.mjs}

@@ -1,9 +1,9 @@
 import debug from 'debug'
 
 import getResourceUrl from 'shinkansen-pinion/transformers/common/get-resource-url'
-import getVisuallyHiddenText from './get-visually-hidden-text'
+import getVisuallyHiddenText from './get-visually-hidden-text.mjs'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getChangeAnswer (answer, resource) {
   log('getChangeAnswer')

package/src/transformers/check-answers/{get-enum-selected-item-value.js → get-enum-selected-item-value.mjs}

@@ -1,6 +1,6 @@
 import debug from 'debug'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getEnumSelectedItemValue (items = [], [selectedItem] = []) {
   log('getEnumSelectedItemValue')

package/src/transformers/check-answers/{get-enum-selected-items-value.js → get-enum-selected-items-value.mjs}

@@ -1,6 +1,6 @@
 import debug from 'debug'
 
-const log = debug('shinkansen-pinion:transformers:check-answers')
+const log = debug('shinkansen-pinion/transformers/check-answers')
 
 export default function getEnumSelectedItemsValue (items = [], selectedItems = []) {
   log('getEnumSelectedItemsValue')