Base scaffold code

marconi1992 · marconi1992 · commit f419c586ddff · 2019-08-21T11:55:25.000-05:00
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1 @@
+* text=auto
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+.DS_Store
+node_modules
+*.log
+package-lock.json
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Felipe Guizar Diaz <felipegaiacharly@gmail.com> (github.com/marconi1992)
+
+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.
diff --git a/README.md b/README.md
@@ -0,0 +1,23 @@
+# sao-hypernova-preact
+
+> Hypernova with Preacts boilerplate
+
+## Usage
+
+Install [SAO](https://github.com/saojs/sao) first.
+
+```bash
+yarn global add sao
+# or
+npm i -g sao
+```
+
+### From git
+
+```bash
+sao ara-framework/create-hypernova-preact my-project
+```
+
+## License
+
+MIT &copy; [marconi1992](github.com/marconi1992)
diff --git a/circle.yml b/circle.yml
@@ -0,0 +1,24 @@
+version: 2
+jobs:
+  build:
+    working_directory: ~/project
+    docker:
+      - image: circleci/node:latest
+    branches:
+      ignore:
+        - gh-pages # list of branches to ignore
+        - /release\/.*/ # or ignore regexes
+    steps:
+      - checkout
+      - restore_cache:
+          key: dependency-cache-{{ checksum "yarn.lock" }}
+      - run:
+          name: install dependences
+          command: yarn install
+      - save_cache:
+          key: dependency-cache-{{ checksum "yarn.lock" }}
+          paths:
+            - ./node_modules
+      - run:
+          name: test
+          command: yarn test
diff --git a/package.json b/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "sao-hypernova-preacts",
+  "version": "0.0.0",
+  "description": "Hypernova with Preact boilerplate",
+  "repository": {
+    "url": "ara-framework/create-hypernova-preact",
+    "type": "git"
+  },
+  "author": "marconi1992 <felipegaiacharly@gmail.com> (github.com/marconi1992)",
+  "license": "MIT",
+  "files": [
+    "saofile.js",
+    "template"
+  ],
+  "scripts": {
+    "test": "ava"
+  },
+  "dependencies": {
+    "superb": "^1.3.0"
+  },
+  "devDependencies": {
+    "sao": "^1.0.0"
+  }
+}
diff --git a/saofile.js b/saofile.js
@@ -0,0 +1,35 @@
+const superb = require('superb')
+
+module.exports = {
+  prompts() {
+    return [
+      {
+        name: 'name',
+        message: 'What is the name of the new project',
+        default: this.outFolder,
+        filter: val => val.toLowerCase()
+      },
+      {
+        name: 'description',
+        message: 'How would you descripe the new project',
+        default: `Another Hypernova React project`
+      }
+    ]
+  },
+  actions: [
+    {
+      type: 'add',
+      files: '**'
+    },
+    {
+      type: 'move',
+      patterns: {
+        gitignore: '.gitignore'
+      }
+    }
+  ],
+  async completed() {
+    await this.npmInstall()
+    this.showProjectTips()
+  }
+}
diff --git a/template/.babelrc b/template/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["airbnb"],
+}
diff --git a/template/.editorconfig b/template/.editorconfig
@@ -0,0 +1,5 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
diff --git a/template/.eslintrc b/template/.eslintrc
@@ -0,0 +1,6 @@
+{
+  "extends": [
+    "standard",
+    "standard-preact"
+  ]
+}
diff --git a/template/.gitattributes b/template/.gitattributes
@@ -0,0 +1 @@
+* text=auto
diff --git a/template/Dockerfile b/template/Dockerfile
@@ -0,0 +1,14 @@
+FROM node:10-slim
+
+WORKDIR /app
+
+COPY  . .
+
+RUN yarn install
+
+RUN yarn build
+
+ENV PORT=3000
+ENV NODE_ENV=production
+
+CMD [ "yarn", "start"]
diff --git a/template/README.md b/template/README.md
@@ -0,0 +1,3 @@
+# ara-react
+
+> Another Hypernova React project
diff --git a/template/gitignore b/template/gitignore
@@ -0,0 +1,3 @@
+node_modules
+yarn-error.log
+dist
diff --git a/template/package.json b/template/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "<%= name %>",
+  "description": "<%= description %>",
+  "version": "0.0.0",
+  "scripts": {
+    "build": "webpack --mode production",
+    "dev": "webpack --watch --mode development",
+    "start": "node dist/server.js",
+    "lint": "eslint ./ --ignore-pattern dist/"
+  },
+  "dependencies": {
+    "express": "^4.17.1",
+    "hypernova": "^2.5.0",
+    "nova-react": "^1.0.2-alpha.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.5.5",
+    "@babel/runtime": "^7.5.5",
+    "babel-loader": "^8.0.6",
+    "babel-preset-airbnb": "^4.0.1",
+    "css-loader": "^2.1.1",
+    "eslint": "^5.14.1",
+    "eslint-config-airbnb": "^18.0.1",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.14.3",
+    "eslint-plugin-react-hooks": "^1.7.0",
+    "nodemon-webpack-plugin": "^4.0.7",
+    "webpack": "^4.29.5",
+    "webpack-cli": "^3.2.3"
+  }
+}
diff --git a/template/src/client.js b/template/src/client.js
@@ -0,0 +1,5 @@
+import { renderReact } from 'nova-react';
+
+import Example from './components/Example';
+
+renderReact('Example', Example);
diff --git a/template/src/components/Example.jsx b/template/src/components/Example.jsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const Example = ({ title }) => <h1>{ title }</h1>;
+
+Example.propTypes = {
+  title: PropTypes.string.isRequired,
+};
+
+export default Example;
diff --git a/template/src/index.js b/template/src/index.js
@@ -0,0 +1,26 @@
+import hypernova from 'hypernova/server';
+import { renderReact } from 'nova-react';
+import express from 'express';
+import path from 'path';
+
+import Example from './components/Example';
+
+hypernova({
+  devMode: process.env.NODE_ENV !== 'production',
+  getComponent(name) {
+    if (name === 'Example') {
+      return renderReact(name, Example);
+    }
+
+    return null;
+  },
+  port: process.env.PORT || 3000,
+
+  createApplication() {
+    const app = express();
+
+    app.use('/public', express.static(path.join(process.cwd(), 'dist')));
+
+    return app;
+  },
+});
diff --git a/template/webpack.config.js b/template/webpack.config.js
@@ -0,0 +1,52 @@
+const path = require('path');
+const NodemonPlugin = require('nodemon-webpack-plugin');
+
+const server = {
+  target: 'node',
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: 'server.js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js|\.jsx$/,
+        exclude: /node_modules/,
+        use: 'babel-loader',
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+  },
+  plugins: [
+    new NodemonPlugin(),
+  ],
+};
+
+const client = {
+  target: 'web',
+  node: {
+    fs: 'empty',
+    module: 'empty',
+  },
+  entry: path.join(__dirname, 'src/client.js'),
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: 'client.js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js|\.jsx$/,
+        exclude: /node_modules/,
+        use: 'babel-loader',
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+  },
+};
+
+module.exports = [server, client];
diff --git a/template/yarn.lock b/template/yarn.lock
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "presets": ["airbnb"],`
	`3`	`+}`