Keanu Lee keanulee

## Deploying PWA Starter Kit to Firebase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                keanulee
                / Deploying PWA Starter Kit to Firebase.md
            
            
              Created
              June 5, 2018 22:21
                — forked from Dabolus/Deploying PWA Starter Kit to Firebase.md
            
              
                A simple guide that explains how to deploy PWA Starter Kit to Firebase
              
          
    Deploying prpl-server to Firebase

Firebase Hosting alone is not sufficient for hosting the prpl-server build since it requires some server-side processing of the user agent string. Instead, you will have to use Firebase Functions for that.


Sign up for a Firebase account


Head over the Firebase Console and create your project. Make note of the project ID associated with your app


Install Firebase Command Line Tools:


$ npm i -g firebase-tools

  
## demo.html
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Responsive drawer layout with flexbox</title>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>
    body {

## check.js
var crypto = require('crypto'),
    shasum = crypto.createHash('sha1');

var fs = require('fs');

function checkHex(hex) {
  console.log('searching for', hex);
  var buffer = '';
  var numLines = 0;
  var rs = fs.createReadStream('data/pwned-passwords-1.0.txt');

## bower.json
{
  "name": "iron-list-448",
  "private": true,
  "dependencies": {
    "iron-list": "polymerelements/iron-list#^2.0.0",
    "polymer": "polymer/polymer#^1.9",
    "paper-card": "polymerelements/paper-card#^2.0.0"
  },
  "resolutions": {
    "webcomponentsjs": "^0.7.24"

## designer.html
<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-field/core-field.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-input/core-input.html">
<link rel="import" href="../core-icons/core-icons.html">

## designer.html
<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../paper-input/paper-input.html">
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../google-map/google-map.html">
<link rel="import" href="../google-map/google-map-search.html">
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Responsive drawer layout with flexbox</title>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style>
	body {
	var crypto = require('crypto'),
	shasum = crypto.createHash('sha1');

	var fs = require('fs');

	function checkHex(hex) {
	console.log('searching for', hex);
	var buffer = '';
	var numLines = 0;
	var rs = fs.createReadStream('data/pwned-passwords-1.0.txt');
	{
	"name": "iron-list-448",
	"private": true,
	"dependencies": {
	"iron-list": "polymerelements/iron-list#^2.0.0",
	"polymer": "polymer/polymer#^1.9",
	"paper-card": "polymerelements/paper-card#^2.0.0"
	},
	"resolutions": {
	"webcomponentsjs": "^0.7.24"
	<link rel="import" href="../core-scaffold/core-scaffold.html">
	<link rel="import" href="../core-header-panel/core-header-panel.html">
	<link rel="import" href="../core-menu/core-menu.html">
	<link rel="import" href="../core-item/core-item.html">
	<link rel="import" href="../core-icon-button/core-icon-button.html">
	<link rel="import" href="../core-toolbar/core-toolbar.html">
	<link rel="import" href="../core-field/core-field.html">
	<link rel="import" href="../core-icon/core-icon.html">
	<link rel="import" href="../core-input/core-input.html">
	<link rel="import" href="../core-icons/core-icons.html">