initial commit

Author: okwolf

LICENSE.md

@@ -0,0 +1,19 @@
+Copyright © 2017-present Wolfgang
+
+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.

bin/index.js

@@ -0,0 +1,63 @@
+#!/usr/bin/env node
+
+const get = prop => value => value[prop];
+const flatten = (others, next) => others.concat(next);
+const getLoadersFromRules = (rules, path, loaderName) =>
+  rules
+    .filter(get(path))
+    .map(get(path))
+    .reduce(flatten, [])
+    .filter(get("loader"))
+    .filter(({ loader }) => loader.includes(loaderName));
+
+const script = process.argv[2] || "start";
+process.env.NODE_ENV = script === "build" ? "production" : "development";
+
+const webpackConfigPath = `react-scripts/config/webpack.config.${
+  script === "build" ? "prod" : "dev"
+}`;
+
+// load original configs
+const webpackConfig = require(webpackConfigPath);
+if (!webpackConfig) {
+  throw new Error(`no Webpack config found for: ${webpackConfigPath}`);
+}
+const { module: { rules = [] } = {} } = webpackConfig;
+
+const eslintLoaders = getLoadersFromRules(rules, "use", "eslint");
+if (!eslintLoaders.length) {
+  throw new Error(
+    `missing ESLint config in webpack config: ${webpackConfigPath}`
+  );
+}
+const eslintConfig = eslintLoaders[0].options.baseConfig;
+
+const babelLoaders = getLoadersFromRules(rules, "oneOf", "babel");
+if (!babelLoaders.length) {
+  throw new Error(
+    `missing Babel config in webpack config: ${webpackConfigPath}`
+  );
+}
+const babelOptions = babelLoaders[0].options;
+
+// override ESLint rules to allow using JSX with Hyperapp
+eslintConfig.rules = Object.assign(eslintConfig.rules || {}, {
+  "react/react-in-jsx-scope": "off",
+  "no-unused-vars": [
+    "warn",
+    {
+      varsIgnorePattern: "^h$"
+    }
+  ]
+});
+
+// configure babel to allow using JSX with Hyperapp
+babelOptions.plugins = (babelOptions.plugins || []).concat([
+  ["transform-react-jsx", { pragma: "h", useBuiltIns: true }]
+]);
+
+// override config in cache
+require.cache[require.resolve(webpackConfigPath)].exports = webpackConfig;
+
+// call original react script
+require(`react-scripts/scripts/${script}.js`);

package.json

@@ -0,0 +1,21 @@
+{
+  "name": "cra-hyperapp",
+  "version": "0.0.1",
+  "description": "Hyperapp expansion pack for create-react-app",
+  "bin": {
+    "hyperapp-scripts": "./bin/index.js"
+  },
+  "scripts": {
+    "format": "npx prettier --write **/*.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/okwolf/cra-hyperapp.git"
+  },
+  "author": "Wolfgang Wedemeyer <wolf@okwolf.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/okwolf/cra-hyperapp/issues"
+  },
+  "homepage": "https://github.com/okwolf/cra-hyperapp"
+}