Make it able to build

JoeDuncko · Sep 28, 2020 · d6ab08b · d6ab08b
1 parent 6712f88
commit d6ab08b
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 0 deletions.
diff --git a/src/index.css b/src/index.css
@@ -0,0 +1,6 @@
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    margin: auto;
+    max-width: 38rem;
+    padding: 2rem;
+  }
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Hello World!</title>
+
+    <style>
+      webview {
+        height: 400px;
+      }
+      p {
+        color: blue;
+      }
+    </style>
+
+    <script>
+      const { ipcRenderer } = require("electron");
+
+      ipcRenderer.on("change", (event, data) => {
+        console.log("change", data);
+
+        document.getElementById("embed").src = data;
+      });
+    </script>
+  </head>
+  <body>
+    <h1>💖 Hello World!</h1>
+    <p>Welcome to your Electron application.</p>
+    <embed id="embed" src="file:///Users/joeduncko/Downloads/f/BeepBeep.swf" width="550" height="400"> </embed>
+    <!-- <embed id="embed" src="https://i.4cdn.org/f/HNNNNNG.swf" width="550" height="400"> </embed> -->
+    <!-- <img id="embed" src="" /> -->
+  </body>
+</html>
diff --git a/src/renderer.js b/src/renderer.js
@@ -0,0 +1,31 @@
+/**
+ * This file will automatically be loaded by webpack and run in the "renderer" context.
+ * To learn more about the differences between the "main" and the "renderer" context in
+ * Electron, visit:
+ *
+ * https://electronjs.org/docs/tutorial/application-architecture#main-and-renderer-processes
+ *
+ * By default, Node.js integration in this file is disabled. When enabling Node.js integration
+ * in a renderer process, please be aware of potential security implications. You can read
+ * more about security risks here:
+ *
+ * https://electronjs.org/docs/tutorial/security
+ *
+ * To enable Node.js integration in this file, open up `main.js` and enable the `nodeIntegration`
+ * flag:
+ *
+ * ```
+ *  // Create the browser window.
+ *  mainWindow = new BrowserWindow({
+ *    width: 800,
+ *    height: 600,
+ *    webPreferences: {
+ *      nodeIntegration: true
+ *    }
+ *  });
+ * ```
+ */
+
+import './index.css';
+
+console.log('👋 This message is being logged by "renderer.js", included via webpack');