Initial spike of django page loading

nypublicradio · Feb 4, 2016 · 33f582e · 33f582e
commit 33f582e
Show file tree

Hide file tree

Showing 44 changed files with 558 additions and 0 deletions.
diff --git a/.bowerrc b/.bowerrc
@@ -0,0 +1,4 @@
+{
+  "directory": "bower_components",
+  "analytics": false
+}
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,34 @@
+# 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
+
+[*.js]
+indent_style = space
+indent_size = 2
+
+[*.hbs]
+insert_final_newline = false
+indent_style = space
+indent_size = 2
+
+[*.css]
+indent_style = space
+indent_size = 2
+
+[*.html]
+indent_style = space
+indent_size = 2
+
+[*.{diff,md}]
+trim_trailing_whitespace = false
diff --git a/.ember-cli b/.ember-cli
@@ -0,0 +1,9 @@
+{
+  /**
+    Ember CLI sends analytics information by default. The data is completely
+    anonymous, but there are times when you might want to disable this behavior.
+
+    Setting `disableAnalytics` to true will prevent any data from being sent.
+  */
+  "disableAnalytics": false
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,17 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+
+# dependencies
+/node_modules
+/bower_components
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage/*
+/libpeerconnection.log
+npm-debug.log
+testem.log
diff --git a/.jshintrc b/.jshintrc
@@ -0,0 +1,32 @@
+{
+  "predef": [
+    "document",
+    "window",
+    "-Promise"
+  ],
+  "browser": true,
+  "boss": true,
+  "curly": true,
+  "debug": false,
+  "devel": true,
+  "eqeqeq": true,
+  "evil": true,
+  "forin": false,
+  "immed": false,
+  "laxbreak": false,
+  "newcap": true,
+  "noarg": true,
+  "noempty": false,
+  "nonew": false,
+  "nomen": false,
+  "onevar": false,
+  "plusplus": false,
+  "regexp": false,
+  "undef": true,
+  "sub": true,
+  "strict": false,
+  "white": false,
+  "eqnull": true,
+  "esnext": true,
+  "unused": true
+}
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,23 @@
+---
+language: node_js
+node_js:
+  - "0.12"
+
+sudo: false
+
+cache:
+  directories:
+    - node_modules
+
+before_install:
+  - export PATH=/usr/local/phantomjs-2.0.0/bin:$PATH
+  - "npm config set spin false"
+  - "npm install -g npm@^2"
+
+install:
+  - npm install -g bower
+  - npm install
+  - bower install
+
+script:
+  - npm test
diff --git a/.watchmanconfig b/.watchmanconfig
@@ -0,0 +1,3 @@
+{
+  "ignore_dirs": ["tmp"]
+}
diff --git a/README.md b/README.md
@@ -0,0 +1,3 @@
+This is a work-in-progress to test the feasibility of encapsulating the entire existing WNYC site within a persistent AJAX-driven application.
+
+At this point it's structured as a completely standard Ember app that simply treats the existing website as a backend API.
diff --git a/app/adapters/django-page.js b/app/adapters/django-page.js
@@ -0,0 +1,9 @@
+import DS from 'ember-data';
+import fetch from 'fetch';
+
+export default DS.Adapter.extend({
+  findRecord(store, type, id /*, snapshot */) {
+    return fetch('/wnyc/' + id)
+      .then(response => response.text());
+  }
+});
diff --git a/app/app.js b/app/app.js
@@ -0,0 +1,18 @@
+import Ember from 'ember';
+import Resolver from 'ember/resolver';
+import loadInitializers from 'ember/load-initializers';
+import config from './config/environment';
+
+var App;
+
+Ember.MODEL_FACTORY_INJECTIONS = true;
+
+App = Ember.Application.extend({
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix,
+  Resolver: Resolver
+});
+
+loadInitializers(App, config.modulePrefix);
+
+export default App;
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>WnycWrapper</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for 'head'}}
+
+    <link rel="stylesheet" href="assets/vendor.css">
+    <link rel="stylesheet" href="assets/wnyc-wrapper.css">
+
+    {{content-for 'head-footer'}}
+  </head>
+  <body>
+    {{content-for 'body'}}
+
+    <script src="assets/vendor.js"></script>
+    <script src="assets/wnyc-wrapper.js"></script>
+
+    {{content-for 'body-footer'}}
+  </body>
+</html>
diff --git a/app/models/.gitkeep b/app/models/.gitkeep
diff --git a/app/models/django-page.js b/app/models/django-page.js
@@ -0,0 +1,5 @@
+import DS from 'ember-data';
+
+export default DS.Model.extend({
+  text: DS.attr()
+});
diff --git a/app/router.js b/app/router.js
@@ -0,0 +1,12 @@
+import Ember from 'ember';
+import config from './config/environment';
+
+var Router = Ember.Router.extend({
+  location: config.locationType
+});
+
+Router.map(function() {
+  this.route('django-rendered', { path: '*upstream_url' });
+});
+
+export default Router;
diff --git a/app/routes/.gitkeep b/app/routes/.gitkeep
diff --git a/app/routes/django-rendered.js b/app/routes/django-rendered.js
@@ -0,0 +1,10 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model({ upstream_url }) {
+    // This adds trailing slashes, because the server's redirect
+    // doesn't otherwise work correctly due to the proxying I'm using
+    // in development (which is neeeded due to CORs).
+    return this.store.find('django-page', upstream_url.replace(/\/*$/, '/'));
+  }
+});
diff --git a/app/routes/index.js b/app/routes/index.js
@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model() {
+    return this.store.find('django-page', '/');
+  }
+});
diff --git a/app/serializers/django-page.js b/app/serializers/django-page.js
@@ -0,0 +1,15 @@
+import DS from 'ember-data';
+
+export default DS.Serializer.extend({
+  normalizeResponse(store, primaryModelClass, payload, id /*, requestType */) {
+    return {
+      data: {
+        type: 'django-page',
+        id,
+        attributes: {
+          text: payload
+        }
+      }
+    };
+  }
+});
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 @@
+{{outlet}}
diff --git a/app/templates/components/.gitkeep b/app/templates/components/.gitkeep
diff --git a/app/templates/components/django-page.hbs b/app/templates/components/django-page.hbs
@@ -0,0 +1 @@
+{{{page.text}}}
diff --git a/app/templates/django-rendered.hbs b/app/templates/django-rendered.hbs
@@ -0,0 +1 @@
+{{django-page page=model}}
diff --git a/app/templates/index.hbs b/app/templates/index.hbs
@@ -0,0 +1 @@
+{{django-page page=model}}
diff --git a/bower.json b/bower.json
@@ -0,0 +1,19 @@
+{
+  "name": "wnyc-wrapper",
+  "dependencies": {
+    "ember": "2.1.0",
+    "ember-cli-shims": "ember-cli/ember-cli-shims#0.0.3",
+    "ember-cli-test-loader": "ember-cli-test-loader#0.1.3",
+    "ember-data": "2.1.0",
+    "ember-load-initializers": "ember-cli/ember-load-initializers#0.1.5",
+    "ember-qunit": "0.4.9",
+    "ember-qunit-notifications": "0.0.7",
+    "ember-resolver": "~0.1.18",
+    "jquery": "^1.11.3",
+    "loader.js": "ember-cli/loader.js#3.2.1",
+    "qunit": "~1.18.0"
+  },
+  "resolutions": {
+    "ember": "2.1.0"
+  }
+}
diff --git a/config/environment.js b/config/environment.js
@@ -0,0 +1,47 @@
+/* jshint node: true */
+
+module.exports = function(environment) {
+  var ENV = {
+    modulePrefix: 'wnyc-wrapper',
+    environment: environment,
+    baseURL: '/',
+    locationType: 'auto',
+    EmberENV: {
+      FEATURES: {
+        // Here you can enable experimental features on an ember canary build
+        // e.g. 'with-controller': true
+      }
+    },
+
+    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.baseURL = '/';
+    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';
+  }
+
+  if (environment === 'production') {
+
+  }
+
+  return ENV;
+};
diff --git a/ember-cli-build.js b/ember-cli-build.js
@@ -0,0 +1,23 @@
+/* global require, module */
+var EmberApp = require('ember-cli/lib/broccoli/ember-app');
+
+module.exports = function(defaults) {
+  var app = new EmberApp(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();
+};
diff --git a/package.json b/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "wnyc-wrapper",
+  "version": "0.0.0",
+  "description": "Small description for wnyc-wrapper goes here",
+  "private": true,
+  "directories": {
+    "doc": "doc",
+    "test": "tests"
+  },
+  "scripts": {
+    "build": "ember build",
+    "start": "ember server",
+    "test": "ember test"
+  },
+  "repository": "",
+  "engines": {
+    "node": ">= 0.10.0"
+  },
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "broccoli-asset-rev": "^2.1.2",
+    "ember-cli": "1.13.8",
+    "ember-cli-app-version": "0.5.0",
+    "ember-cli-babel": "^5.1.3",
+    "ember-cli-dependency-checker": "^1.0.1",
+    "ember-cli-htmlbars": "0.7.9",
+    "ember-cli-htmlbars-inline-precompile": "^0.2.0",
+    "ember-cli-ic-ajax": "0.2.1",
+    "ember-cli-inject-live-reload": "^1.3.1",
+    "ember-cli-qunit": "^1.0.0",
+    "ember-cli-release": "0.2.3",
+    "ember-cli-sri": "^1.0.3",
+    "ember-cli-uglify": "^1.2.0",
+    "ember-data": "2.1.0",
+    "ember-disable-proxy-controllers": "^1.0.0",
+    "ember-export-application-global": "^1.0.3",
+    "ember-fetch": "^1.2.2",
+    "glob": "^4.5.3",
+    "http-proxy": "^1.12.0",
+    "morgan": "^1.6.1"
+  }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		This is a work-in-progress to test the feasibility of encapsulating the entire existing WNYC site within a persistent AJAX-driven application.

		At this point it's structured as a completely standard Ember app that simply treats the existing website as a backend API.