chore: first commit

ember-micro-frontends · Oct 29, 2020 · 0e9beae · 0e9beae
commit 0e9beae
Show file tree

Hide file tree

Showing 36 changed files with 23,571 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist/
diff --git a/README.md b/README.md
@@ -0,0 +1,58 @@
+# people
+
+This README outlines the details of collaborating on this Ember application.
+A short introduction of this app could easily go here.
+
+## Prerequisites
+
+You will need the following things properly installed on your computer.
+
+* [Git](https://git-scm.com/)
+* [Node.js](https://nodejs.org/)
+* [Yarn](https://yarnpkg.com/)
+* [Ember CLI](https://ember-cli.com/)
+* [Google Chrome](https://google.com/chrome/)
+
+## Installation
+
+* `git clone <repository-url>` this repository
+* `cd planets`
+* `yarn install`
+
+## Running / Development
+
+* `ember serve`
+* Visit your app at [http://localhost:4200](http://localhost:4200).
+* Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).
+
+### Code Generators
+
+Make use of the many generators for code, try `ember help generate` for more details
+
+### Running Tests
+
+* `ember test`
+* `ember test --server`
+
+### Linting
+
+* `yarn lint:hbs`
+* `yarn lint:js`
+* `yarn lint:js --fix`
+
+### Building
+
+* `ember build` (development)
+* `ember build --environment production` (production)
+
+### Deploying
+
+Specify what it takes to deploy your app.
+
+## Further Reading / Useful Links
+
+* [ember.js](https://emberjs.com/)
+* [ember-cli](https://ember-cli.com/)
+* Development Browser Extensions
+  * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
+  * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)
diff --git a/app/app.js b/app/app.js
@@ -0,0 +1,39 @@
+import Application from '@ember/application';
+import Resolver from 'ember-resolver';
+import loadInitializers from 'ember-load-initializers';
+import config from './config/environment';
+
+export default class App extends Application {
+  modulePrefix = config.modulePrefix;
+  podModulePrefix = config.podModulePrefix;
+  Resolver = Resolver;
+}
+
+loadInitializers(App, config.modulePrefix);
+
+import singleSpaEmber from 'single-spa-ember';
+
+const emberLifecycles = singleSpaEmber({
+  App,
+  appName: 'navbar',
+  createOpts: {
+    rootElement: '#navbar',
+  }
+});
+
+export const bootstrap = emberLifecycles.bootstrap;
+export const mount = emberLifecycles.mount;
+export const unmount = emberLifecycles.unmount;
+
+/*
+export const unmount = () => {
+
+  return emberLifecycles.unmount().then(() => {
+
+  const app = Array.from(document.querySelectorAll('script')).filter(s => s.src.endsWith('/navbar/assets/navbar.js'))
+  document.head.removeChild(app[0]);
+  const vendor = Array.from(document.querySelectorAll('script')).filter(s => s.src.endsWith('/navbar/assets/vendor.js'))
+  document.head.removeChild(vendor[0]);
+  });
+}
+*/
diff --git a/app/components/.gitkeep b/app/components/.gitkeep
diff --git a/app/controllers/.gitkeep b/app/controllers/.gitkeep
diff --git a/app/helpers/.gitkeep b/app/helpers/.gitkeep
diff --git a/app/index.html b/app/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Navbar</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/navbar.css">
+
+    {{content-for "head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+
+    <script src="{{rootURL}}assets/vendor.js"></script>
+    <script src="{{rootURL}}assets/navbar.js"></script>
+
+    {{content-for "body-footer"}}
+  </body>
+</html>
diff --git a/app/models/.gitkeep b/app/models/.gitkeep
diff --git a/app/router.js b/app/router.js
@@ -0,0 +1,12 @@
+import EmberRouter from '@ember/routing/router';
+import config from './config/environment';
+
+export default class Router extends EmberRouter {
+  location = config.locationType;
+  rootURL = config.rootURL;
+}
+
+Router.map(function() {
+  this.route('people');
+  this.route('planets');
+});
diff --git a/app/routes/.gitkeep b/app/routes/.gitkeep
diff --git a/app/routes/application.js b/app/routes/application.js
@@ -0,0 +1,4 @@
+import Route from "@ember/routing/route";
+
+export default class ApplicationRoute extends Route {
+}
diff --git a/app/routes/index.js b/app/routes/index.js
@@ -0,0 +1,4 @@
+import Route from "@ember/routing/route";
+
+export default class IndexRoute extends Route {
+}
diff --git a/app/routes/people.js b/app/routes/people.js
@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default class PeopleRoute extends Route {
+}
diff --git a/app/routes/planets.js b/app/routes/planets.js
@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default class PlanetsRoute extends Route {
+}
diff --git a/app/styles/app.css b/app/styles/app.css
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
@@ -0,0 +1,16 @@
+ <div class="h-16 flex items-center justify-between px-6 bg-primary text-white">
+      <div class="flex items-center justify-between">
+        <LinkTo @route="index" class="p-6">Home</LinkTo> 
+        <LinkTo @route="people" class="p-6">People</LinkTo> 
+        <LinkTo @route="planets" class="p-6">Planets</LinkTo> 
+      </div>
+      <div class="flex items-center justify-between">
+        <a
+          href="https://github.com/ember-micro-frontends"
+          class="externalLink"
+        >
+          Github project
+        </a>
+      </div>
+    </div>
+{{outlet}}
diff --git a/app/templates/index.hbs b/app/templates/index.hbs
diff --git a/config/environment.js b/config/environment.js
@@ -0,0 +1,52 @@
+'use strict';
+
+module.exports = function(environment) {
+  let ENV = {
+    modulePrefix: 'navbar',
+    environment,
+    rootURL: '/',
+    locationType: 'history',
+    EmberENV: {
+      FEATURES: {
+        // Here you can enable experimental features on an ember canary build
+        // e.g. EMBER_NATIVE_DECORATOR_SUPPORT: true
+      },
+      EXTEND_PROTOTYPES: {
+        // Prevent Ember Data from overriding Date.parse.
+        Date: false,
+        String: false,
+      }
+    },
+
+    APP: {
+      // Here you can pass flags/options to your application instance
+      // when it is created
+    }
+  };
+
+  if (environment === 'development') {
+    // ENV.APP.LOG_RESOLVER = true;
+    // ENV.APP.LOG_ACTIVE_GENERATION = true;
+    // ENV.APP.LOG_TRANSITIONS = true;
+    // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
+    // ENV.APP.LOG_VIEW_LOOKUPS = true;
+  }
+
+  if (environment === 'test') {
+    // Testem prefers this...
+    ENV.locationType = 'none';
+
+    // keep test console output quieter
+    ENV.APP.LOG_ACTIVE_GENERATION = false;
+    ENV.APP.LOG_VIEW_LOOKUPS = false;
+
+    ENV.APP.rootElement = '#ember-testing';
+    ENV.APP.autoboot = false;
+  }
+
+  if (environment === 'production') {
+    // here you can enable a production-specific feature
+  }
+
+  return ENV;
+};
diff --git a/config/optional-features.json b/config/optional-features.json
@@ -0,0 +1,6 @@
+{
+  "application-template-wrapper": false,
+  "default-async-observers": true,
+  "jquery-integration": false,
+  "template-only-glimmer-components": true
+}
diff --git a/config/targets.js b/config/targets.js
@@ -0,0 +1,18 @@
+'use strict';
+
+const browsers = [
+  'last 1 Chrome versions',
+  'last 1 Firefox versions',
+  'last 1 Safari versions'
+];
+
+const isCI = !!process.env.CI;
+const isProduction = process.env.EMBER_ENV === 'production';
+
+if (isCI || isProduction) {
+  browsers.push('ie 11');
+}
+
+module.exports = {
+  browsers
+};
diff --git a/ember-cli-build.js b/ember-cli-build.js
@@ -0,0 +1,21 @@
+'use strict';
+
+const EmberApp = require('ember-cli/lib/broccoli/ember-app');
+
+module.exports = function(defaults) {
+  let app = new EmberApp(defaults, {
+    autoRun: false,
+    storeConfigInMeta: false,
+    fingerprint: {
+      customHash: null
+    }
+  });
+
+  app.import('node_modules/single-spa-ember/amd/single-spa-ember.js', {
+    using: [
+      { transformation: 'amd', as: 'single-spa-ember' }
+    ]
+  });
+
+  return app.toTree();
+};
diff --git a/package.json b/package.json
@@ -0,0 +1,65 @@
+{
+  "name": "navbar",
+  "version": "0.0.0",
+  "private": true,
+  "description": "Small description for people goes here",
+  "repository": "",
+  "license": "MIT",
+  "author": "",
+  "directories": {
+    "doc": "doc",
+    "test": "tests"
+  },
+  "scripts": {
+    "build": "ember build --environment=production",
+    "watch": "ember build --watch",
+    "lint": "npm-run-all --aggregate-output --continue-on-error --parallel lint:*",
+    "lint:hbs": "ember-template-lint .",
+    "lint:js": "eslint .",
+    "start": "ember serve --port 4200",
+    "test": "npm-run-all lint:* test:*",
+    "test:ember": "ember test",
+    "deploy": "npm run build && gh-pages -d dist"
+  },
+  "devDependencies": {
+    "@ember/optional-features": "^1.3.0",
+    "@glimmer/component": "^1.0.0",
+    "@glimmer/tracking": "^1.0.0",
+    "babel-eslint": "^10.1.0",
+    "broccoli-asset-rev": "^3.0.0",
+    "ember-auto-import": "^1.5.3",
+    "ember-cli": "~3.19.0",
+    "ember-cli-app-version": "^3.2.0",
+    "ember-cli-babel": "^7.20.5",
+    "ember-cli-dependency-checker": "^3.2.0",
+    "ember-cli-htmlbars": "^5.1.2",
+    "ember-cli-inject-live-reload": "^2.0.2",
+    "ember-cli-sri": "^2.1.1",
+    "ember-cli-uglify": "^3.0.0",
+    "ember-export-application-global": "^2.0.1",
+    "ember-fetch": "^8.0.1",
+    "ember-load-initializers": "^2.1.1",
+    "ember-maybe-import-regenerator": "^0.1.6",
+    "ember-qunit": "^4.6.0",
+    "ember-resolver": "^8.0.0",
+    "ember-source": "~3.19.0",
+    "ember-template-lint": "^2.8.0",
+    "eslint": "^7.1.0",
+    "eslint-plugin-ember": "^8.6.0",
+    "eslint-plugin-node": "^11.1.0",
+    "gh-pages": "^3.1.0",
+    "loader.js": "^4.7.0",
+    "npm-run-all": "^4.1.5",
+    "qunit-dom": "^1.2.0"
+  },
+  "engines": {
+    "node": "10.* || >= 12"
+  },
+  "ember": {
+    "edition": "octane"
+  },
+  "dependencies": {
+    "single-spa": "^5.8.0",
+    "single-spa-ember": "^0.2.0"
+  }
+}