@papillonarts/setup 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 MTS.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+<h1 align="center">Papillon Arts Setup</h1>

package/babel/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+  plugins: ['@babel/plugin-proposal-class-properties', '@babel/plugin-proposal-nullish-coalescing-operator', '@babel/plugin-proposal-object-rest-spread', '@babel/plugin-proposal-optional-catch-binding', '@babel/plugin-proposal-optional-chaining', '@babel/plugin-syntax-dynamic-import', '@babel/plugin-transform-classes', ['@babel/plugin-transform-react-jsx', {
+    runtime: 'automatic'
+  }], '@babel/plugin-transform-runtime', '@babel/plugin-transform-spread', 'syntax-async-functions']
+};

package/eslint/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+module.exports = {
+  env: {
+    amd: true,
+    browser: true,
+    commonjs: true,
+    es2020: true,
+    jasmine: true,
+    jest: true,
+    mocha: true,
+    node: true
+  },
+  "extends": ['eslint:recommended', 'plugin:import/errors', 'plugin:import/warnings', 'airbnb', 'airbnb/hooks', 'plugin:react/recommended', 'plugin:jsx-a11y/recommended', 'plugin:jest/recommended', 'prettier'],
+  globals: {
+    document: false,
+    expect: false,
+    jest: false,
+    jsdom: true,
+    renderMount: false,
+    renderShallow: false
+  },
+  parser: '@babel/eslint-parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true
+    },
+    ecmaVersion: 12,
+    sourceType: 'module'
+  },
+  plugins: ['react', 'react-hooks', 'jsx-a11y', 'jest', 'prettier'],
+  rules: {
+    'comma-dangle': 2,
+    'import/named': 2,
+    'import/no-extraneous-dependencies': [0, {
+      devDependencies: ['**/*.test.js', '**/*.story.js']
+    }],
+    'import/prefer-default-export': 'off',
+    'import/no-relative-packages': 'off',
+    'jsx-a11y/accessible-emoji': 0,
+    'object-curly-spacing': 2,
+    'prettier/prettier': 'error',
+    'react-hooks/exhaustive-deps': 'warn',
+    'react-hooks/rules-of-hooks': 'error',
+    'react/jsx-boolean-value': 0,
+    'react/jsx-filename-extension': [2, {
+      extensions: ['.js', '.jsx']
+    }],
+    'react/jsx-fragments': 0,
+    'react/jsx-props-no-spreading': 0,
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
+    semi: ['error', 'never']
+  },
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [['@papillonarts/components', '@papillonarts/components/build']],
+        extensions: ['.js']
+      },
+      node: {
+        extensions: ['.js', '.jsx']
+      }
+    },
+    react: {
+      version: '18.2.0'
+    }
+  }
+};

package/jest/config.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getJestSetup = getJestSetup;
+function getJestSetup(_ref) {
+  var testPathIgnorePatterns = _ref.testPathIgnorePatterns,
+    coverageDirectory = _ref.coverageDirectory,
+    collectCoverage = _ref.collectCoverage,
+    collectCoverageFrom = _ref.collectCoverageFrom,
+    coverageThreshold = _ref.coverageThreshold;
+  return {
+    testMatch: ['**/?(*.)test.js?(x)'],
+    testPathIgnorePatterns: testPathIgnorePatterns,
+    roots: ['<rootDir>'],
+    transform: {
+      '^.+\\.jsx?$': 'babel-jest',
+      '^.+\\.mdx$': '@storybook/addon-docs/jest-transform-mdx'
+    },
+    coverageDirectory: coverageDirectory,
+    collectCoverage: collectCoverage,
+    coverageReporters: ['lcov', 'text'],
+    collectCoverageFrom: collectCoverageFrom,
+    setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+    moduleNameMapper: {
+      '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|md)$': '<rootDir>/.mock/file.js',
+      '^.+\\.(css|less|scss|md)$': 'identity-obj-proxy'
+    },
+    moduleFileExtensions: ['js', 'jsx'],
+    coverageThreshold: coverageThreshold
+  };
+}

package/jest/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getJestSetup", {
+  enumerable: true,
+  get: function get() {
+    return _config.getJestSetup;
+  }
+});
+Object.defineProperty(exports, "runJestSetup", {
+  enumerable: true,
+  get: function get() {
+    return _setup.runJestSetup;
+  }
+});
+var _config = require("./config");
+var _setup = require("./setup");

package/jest/setup.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runJestSetup = runJestSetup;
+require("jsdom-global/register");
+var _react = require("@testing-library/react");
+var _jestAxe = require("jest-axe");
+function runJestSetup() {
+  global.renderToJSON = function (component) {
+    return (0, _react.render)(component).container;
+  };
+  global.axe = (0, _jestAxe.configureAxe)({
+    rules: {
+      region: {
+        enabled: false
+      }
+    }
+  });
+  expect.extend(_jestAxe.toHaveNoViolations);
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@papillonarts/setup",
+  "version": "0.1.0",
+  "description": "Papillon Arts Setup",
+  "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/setup",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/papillonarts/papillonarts.git",
+    "directory": "packages/setup"
+  },
+  "main": "build/index.js",
+  "module": "src/index.js",
+  "files": [
+    "babel/",
+    "eslint/",
+    "jest/",
+    "prettier/",
+    "storybook/",
+    "stylelint/",
+    "webpack/",
+    "README.md"
+  ],
+  "scripts": {
+    "clean-up": "rm -rf build node_modules package-lock.json",
+    "install-packages": "npm i",
+    "install-papillonarts-latest": "echo \"setup skipping install-papillonarts-latest\" && exit 0",
+    "build": "rm -rf build && babel --copy-files --no-copy-ignored --out-dir build src --ignore **/__tests__",
+    "build-test": "npm run build",
+    "build-acceptance": "npm run build",
+    "build-release": "npm run build"
+  },
+  "gitHead": "54b32a7d2fd6b05906764bb2633ae16171ff3c48"
+}

package/prettier/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+module.exports = {
+  tabWidth: 2,
+  semi: false,
+  singleQuote: true,
+  printWidth: 140,
+  trailingComma: 'all'
+};

package/storybook/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getStorybookMainSetup", {
+  enumerable: true,
+  get: function get() {
+    return _mainSetup.getStorybookMainSetup;
+  }
+});
+var _mainSetup = require("./setup/mainSetup");

package/storybook/setup/mainSetup.js

@@ -0,0 +1,259 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStorybookMainSetup = getStorybookMainSetup;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _object = require("@papillonarts/library/object");
+/* eslint-disable no-unused-vars */
+/* eslint-disable no-param-reassign */
+/* eslint-disable global-require */
+
+function getStorybookMainSetup(_ref) {
+  var _webpackFinal;
+  var storiesBasePath = _ref.storiesBasePath,
+    includeBasePath = _ref.includeBasePath,
+    modulesBasePath = _ref.modulesBasePath;
+  // https://storybook.js.org/docs/react/api/main-config
+  return {
+    // https://storybook.js.org/docs/react/configure/frameworks
+    framework: {
+      name: '@storybook/react-webpack5',
+      options: {
+        fastRefresh: false,
+        strictMode: false,
+        legacyRootApi: false
+      }
+    },
+    // https://storybook.js.org/docs/react/api/main-config-stories
+    stories: [storiesBasePath],
+    // https://storybook.js.org/docs/react/api/main-config-addons
+    // https://storybook.js.org/docs/react/addons/introduction
+    // https://storybook.js.org/integrations
+    addons: [
+    // https://storybook.js.org/addons/@storybook/addon-a11y
+    '@storybook/addon-a11y',
+    // included by default in @storybook/addon-essentials
+    // https://storybook.js.org/docs/react/essentials/actions
+    // https://storybook.js.org/addons/@storybook/addon-actions
+    // '@storybook/addon-actions',
+
+    // included by default in @storybook/addon-essentials
+    // https://storybook.js.org/docs/react/essentials/backgrounds
+    // https://storybook.js.org/addons/@storybook/addon-backgrounds
+    // '@storybook/addon-backgrounds',
+
+    // https://storybook.js.org/addons/chromatic
+    // chromatic
+
+    // included by default in @storybook/addon-essentials
+    // https://storybook.js.org/docs/react/essentials/controls
+    // https://storybook.js.org/addons/@storybook/addon-controls
+    // '@storybook/addon-controls',
+
+    // https://storybook.js.org/addons/storybook-addon-designs
+    // storybook-addon-designs
+
+    // included by default in @storybook/addon-essentials
+    // https://storybook.js.org/docs/react/essentials/docs (404)
+    // https://storybook.js.org/addons/@storybook/addon-docs
+    // {
+    //   name: '@storybook/addon-docs',
+    //   options: {
+    //     jsxOptions: {},
+    //     csfPluginOptions: null,
+    //     mdxPluginOptions: {},
+    //     transcludeMarkdown: true,
+    //   },
+    // },
+
+    // https://storybook.js.org/docs/react/essentials/introduction
+    // https://storybook.js.org/integrations/tag/essentials
+    '@storybook/addon-essentials',
+    // included by default in @storybook/addon-essentials
+    // https://storybook.js.org/docs/react/essentials/highlight (404)
+    // https://storybook.js.org/addons/@storybook/addon-highlight
+    // '@storybook/addon-highlight',
+
+    // https://storybook.js.org/addons/@storybook/addon-interactions
+    '@storybook/addon-interactions',
+    // https://storybook.js.org/addons/@storybook/addon-jest
+    '@storybook/addon-jest',
+    // https://storybook.js.org/addons/@storybook/addon-links
+    '@storybook/addon-links',
+    // https://storybook.js.org/addons/msw-storybook-addon
+    // msw-storybook-addon
+
+    // included by default in @storybook/addon-essentials
+    // https://storybook.js.org/docs/react/essentials/measure-and-outline
+    // https://storybook.js.org/addons/@storybook/addon-measure
+    // https://storybook.js.org/addons/@storybook/addon-outline
+    // '@storybook/addon-measure',
+    // '@storybook/addon-outline',
+
+    // https://storybook.js.org/addons/@storybook/addon-storyshots
+    '@storybook/addon-storyshots',
+    // https://storybook.js.org/addons/@storybook/addon-storyshots-puppeteer
+    '@storybook/addon-storyshots-puppeteer',
+    // https://storybook.js.org/addons/@storybook/addon-storysource
+    {
+      name: '@storybook/addon-storysource',
+      options: {
+        rule: {
+          test: [/\.int.story\.js?$/],
+          include: [includeBasePath]
+        },
+        loaderOptions: {
+          prettierConfig: {
+            tabWidth: 2,
+            semi: false,
+            singleQuote: true,
+            printWidth: 140,
+            trailingComma: 'all'
+          }
+        }
+      }
+    },
+    // https://storybook.js.org/addons/@storybook/addon-styling
+    '@storybook/addon-styling'
+
+    // included by default in @storybook/addon-essentials
+    // https://storybook.js.org/docs/react/essentials/toolbars-and-globals
+    // https://storybook.js.org/addons/@storybook/addon-toolbars
+    // '@storybook/addon-toolbars',
+
+    // included by default in @storybook/addon-essentials
+    // https://storybook.js.org/docs/react/essentials/viewport
+    // https://storybook.js.org/addons/@storybook/addon-viewport
+    // '@storybook/addon-viewport',
+    ],
+
+    // https://storybook.js.org/docs/react/api/main-config-babel
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-babel-default
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-core
+    core: {
+      builder: {
+        name: '@storybook/builder-webpack5'
+      }
+    },
+    // https://storybook.js.org/docs/react/api/main-config-docs
+    // https://storybook.js.org/docs/react/writing-docs/autodocs
+    // https://storybook.js.org/docs/react/writing-docs/mdx
+    docs: {
+      autodocs: true,
+      defaultName: 'Documentation',
+      docsMode: false
+    },
+    // https://storybook.js.org/docs/react/api/main-config-env
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-features
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-log-level
+    logLevel: {
+      logLevel: 'debug'
+    },
+    // https://storybook.js.org/docs/react/api/main-config-manager-head
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-preview-annotations
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-preview-body
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-preview-head
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-refs
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-static-dirs
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-typescript
+    // ...
+
+    // https://storybook.js.org/docs/react/api/main-config-webpack-final
+    webpackFinal: function webpackFinal(_x, _x2) {
+      return (_webpackFinal = _webpackFinal || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(config, _ref2) {
+        var configType, fileLoaderRuleSVG;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              configType = _ref2.configType;
+              fileLoaderRuleSVG = config.module.rules.find(function (rule) {
+                return !(0, _object.isEmptyObject)(rule) && rule.test.test && rule.test.test('.svg');
+              });
+              fileLoaderRuleSVG.exclude = /\.svg$/;
+              config.module.rules = config.module.rules.concat([{
+                test: /\.(css|scss)$/,
+                use: [{
+                  loader: 'style-loader'
+                }, {
+                  loader: 'css-loader',
+                  options: {
+                    importLoaders: 2,
+                    sourceMap: true,
+                    modules: {
+                      localIdentName: '[name]__[local]___[hash:base64:5]'
+                    }
+                  }
+                }, {
+                  loader: 'postcss-loader',
+                  options: {
+                    postcssOptions: {
+                      sourceMap: true,
+                      plugins: function plugins() {
+                        return [require('postcss-preset-env')()];
+                      },
+                      parser: 'postcss-scss'
+                    }
+                  }
+                }, {
+                  loader: 'sass-loader',
+                  options: {
+                    sassOptions: {
+                      includePaths: [modulesBasePath]
+                    }
+                  }
+                }]
+              }, {
+                test: /\.svg$/i,
+                issuer: /\.[jt]sx?$/,
+                use: ['@svgr/webpack']
+              }, {
+                test: /\.int.story\.mdx$/,
+                use: [{
+                  loader: 'babel-loader',
+                  options: {
+                    plugins: ['@babel/plugin-transform-react-jsx']
+                  }
+                }, {
+                  loader: '@mdx-js/loader',
+                  options: {}
+                }]
+              }, {
+                test: /\.int.story\.jsx?$/,
+                loader: require.resolve('@storybook/source-loader'),
+                exclude: [/node_modules/],
+                enforce: 'pre'
+              }]);
+              return _context.abrupt("return", config);
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }))).apply(this, arguments);
+    }
+  };
+}

package/stylelint/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+module.exports = {
+  "extends": ['stylelint-config-standard'],
+  plugins: ['stylelint-order', 'stylelint-prettier', 'stylelint-scss'],
+  rules: {
+    'alpha-value-notation': null,
+    'at-rule-no-unknown': null,
+    'color-function-notation': null,
+    'declaration-empty-line-before': null,
+    'keyframes-name-pattern': null,
+    'prettier/prettier': true,
+    'rule-empty-line-before': null,
+    'selector-class-pattern': null,
+    'annotation-no-unknown': null,
+    'import-notation': 'string'
+  }
+};

package/webpack/constant/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.targetBrowsers = exports.manifestFileName = exports.indexHTMLName = exports.extensions = exports.coreJSVersion = void 0;
+var coreJSVersion = '3.32.2';
+exports.coreJSVersion = coreJSVersion;
+var targetBrowsers = {
+  production: ['> 1%', 'last 2 versions', 'Firefox ESR'],
+  legacyBrowsers: ['> 1%', 'last 2 versions', 'Firefox ESR'],
+  modernBrowsers: ['last 2 Chrome versions', 'not Chrome < 60', 'last 2 Safari versions', 'not Safari < 10.1', 'last 2 iOS versions', 'not iOS < 10.3', 'last 2 Firefox versions', 'not Firefox < 54', 'last 2 Edge versions', 'not Edge < 15']
+};
+exports.targetBrowsers = targetBrowsers;
+var manifestFileName = 'manifest.json';
+exports.manifestFileName = manifestFileName;
+var indexHTMLName = 'index.html';
+exports.indexHTMLName = indexHTMLName;
+var extensions = ['.js', '.jsx', '.json', '.scss'];
+exports.extensions = extensions;