[wip] Upload hex

editor/client/app/components/style.scss

@@ -17,3 +17,4 @@
 @import "ui-route/projects/index/style";
 @import "ui-route/projects/new/style";
 @import "ui-route/projects/project/index/style";
+@import "ui-route/emulators/hex/style";

editor/client/app/components/ui-route/emulators/hex/component.js

@@ -0,0 +1,14 @@
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+
+let base = 'https://felipemanga.github.io/ProjectABE/?skin=BareFit&color=FFFFFF&url='
+
+export default Component.extend({
+  classNameBindings: [ ':ui-route-emulators-hex' ],
+
+  url: computed('model.url', function() {
+    let { model: { url } } = this;
+    return `${base}${encodeURIComponent(url)}`;
+  }).readOnly(),
+
+});

editor/client/app/components/ui-route/emulators/hex/style.scss

@@ -0,0 +1,17 @@
+.ui-route-emulators-hex {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  > .content {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid fade-out(#000, 0.7);
+    box-shadow: 0 1px 5px fade-out(#000, 0.7);
+    > .iframe {
+      width: 512px;
+      height: 256px;
+    }
+  }
+}

editor/client/app/components/ui-route/emulators/hex/template.hbs

@@ -0,0 +1,3 @@
+<div class="content">
+  <iframe src={{url}} class="iframe"></iframe>
+</div>

editor/client/app/router.js

@@ -19,6 +19,11 @@ Router.map(function() {
     });
   });
 
+  this.route('emulators', function() {
+    this.route('hex', { path: ':hex_id' }, function() {
+    });
+  });
+
   this.route('users', function() {
     this.route('new');
   });

editor/client/app/routes/emulators/hex.js

@@ -0,0 +1,29 @@
+import Route from '@ember/routing/route';
+import { route } from 'ember-cli-zuglet/lifecycle';
+import { BreadcrumbsMixin, breadcrumb } from '../-breadcrumbs';
+
+export default Route.extend(BreadcrumbsMixin, {
+
+  model: route().inline({
+
+    breadcrumb: breadcrumb({
+      title: "Emulator"
+    }),
+
+    id: null,
+    url: null,
+
+    prepare(route, { hex_id }) {
+      this.setProperties({ id: hex_id });
+    },
+
+    async load() {
+      let ref = this.store.storage.ref(`builds/${this.id}.hex`);
+      await ref.url.load();
+      let url = ref.url.value;
+      this.setProperties({ url });
+    }
+
+  })
+
+});

editor/client/app/templates/emulators/hex.hbs

@@ -0,0 +1 @@
+{{ui-route/emulators/hex model=model}}

editor/firebase/rules/storage.rules

@@ -1,7 +1,8 @@
 service firebase.storage {
   match /b/{bucket}/o {
     match /{allPaths=**} {
-      allow read, write: if request.auth!=null;
+      allow read: if true;
+      allow write: if false;
     }
   }
 }