orc-scripts 1.2.0-pre.0

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright (C) 2018 Orckestra Inc.
+
+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,76 @@
+# Orckestra Client Application Framework toolbox
+
+![Build Status](https://dev.azure.com/orckestra001/OrckestraCommerce/_apis/build/status/FrontEnd/Framework/orc-scripts?branchName=develop) [![Coverage Status](https://coveralls.io/repos/github/Orckestra/orc-scripts/badge.svg?branch=master)](https://coveralls.io/github/Orckestra/orc-scripts?branch=master)
+
+This package contains a standard set of dependencies and tooling for web applications. It is based on [`kcd-scripts`](https://github.com/kentcdodds/kcd-scripts) (copyright © 2017 Kent C. Dodds, licensed via MIT License) in both concept and code.
+
+## Installation and use
+
+Installing this package is done via npm: `npm install orc-scripts`. This will also install the dependency set provided.
+
+### Scripts
+
+[Several scripts](docs/scripts.md) are provided to users.
+
+The easiest way to use these scripts is to add entries to your package.json under "scripts", invoking the `orc-scripts` command. A typical "scripts" section might look like this:
+
+```json
+{
+	"scripts": {
+		"clean": "orc-scripts clean",
+		"build": "orc-scripts prep && orc-scripts build",
+		"start": "orc-scripts prep && orc-scripts start",
+		"test": "orc-scripts test",
+		"coverage": "orc-scripts test --coverage"
+	}
+}
+```
+
+### Code tools
+
+The toolbox contains support for `eslint` and `prettier`, both for use with development tools (such as Atom or VS Code) and in git hooks. To integrate with your development tool of choice, ensure the suitable plugin is installed if applicable, and create a config file or `package.json` entry that points to the `orc-scripts` preset for that tool (`orc-scripts/eslint`, resp. `orc-scripts/prettier`).
+
+To set up a git commit hook that runs `prettier` on all staged files, add the following section to `package.json`:
+
+```json
+{
+	"husky": {
+		"hooks": {
+			"pre-commit": "lint-staged"
+		}
+	}
+}
+```
+
+This will run the `lint-staged` tool whenever you commit files to git. Configure this tool with a section in your `package.json` as follows:
+
+```json
+{
+	"lint-staged": {
+		"linters": {
+			"*.{js,json,md}": ["prettier --write", "git add"]
+		},
+		"ignore": ["package.json", "package-lock.json", "src/translations/*.json"]
+	}
+}
+```
+
+This instructs `lint-staged` to run `prettier` on staged files, rewriting the file to specifications, and then re-staging it for the commit. This ensures that all code in the app lives up to the strict standards set by `prettier`. It is recommended to not let it process `package.json`, `package-lock.json` and translation files, as these are automatically processed and changed. Prettier can be told to ignore these by adding a `.prettierignore` file using the same syntax as `.gitignore`.
+
+### Testing
+
+Testing with Jest and `unexpected` is built into the toolbox, allowing test setup to be as simple as adding a file with a `.test.js` suffix to your file tree. A number of [plugins and custom assertions](docs/assertions.md) are provided as well.
+
+### Deploying
+
+An application that employs code splitting (resulting in multiple output bundle files) and is to be deployed to a CDN will need to pass the CDN location to the entry bundle to ensure that further bundles are fetched from the right location. To do this, include a script in the header of the `index.html` file which sets `window.ASSET_PATH` to the CDN location (a slash-terminated url, i.e. `"https://foo.cdn.org/my-bundle/"`). This needs to be executed before the entry bundle.
+
+## License
+
+Copyright © 2018 Orckestra Inc.
+
+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/babel.js

@@ -0,0 +1 @@
+module.exports = require("./src/config/babel-preset");

package/eslint.js

@@ -0,0 +1 @@
+module.exports = require("./src/config/eslintrc");

package/jest.js

@@ -0,0 +1 @@
+module.exports = require("./src/config/jest.config");

package/package.json

@@ -0,0 +1,164 @@
+{
+  "name": "orc-scripts",
+  "version": "1.2.0-pre.0",
+  "description": "Scripts toolbox for Orckestra",
+  "type": "commonjs",
+  "bin": {
+    "orc-scripts": "src/index.js"
+  },
+  "engines": {
+    "node": ">= 10",
+    "npm": ">= 6.13.4"
+  },
+  "scripts": {
+    "coverage": "node src test --coverage",
+    "coveralls": "cat coverage/lcov.info | coveralls",
+    "lint": "eslint src",
+    "test": "node src test",
+    "test:orc-shared": "node src buildDep https://github.com/Orckestra/orc-shared.git",
+    "watch": "node src prep && node src build --watch",
+    "tag": "node src tag"
+  },
+  "files": [
+    "src",
+    "babel.js",
+    "webpack.js",
+    "jest.js",
+    "eslint.js",
+    "prettier.js"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Orckestra/orc-scripts.git"
+  },
+  "author": "Gert K. Sønderby <gert.sonderby@orckestra.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Orckestra/orc-scripts/issues"
+  },
+  "homepage": "https://github.com/Orckestra/orc-scripts#readme",
+  "dependencies": {
+    "@babel/cli": "^7.0.0",
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.9.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-transform-computed-properties": "^7.0.0",
+    "@babel/plugin-transform-destructuring": "^7.8.3",
+    "@babel/plugin-transform-react-jsx": "^7.0.0",
+    "@babel/plugin-transform-template-literals": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@formatjs/intl-getcanonicallocales": "^1.4.6",
+    "@formatjs/intl-pluralrules": "^3.4.10",
+    "@gustavnikolaj/async-main-wrap": "^3.0.1",
+    "@loadable/babel-plugin": "^5.13.2",
+    "@loadable/component": "5.13.1",
+    "@material-ui/core": "^4.9.14",
+    "@material-ui/lab": "^4.0.0-alpha.57",
+    "@typescript-eslint/eslint-plugin": "^2.34.0",
+    "@typescript-eslint/parser": "^2.0.0",
+    "@welldone-software/why-did-you-render": "^4.2.5",
+    "babel-core": "7.0.0-bridge.0",
+    "babel-eslint": "^10.0.1",
+    "babel-loader": "^8.0.4",
+    "babel-plugin-react-intl-auto": "^3.1.0",
+    "babel-plugin-root-import": "^6.5.0",
+    "babel-plugin-styled-components": "^1.10.6",
+    "classnames": "^2.2.6",
+    "connected-react-router": "^6.3.1",
+    "core-js": "^3.0.0",
+    "coveralls": "^3.0.2",
+    "cross-spawn": "^7.0.0",
+    "css-loader": "^3.4.2",
+    "date-fns": "^2",
+    "dotenv": "^8.0.0",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.2",
+    "eslint": "^6.1.0",
+    "eslint-config-react-app": "^5.1.0",
+    "eslint-plugin-flowtype": "^4.7.0",
+    "eslint-plugin-import": "^2.14.0",
+    "eslint-plugin-jsx-a11y": "^6.1.2",
+    "eslint-plugin-react": "^7.11.1",
+    "eslint-plugin-react-hooks": "^2.5.1",
+    "extract-react-intl-messages": "^4.1.1",
+    "file-loader": "^6.0.0",
+    "full-icu": "^1.3.1",
+    "husky": "^4.0.0",
+    "icu4c-data": "^0.64.2",
+    "identity-obj-proxy": "^3.0.0",
+    "imagemin": "^5.0.0",
+    "img-loader": "^3.0.1",
+    "immutable": "^3.0.0",
+    "immutable4": "npm:immutable@^4.0.0-rc.12",
+    "is-ci": "^2.0.0",
+    "jest": "^26.1.0",
+    "jest-enzyme": "^7.1.2",
+    "jest-junit": "^11.0.1",
+    "lint-staged": "^10.0.0",
+    "moment-timezone": "^0.5.33",
+    "ncp": "^2.0.0",
+    "normalizr": "^3.3.0",
+    "pkg-dir": "^4.0.0",
+    "polished": "^3.4.2",
+    "prettier": "^2.0.2",
+    "react": "^16.12.0",
+    "react-big-calendar": "^0.33.2",
+    "react-datepicker": "^3.0.0",
+    "react-dom": "^16.12.0",
+    "react-hot-loader": "^4.12.18",
+    "react-intl": "5.6.5",
+    "react-measure": "^2.1.2",
+    "react-multi-clamp": "^2.0.2",
+    "react-redux": "^7.1.3",
+    "react-resize-detector": "^5.0.6",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "react-test-renderer": "^16.12.0",
+    "react-transition-group": "^4.3.0",
+    "read-pkg-up": "^7.0.0",
+    "recompose": "^0.30.0",
+    "redux": "^4.0.1",
+    "redux-api-middleware": "^3.0.0",
+    "redux-immutable": "^4.0.0",
+    "reselect": "^4.0.0",
+    "resolve": "^1.15.1",
+    "rimraf": "^3.0.0",
+    "seamless-immutable": "^7.1.3",
+    "sinon": "^9.0.0",
+    "style-loader": "^1.1.3",
+    "styled-components": "5.1.1",
+    "styled-transition-group": "^2.0.0",
+    "svg-inline-loader": "^0.8.0",
+    "ts-jest": "^26.4.0",
+    "typeface-open-sans": "^0.0.75",
+    "typeface-roboto-condensed": "^0.0.75",
+    "unexpected": "^11.1.0",
+    "unexpected-dom": "^4.14.3",
+    "unexpected-immutable": "^0.5.0",
+    "unexpected-reaction": "^2.14.0",
+    "unexpected-sinon": "^10.11.1",
+    "url-loader": "^4.0.0",
+    "url-pattern": "^1.0.3",
+    "url-polyfill": "^1.1.0",
+    "webpack": "^4.25.1",
+    "webpack-bundle-analyzer": "^3.6.0",
+    "webpack-dev-server": "^3.1.10",
+    "whatwg-fetch": "^3.0.0"
+  },
+  "sideEffects": false,
+  "lint-staged": {
+    "*.{js,json,md}": [
+      "prettier --write"
+    ],
+    "*.js": [
+      "eslint"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  }
+}

package/prettier.js

@@ -0,0 +1 @@
+module.exports = require("./src/config/prettier.config");

package/src/__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = "test-file-stub";

package/src/config/babel-preset.js

@@ -0,0 +1,4 @@
+module.exports = function (api) {
+	api.cache.forever();
+	return require("./babelrc.js");
+};

package/src/config/babel-transform.js

@@ -0,0 +1,4 @@
+const babelJest = require("babel-jest");
+const config = require("./babelrc");
+
+module.exports = babelJest.createTransformer(config);

package/src/config/babel-whitelist.json

@@ -0,0 +1 @@
+["orc-[a-z]+/src", "ansi-regex", "strip-ansi", "connected-react-router", "react-intl", "@formatjs"]

package/src/config/babelrc.js

@@ -0,0 +1,38 @@
+const { parseEnv } = require("../utils");
+
+const isTest = process.env.NODE_ENV === "test" || process.env.BABEL_ENV === "test";
+const isWebpack = parseEnv("BUILD_WEBPACK", false);
+const isReact = parseEnv("BUILD_REACT", isWebpack);
+
+const envTargets = isTest ? "current node, last 2 chrome version" : isReact ? "defaults, IE 11" : "node 10";
+
+console.log("Using targets", envTargets);
+
+const envOptions = { loose: true, targets: envTargets };
+module.exports = {
+	presets: [[require.resolve("@babel/preset-env"), envOptions]],
+	plugins: [
+		require.resolve("@babel/plugin-syntax-dynamic-import"),
+		isTest || isReact ? require.resolve("babel-plugin-styled-components") : null,
+		require.resolve("@babel/plugin-transform-template-literals"),
+		require.resolve("@babel/plugin-transform-destructuring"),
+		require.resolve("@babel/plugin-proposal-object-rest-spread"),
+		require.resolve("@babel/plugin-proposal-class-properties"),
+		require.resolve("@babel/plugin-proposal-private-property-in-object"),
+		require.resolve("@babel/plugin-proposal-private-methods"),
+		[
+			"babel-plugin-root-import",
+			{
+				rootPathSuffix: "./src",
+				rootPathPrefix: "~/",
+			},
+		],
+		isTest || isReact ? require.resolve("react-hot-loader/babel") : null,
+		isTest || isReact ? require.resolve("@loadable/babel-plugin") : null,
+		isTest || isReact ? require.resolve("@babel/plugin-transform-react-jsx") : null,
+		isTest || isReact
+			? [require.resolve("babel-plugin-react-intl-auto"), { removePrefix: "src", filebase: true }]
+			: null,
+		require.resolve("@babel/plugin-transform-computed-properties"),
+	].filter(x => !!x),
+};

package/src/config/eslintrc.js

@@ -0,0 +1,15 @@
+const eslintrc = {
+	extends: ["react-app"],
+	rules: {
+		"jsx-a11y/href-no-hash": "off",
+	},
+	globals: {
+		SUPPORTED_LOCALES: false,
+		OVERTURE_MODULE: false,
+		DEPENDENCIES: false,
+		BUILD_ID: false,
+		BUILD_NUMBER: false,
+	},
+};
+
+module.exports = eslintrc;

package/src/config/jest-resolver.js

@@ -0,0 +1,35 @@
+// Created by https://github.com/gcangussu
+// Taken from https://gist.github.com/gcangussu/af52da296aef829eba15ea626453f031
+
+const resolve = require("resolve");
+
+/**
+ * @typedef {{
+    basedir: string;
+    browser?: boolean;
+    defaultResolver: (request: string, options: ResolverOptions) => string;
+    extensions?: readonly string[];
+    moduleDirectory?: readonly string[];
+    paths?: readonly string[];
+    rootDir?: string;
+  }} ResolverOptions
+ */
+
+/**
+ * @param {string} request
+ * @param {ResolverOptions} options
+ */
+module.exports = (request, options) => {
+	try {
+		return resolve.sync(request, {
+			basedir: options.rootDir || options.basedir,
+			extensions: options.extensions,
+			preserveSymlinks: true,
+		});
+	} catch (e) {
+		if (e.code === "MODULE_NOT_FOUND") {
+			return options.defaultResolver(request, options);
+		}
+		throw e;
+	}
+};

package/src/config/jest.config.js

@@ -0,0 +1,45 @@
+const path = require("path");
+const { fromRoot } = require("../utils");
+
+const here = p => path.join(__dirname, p);
+
+const args = process.argv.slice(2);
+const isCI = require("is-ci") || args.includes("--ci");
+
+const ignores = ["/node_modules/"];
+
+const jestConfig = {
+	roots: [fromRoot("src")],
+	testEnvironment: "jsdom",
+	resolver: here("jest-resolver.js"),
+	moduleNameMapper: {
+		"\\.(jpg|jpeg|png|gif)$": here("../__mocks__/fileMock.js"),
+		"\\.(css|less|scss|sass)$": "identity-obj-proxy",
+	},
+	modulePaths: [fromRoot("src"), fromRoot("node_modules")],
+	modulePathIgnorePatterns: ["node_modules/orc-[a-z]+/node_modules"],
+	moduleFileExtensions: ["js", "json"],
+	collectCoverageFrom: ["src/**/*.js"],
+	globals: {
+		BUILD_ID: "000",
+		BUILD_NUMBER: "000",
+		OVERTURE_MODULE: "aModule",
+		DEPENDENCIES: { someDependant: "1.1.1" },
+	},
+	setupFiles: [require.resolve("whatwg-fetch")],
+	setupFilesAfterEnv: [here("unexpected.js"), here("./jestSetupFiles.js")],
+	transform: { "^.+\\.js$": here("./babel-transform") },
+	transformIgnorePatterns: ["/node_modules/(?!(?:" + require("./babel-whitelist.json").join("|") + ")/)"],
+	testMatch: ["**/*.test.js"],
+	testPathIgnorePatterns: [...ignores],
+	testURL: "http://localhost:8000/",
+	verbose: true,
+};
+
+if (!isCI) {
+	jestConfig["coverageReporters"] = ["html", "text-summary"];
+} else {
+	jestConfig["coverageReporters"] = ["json", "lcov", "text", "clover", "cobertura"];
+}
+
+module.exports = jestConfig;

package/src/config/jestSetupFiles.js

@@ -0,0 +1,4 @@
+import Enzyme from "enzyme";
+import Adapter from "enzyme-adapter-react-16";
+
+Enzyme.configure({ adapter: new Adapter() });

package/src/config/prettier.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+	useTabs: true,
+	trailingComma: "all",
+	printWidth: 120,
+	arrowParens: "avoid",
+	endOfLine: "auto",
+	tabWidth: 2,
+	semi: true,
+};

package/src/config/setAssetPath.js

@@ -0,0 +1 @@
+__webpack_public_path__ = window.ASSET_PATH || "/"; // eslint-disable-line