add scripts to CI (#215)

* add bootstrap command

* update babel env

* add prettier command

* prettier EVERYTHING

* remove per-package prettier settings

* add semicolons back

* resolvejsonmodule

* resolvejsonmodule

* resolveJsonModule for codegen package

* use node v10

* resolveJsonModule for jsx package

* fix storybook test script

* remove jest from react-native

* remove storybook test command until we have tests so it doesn't error builds

* remove react native native test until out of beta

* explicit node modules directory to supprt symlinks in jest

* remove angular and amp tests until we get proper tests setup

* remove more test commands that have no tests written yet

* same as prior :D

* fix tests

* package locks

* fix install command

* remove shopify tests for now - no clue why the CI can't find a package

Author: steve8708

.circleci/config.yml

@@ -5,15 +5,18 @@ jobs:
   build-and-test:
     executor:
       name: node/default
+      tag: '10'
     steps:
       - checkout
       - node/with-cache:
           steps:
             - run: npm install
+            - run: npm run prettier -- --check .
             - run: npm run _install
+            - run: npm run bootstrap
             - run: npm test
             - run: npm run build
 workflows:
-    build-and-test:
-      jobs:
-        - build-and-test
+  build-and-test:
+    jobs:
+      - build-and-test

.prettierrc

@@ -1,5 +1,6 @@
 {
   "printWidth": 100,
   "trailingComma": "es5",
-  "singleQuote": true
+  "singleQuote": true,
+  "arrowParens": "avoid"
 }

.travis.yml

@@ -141,7 +141,7 @@ Register a component
 ```tsx
 import { Builder } from '@builder.io/react';
 
-const SimpleText = (props) => <h1>{props.text}</h1>;
+const SimpleText = props => <h1>{props.text}</h1>;
 
 Builder.registerComponent(SimpleText, {
   name: 'Simple Text',
@@ -205,7 +205,7 @@ export default () => (
 
 ### Data models, components, SEO, and more
 
-Builder.io gives you a ton more power and control than just page building. Check our guides on 
+Builder.io gives you a ton more power and control than just page building. Check our guides on
 
 - [Custom models](https://builder.io/c/docs/guides/getting-started-with-models)
 - [Custom design systems in Builder.io](https://github.com/BuilderIO/builder/tree/master/examples/react-design-system)
@@ -214,12 +214,14 @@ Builder.io gives you a ton more power and control than just page building. Check
 - [Components only mode](https://www.builder.io/c/docs/guides/components-only-mode)
 
 Additional framework support:
+
 - [Gatsby](https://github.com/BuilderIO/builder/tree/master/examples/gatsby)
 - [Next.js](https://github.com/BuilderIO/builder/tree/master/examples/next-js)
 - [Angular](https://github.com/BuilderIO/builder/tree/master/packages/angular)
 - [HTML API (for any framework)](https://builder.io/c/docs/html-api)
 
 As well as some handy power features like:
+
 - [Symbols](https://builder.io/c/docs/guides/symbols)
 - [Dynamic data fetching and binding](https://builder.io/c/docs/guides/advanced-data)
 - [State handling](https://builder.io/c/docs/guides/state-and-actions)
@@ -245,7 +247,6 @@ if (page) {
 
 ✨**Tip:** You can make reusable components for your Builder.io pages using [symbols](https://builder.io/c/docs/guides/symbols)
 
-
 ## How it works
 
 ![How it works](https://i.imgur.com/tAnTKeN.png)

README.md

@@ -1,6 +1,6 @@
 # Builder.io Angular Universal example
 
-This is an example of using Builder.io for dynamic page building with Angular and Angular Universal for server side rendering. 
+This is an example of using Builder.io for dynamic page building with Angular and Angular Universal for server side rendering.
 
 See the full Angular SDK source code and docs over [here](/packages/angular)
 

examples/angular-universal/README.md

@@ -1,20 +1,20 @@
 // Load zone.js for the server.
 import 'zone.js/dist/zone-node';
 import 'reflect-metadata';
-import {readFileSync, writeFileSync, existsSync, mkdirSync} from 'fs';
-import {join} from 'path';
+import { readFileSync, writeFileSync, existsSync, mkdirSync } from 'fs';
+import { join } from 'path';
 
-import {enableProdMode} from '@angular/core';
+import { enableProdMode } from '@angular/core';
 // Faster server renders w/ Prod mode (dev mode never needed)
 enableProdMode();
 
 // Import module map for lazy loading
-import {provideModuleMap} from '@nguniversal/module-map-ngfactory-loader';
-import {renderModuleFactory} from '@angular/platform-server';
-import {ROUTES} from './static.paths';
+import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader';
+import { renderModuleFactory } from '@angular/platform-server';
+import { ROUTES } from './static.paths';
 
 // * NOTE :: leave this as require() since this file is built Dynamically from webpack
-const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require('./server/main');
+const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./server/main');
 
 const BROWSER_FOLDER = join(process.cwd(), 'browser');
 
@@ -33,11 +33,13 @@ ROUTES.forEach(route => {
   }
 
   // Writes rendered HTML to index.html, replacing the file if it already exists.
-  previousRender = previousRender.then(_ => renderModuleFactory(AppServerModuleNgFactory, {
-    document: index,
-    url: route,
-    extraProviders: [
-      provideModuleMap(LAZY_MODULE_MAP)
-    ]
-  })).then(html => writeFileSync(join(fullPath, 'index.html'), html));
+  previousRender = previousRender
+    .then(_ =>
+      renderModuleFactory(AppServerModuleNgFactory, {
+        document: index,
+        url: route,
+        extraProviders: [provideModuleMap(LAZY_MODULE_MAP)],
+      })
+    )
+    .then(html => writeFileSync(join(fullPath, 'index.html'), html));
 });

examples/angular-universal/prerender.ts

@@ -22,12 +22,13 @@ const DIST_FOLDER = join(process.cwd(), 'dist');
 const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./server/main');
 
 // Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine)
-app.engine('html', ngExpressEngine({
-  bootstrap: AppServerModuleNgFactory,
-  providers: [
-    provideModuleMap(LAZY_MODULE_MAP)
-  ]
-}));
+app.engine(
+  'html',
+  ngExpressEngine({
+    bootstrap: AppServerModuleNgFactory,
+    providers: [provideModuleMap(LAZY_MODULE_MAP)],
+  })
+);
 
 app.set('view engine', 'html');
 app.set('views', join(DIST_FOLDER, 'browser'));
@@ -36,9 +37,12 @@ app.set('views', join(DIST_FOLDER, 'browser'));
 // app.get('/api/**', (req, res) => { });
 
 // Server static files from /browser
-app.get('*.*', express.static(join(DIST_FOLDER, 'browser'), {
-  maxAge: '1y'
-}));
+app.get(
+  '*.*',
+  express.static(join(DIST_FOLDER, 'browser'), {
+    maxAge: '1y',
+  })
+);
 
 // All regular routes use the Universal engine
 app.get('*', (req, res) => {

examples/angular-universal/server.ts

@@ -8,13 +8,8 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2017",
-      "dom"
-    ]
+    "typeRoots": ["node_modules/@types"],
+    "lib": ["es2017", "dom"]
   },
   "include": ["server.ts", "prerender.ts"]
 }

examples/angular-universal/server.tsconfig.json

@@ -1,3 +1,3 @@
 export const environment = {
-  production: true
+  production: true,
 };

examples/angular-universal/src/environments/environment.prod.ts

@@ -4,5 +4,5 @@
 // The list of which env maps to which file can be found in `.angular.json`.
 
 export const environment = {
-  production: false
+  production: false,
 };

examples/angular-universal/src/environments/environment.ts

@@ -1,14 +1,14 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>NgUniversalDemo</title>
-  <base href="/">
+  <head>
+    <meta charset="utf-8" />
+    <title>NgUniversalDemo</title>
+    <base href="/" />
 
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>

examples/angular-universal/src/index.html

@@ -41,21 +41,16 @@
 import 'core-js/es6/reflect';
 import 'core-js/es7/reflect';
 
-
 /**
  * Required to support Web Animations `@angular/animation`.
  * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
  **/
 // import 'web-animations-js';  // Run `npm install web-animations-js`.
 
-
-
 /***************************************************************************************************
  * Zone JS is required by Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
-
+import 'zone.js/dist/zone'; // Included with Angular CLI.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS

examples/angular-universal/src/polyfills.ts

@@ -4,12 +4,7 @@
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
     "module": "es2015",
-    "types": [
-      "node"
-    ]
+    "types": ["node"]
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
-  ]
+  "exclude": ["test.ts", "**/*.spec.ts"]
 }

examples/angular-universal/src/tsconfig.app.json

@@ -5,14 +5,9 @@
     "baseUrl": "./",
     // Set the module format to "commonjs":
     "module": "commonjs",
-    "types": [
-      "node"
-    ]
+    "types": ["node"]
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
-  ],
+  "exclude": ["test.ts", "**/*.spec.ts"],
   // Add "angularCompilerOptions" with the AppServerModule you wrote
   // set as the "entryModule".
   "angularCompilerOptions": {

examples/angular-universal/src/tsconfig.server.json

@@ -1,5 +1 @@
-export const ROUTES = [
-  '/',
-  '/lazy',
-  '/lazy/nested'
-];
+export const ROUTES = ['/', '/lazy', '/lazy/nested'];

examples/angular-universal/static.paths.ts

@@ -9,12 +9,7 @@
     "experimentalDecorators": true,
     "skipLibCheck": true,
     "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2017",
-      "dom"
-    ]
+    "typeRoots": ["node_modules/@types"],
+    "lib": ["es2017", "dom"]
   }
 }