hi glimmer

Author: steveklabnik

frontend/.editorconfig

@@ -0,0 +1,20 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+
+[*.hbs]
+insert_final_newline = false
+
+[*.{diff,md}]
+trim_trailing_whitespace = false

frontend/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+tmp
+dist

frontend/.watchmanconfig

@@ -0,0 +1,3 @@
+{
+  "ignore_dirs": ["tmp", "dist"]
+}

frontend/README.md

@@ -0,0 +1,34 @@
+# frontend
+
+This README outlines the details of collaborating on this Glimmer 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/) (with NPM)
+* [Yarn](https://yarnpkg.com/en/)
+* [Ember CLI](https://ember-cli.com/)
+
+## Installation
+
+* `git clone <repository-url>` this repository
+* `cd frontend`
+* `yarn`
+
+## Running / Development
+
+* `ember serve`
+* Visit your app at [http://localhost:4200](http://localhost:4200).
+
+### Building
+
+* `ember build` (development)
+* `ember build --environment production` (production)
+
+## Further Reading / Useful Links
+
+* [glimmerjs](http://github.com/tildeio/glimmer/)
+* [ember-cli](https://ember-cli.com/)

frontend/config/environment.js

@@ -0,0 +1,10 @@
+'use strict';
+
+module.exports = function(environment) {
+  let ENV = {
+    modulePrefix: 'frontend-app',
+    environment: environment
+  };
+
+  return ENV;
+};

frontend/config/module-map.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This is just a placeholder file to keep TypeScript aware editors happy. At build time,
+ * it will be replaced with a complete map of resolvable module paths => rolled up contents.
+ */
+
+export interface Dict<T> {
+  [index: string]: T;
+}
+
+declare let map: Dict<any>;
+export default map;

frontend/config/resolver-configuration.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This is just a placeholder file to keep TypeScript aware editors happy. At build time,
+ * it will be replaced with a resolver configuration composed from your application's
+ * `config/environment.js` (and supplemented with default settings as possible).
+ */
+
+import { ResolverConfiguration } from '@glimmer/resolver';
+declare var _default: ResolverConfiguration;
+export default _default;

frontend/ember-cli-build.js

@@ -0,0 +1,24 @@
+'use strict';
+
+const GlimmerApp = require('@glimmer/application-pipeline').GlimmerApp;
+
+module.exports = function(defaults) {
+  let app = new GlimmerApp(defaults, {
+    // Add options here
+  });
+
+  // Use `app.import` to add additional libraries to the generated
+  // output files.
+  //
+  // If you need to use different assets in different
+  // environments, specify an object as the first parameter. That
+  // object's keys should be the environment name and the values
+  // should be the asset to use in that environment.
+  //
+  // If the library that you are including contains AMD or ES6
+  // modules that you would like to import into your application
+  // please specify an object with the list of modules as keys
+  // along with the exports of each module as its value.
+
+  return app.toTree();
+};

frontend/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "frontend",
+  "version": "0.0.0",
+  "description": "A brand new Glimmer app.",
+  "directories": {
+    "doc": "doc",
+    "test": "tests"
+  },
+  "scripts": {
+    "build": "ember build",
+    "start": "ember server",
+    "test": "ember test"
+  },
+  "devDependencies": {
+    "@glimmer/application": "^0.5.1",
+    "@glimmer/application-pipeline": "^0.7.0",
+    "@glimmer/blueprint": "^0.2.1",
+    "@glimmer/resolver": "^0.3.0",
+    "broccoli-asset-rev": "^2.5.0",
+    "ember-cli": "^2.14.0-beta.2",
+    "ember-cli-inject-live-reload": "^1.6.1",
+    "ember-cli-uglify": "^1.2.0",
+    "ember-cli-sass": "^6.2.0",
+    "typescript": "^2.2.2"
+  },
+  "engines": {
+    "node": ">= 4.0"
+  },
+  "private": true
+}

frontend/public/robots.txt

@@ -0,0 +1,3 @@
+# http://www.robotstxt.org
+User-agent: *
+Disallow:

frontend/src/index.ts

@@ -0,0 +1,19 @@
+import App from './main';
+import { ComponentManager, setPropertyDidChange } from '@glimmer/component';
+
+const app = new App();
+const containerElement = document.getElementById('app');
+
+setPropertyDidChange(() => {
+  app.scheduleRerender();
+});
+
+app.registerInitializer({
+  initialize(registry) {
+    registry.register(`component-manager:/${app.rootName}/component-managers/main`, ComponentManager);
+  }
+});
+
+app.renderComponent('frontend-app', containerElement, null);
+
+app.boot();

frontend/src/main.ts

@@ -0,0 +1,16 @@
+import Application from '@glimmer/application';
+import Resolver, { BasicModuleRegistry } from '@glimmer/resolver';
+import moduleMap from '../config/module-map';
+import resolverConfiguration from '../config/resolver-configuration';
+
+export default class App extends Application {
+  constructor() {
+    let moduleRegistry = new BasicModuleRegistry(moduleMap);
+    let resolver = new Resolver(resolverConfiguration, moduleRegistry);
+
+    super({
+      rootName: resolverConfiguration.app.rootName,
+      resolver
+    });
+  }
+}

frontend/src/ui/components/frontend-app/component.ts

@@ -0,0 +1,5 @@
+import Component from "@glimmer/component";
+
+export default class Frontend extends Component {
+
+}

frontend/src/ui/components/frontend-app/template.hbs

@@ -0,0 +1,3 @@
+<div>
+  <h1>Welcome to Glimmer!</h1>
+</div>

frontend/src/ui/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Hello Glimmer</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+
+    <link rel="stylesheet" href="{{rootURL}}app.css">
+
+    {{content-for "head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+
+    <div id="app"></div>
+    <script src="{{rootURL}}app.js"></script>
+
+    {{content-for "body-footer"}}
+  </body>
+</html>

frontend/src/ui/styles/app.scss

@@ -0,0 +1,3 @@
+h1 {
+  color: #444;
+}

frontend/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "es2015",
+    "inlineSourceMap": true,
+    "inlineSources": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true
+  },
+  "exclude": [
+    "node_modules",
+    "tmp",
+    "dist"
+  ]
+}