Fix npm run build

Author: freedmand

rollup.config.js

@@ -7,35 +7,38 @@ import uglify from 'rollup-plugin-uglify';
 const production = !process.env.ROLLUP_WATCH;
 
 export default {
-	input: 'src/main.js',
-	output: {
-		sourcemap: true,
-		format: 'iife',
-		name: 'app',
-		file: 'public/bundle.js'
-	},
-	plugins: [
-		svelte({
-			// enable run-time checks when not in production
-			dev: !production,
-			// we'll extract any component CSS out into
-			// a separate file — better for performance
-			css: css => {
-				css.write('public/bundle.css');
-			}
-		}),
+  input: 'src/main.js',
+  output: {
+    sourcemap: true,
+    format: 'iife',
+    name: 'app',
+    file: 'public/bundle.js'
+  },
+  plugins: [
+    svelte({
+      // enable run-time checks when not in production
+      dev: !production,
+      // we'll extract any component CSS out into
+      // a separate file — better for performance
+      css: css => {
+        css.write('public/bundle.css');
+      }
+    }),
 
-		// If you have external dependencies installed from
-		// npm, you'll most likely need these plugins. In
-		// some cases you'll need additional configuration —
-		// consult the documentation for details:
-		// https://github.com/rollup/rollup-plugin-commonjs
-		resolve(),
-		commonjs(),
+    // If you have external dependencies installed from
+    // npm, you'll most likely need these plugins. In
+    // some cases you'll need additional configuration —
+    // consult the documentation for details:
+    // https://github.com/rollup/rollup-plugin-commonjs
+    resolve(),
+    commonjs(),
 
-		// If we're building for production (npm run build
-		// instead of npm run dev), transpile and minify
-		production && buble({ exclude: 'node_modules/**' }),
-		production && uglify()
-	]
+    // If we're building for production (npm run build
+    // instead of npm run dev), transpile and minify
+    production && buble({
+      exclude: 'node_modules/**',
+      transforms: { forOf: false },
+    }),
+    production && uglify()
+  ]
 };

src/VisualPage.html

@@ -7,7 +7,7 @@ <h3>{pageNote.title}</h3>
     {/if}
   </div>
   {/each}
-  <div ref:page>
+  <div ref:page style="padding-bottom: 113%;">
     {#if showImage}
       <img ref:img alt :src on:load="stupid()">
     {:else}
@@ -28,7 +28,7 @@ <h3>{pageNote.title}</h3>
           const poll = setInterval(() => {
             if (img.naturalWidth) {
               clearInterval(poll);
-              page.style = `height: ${img.naturalHeight / img.naturalWidth * 100}%; padding-bottom: inherit;`;
+              page.style = '';
             }
           }, 10);
         }
@@ -64,7 +64,6 @@ <h3>{pageNote.title}</h3>
 <style>
   ref:page {
     background: white;
-    padding-bottom: 113%;
     width: 100%;
     position: relative;
   }