Added flow as template

psyycker · psyycker · commit be576c2d1ba0 · 2020-06-17T22:37:32.000+01:00
diff --git a/lib/cli.js b/lib/cli.js
@@ -29,9 +29,9 @@ module.exports = async () => {
       defaults.manager
     )
     .option(
-      '-t, --template <default|typescript>',
+      '-t, --template <default|typescript|flow>',
       'package template to use',
-      /^(default|typescript|custom)$/,
+      /^(default|typescript|flow|custom)$/,
       defaults.template
     )
     .option('-p, --template-path <string>', 'custom package template path')
diff --git a/lib/prompt-library-params.js b/lib/prompt-library-params.js
@@ -73,7 +73,7 @@ module.exports = async (opts) => {
         type: 'list',
         name: 'template',
         message: 'Template',
-        choices: ['default', 'typescript', 'custom'],
+        choices: ['default', 'typescript','flow', 'custom'],
         default: opts.template
       },
       {
diff --git a/package-lock.json b/package-lock.json
diff --git a/template/flow/.editorconfig b/template/flow/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/template/flow/.eslintignore b/template/flow/.eslintignore
@@ -0,0 +1,5 @@
+build/
+dist/
+node_modules/
+.snapshots/
+*.min.js
diff --git a/template/flow/.eslintrc b/template/flow/.eslintrc
@@ -0,0 +1,91 @@
+{
+  "parser": "babel-eslint",
+  "extends": [
+    "standard",
+    "standard-react",
+    "plugin:prettier/recommended",
+    "prettier/standard",
+    "prettier/react",
+    "flowtype"
+  ],
+  "env": {
+    "node": true
+  },
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "ecmaFeatures": {
+      "legacyDecorators": true,
+      "jsx": true
+    }
+  },
+  "settings": {
+    "react": {
+      "version": "16"
+    }
+  },
+  "rules": {
+    "space-before-function-paren": 0,
+    "react/prop-types": 0,
+    "react/jsx-handler-names": 0,
+    "react/jsx-fragments": 0,
+    "react/no-unused-prop-types": 0,
+    "import/export": 0,
+    "flowtype/boolean-style": [
+      2,
+      "boolean"
+    ],
+    "flowtype/define-flow-type": 1,
+    "flowtype/delimiter-dangle": [
+      2,
+      "never"
+    ],
+    "flowtype/generic-spacing": [
+      2,
+      "never"
+    ],
+    "flowtype/no-mixed": 2,
+    "flowtype/no-primitive-constructor-types": 2,
+    "flowtype/no-types-missing-file-annotation": 2,
+    "flowtype/no-weak-types": 2,
+    "flowtype/object-type-delimiter": [
+      2,
+      "comma"
+    ],
+    "flowtype/require-parameter-type": 2,
+    "flowtype/require-readonly-react-props": 0,
+    "flowtype/require-return-type": [
+      2,
+      "always",
+      {
+        "annotateUndefined": "never"
+      }
+    ],
+    "flowtype/require-valid-file-annotation": 2,
+    "flowtype/semi": [
+      2,
+      "always"
+    ],
+    "flowtype/space-after-type-colon": [
+      2,
+      "always"
+    ],
+    "flowtype/space-before-generic-bracket": [
+      2,
+      "never"
+    ],
+    "flowtype/space-before-type-colon": [
+      2,
+      "never"
+    ],
+    "flowtype/type-id-match": [
+      2,
+      "^([A-Z][a-z0-9]+)+Type$"
+    ],
+    "flowtype/union-intersection-spacing": [
+      2,
+      "always"
+    ],
+    "flowtype/use-flow-type": 1,
+    "flowtype/valid-syntax": 1
+  }
+}
diff --git a/template/flow/.gitignore b/template/flow/.gitignore
@@ -0,0 +1,20 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+node_modules
+
+# builds
+build
+dist
+
+# misc
+.DS_Store
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/template/flow/.prettierrc b/template/flow/.prettierrc
@@ -0,0 +1,10 @@
+{
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "semi": false,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "always",
+  "trailingComma": "none"
+}
diff --git a/template/flow/.travis.yml b/template/flow/.travis.yml
@@ -0,0 +1,4 @@
+language: node_js
+node_js:
+  - 12
+  - 10
diff --git a/template/flow/README.md b/template/flow/README.md
@@ -0,0 +1,30 @@
+# {{name}}
+
+> {{description}}
+
+[![NPM](https://img.shields.io/npm/v/{{name}}.svg)](https://www.npmjs.com/package/{{name}}) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save {{name}}
+```
+
+## Usage
+
+```jsx
+import React, { Component } from 'react'
+
+import MyComponent from '{{name}}'
+import '{{name}}/dist/index.css'
+
+class Example extends Component {
+  render() {
+    return <MyComponent />
+  }
+}
+```
+
+## License
+
+{{license}} © [{{author}}](https://github.com/{{author}})
diff --git a/template/flow/example/README.md b/template/flow/example/README.md
@@ -0,0 +1,5 @@
+This example was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+It is linked to the {{name}} package in the parent directory for development purposes.
+
+You can run `{{manager}} install` and then `{{manager}} start` to test your package.
diff --git a/template/flow/example/package.json b/template/flow/example/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "{{name}}-example",
+  "homepage": ".",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "node ../node_modules/react-scripts/bin/react-scripts.js start",
+    "build": "node ../node_modules/react-scripts/bin/react-scripts.js build",
+    "test": "node ../node_modules/react-scripts/bin/react-scripts.js test",
+    "eject": "node ../node_modules/react-scripts/bin/react-scripts.js eject"
+  },
+  "dependencies": {
+    "react": "{{#if yarn}}link:..{{else}}file:..{{/if}}/node_modules/react",
+    "react-dom": "{{#if yarn}}link:..{{else}}file:..{{/if}}/node_modules/react-dom",
+    "react-scripts": "{{#if yarn}}link:..{{else}}file:..{{/if}}/node_modules/react-scripts",
+    "{{name}}": "{{#if yarn}}link:..{{else}}file:..{{/if}}"
+  },
+  "devDependencies": {
+    "@babel/plugin-syntax-object-rest-spread": "^7.8.3"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/template/flow/example/public/favicon.ico b/template/flow/example/public/favicon.ico
diff --git a/template/flow/example/public/index.html b/template/flow/example/public/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <meta name="theme-color" content="#000000" />
+
+    <!--
+      manifest.json provides metadata used when your web app is added to the
+      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>{{name}}</title>
+  </head>
+
+  <body>
+    <noscript>
+      You need to enable JavaScript to run this app.
+    </noscript>
+
+    <div id="root"></div>
+
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/template/flow/example/public/manifest.json b/template/flow/example/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "{{name}}",
+  "name": "{{name}}",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/template/flow/example/src/App.js b/template/flow/example/src/App.js
@@ -0,0 +1,10 @@
+import React from 'react'
+
+import { ExampleComponent } from '{{name}}'
+import '{{name}}/dist/index.css'
+
+const App = () => {
+  return <ExampleComponent text="Create React Library Example 😄" />
+}
+
+export default App
diff --git a/template/flow/example/src/App.test.js b/template/flow/example/src/App.test.js
@@ -0,0 +1,9 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './App'
+
+it('renders without crashing', () => {
+  const div = document.createElement('div')
+  ReactDOM.render(<App />, div)
+  ReactDOM.unmountComponentAtNode(div)
+})
diff --git a/template/flow/example/src/index.css b/template/flow/example/src/index.css
@@ -0,0 +1,14 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
diff --git a/template/flow/example/src/index.js b/template/flow/example/src/index.js
@@ -0,0 +1,7 @@
+import './index.css'
+
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './App'
+
+ReactDOM.render(<App />, document.getElementById('root'))
diff --git a/template/flow/package.json b/template/flow/package.json
diff --git a/template/flow/src/.eslintrc b/template/flow/src/.eslintrc
diff --git a/template/flow/src/index.js b/template/flow/src/index.js
diff --git a/template/flow/src/index.test.js b/template/flow/src/index.test.js
diff --git a/template/flow/src/styles.module.css b/template/flow/src/styles.module.css

Original file line number	Diff line number	Diff line change
`@@ -29,9 +29,9 @@ module.exports = async () => {`
`29`	`29`	`defaults.manager`
`30`	`30`	`)`
`31`	`31`	`.option(`
`32`		`- '-t, --template <default\|typescript>',`
	`32`	`+ '-t, --template <default\|typescript\|flow>',`
`33`	`33`	`'package template to use',`
`34`		`- /^(default\|typescript\|custom)$/,`
	`34`	`+ /^(default\|typescript\|flow\|custom)$/,`
`35`	`35`	`defaults.template`
`36`	`36`	`)`
`37`	`37`	`.option('-p, --template-path <string>', 'custom package template path')`
Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@ module.exports = async (opts) => {`
`73`	`73`	`type: 'list',`
`74`	`74`	`name: 'template',`
`75`	`75`	`message: 'Template',`
`76`		`- choices: ['default', 'typescript', 'custom'],`
	`76`	`+ choices: ['default', 'typescript','flow', 'custom'],`
`77`	`77`	`default: opts.template`
`78`	`78`	`},`
`79`	`79`	`{`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +language: node_js
 +node_js:
 +  - 12
 +  - 10