A first BrowserWindow (with contents)

felixrieseberg · Aug 31, 2017 · bb57080 · bb57080
1 parent 366a1e3
commit bb57080
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 1 deletion.
diff --git a/src/main/index.js b/src/main/index.js
@@ -4,5 +4,17 @@ let mainWindow
 
 app.on('ready', () => {
   console.log('Application ready!')
-  mainWindow = new BrowserWindow()
+
+  mainWindow = new BrowserWindow({
+    show: false,
+    width: 1000,
+    height: 800
+  })
+
+  mainWindow.webContents.on('dom-ready', () => {
+    // The window has loaded its contents
+    mainWindow.show()
+  })
+
+  mainWindow.loadURL(`file://${__dirname}/../renderer/index.html`)
 })
diff --git a/src/renderer/index.html b/src/renderer/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>My Code Editor</title>
+    <link href="style.css" rel="stylesheet">
+  </head>
+  <body>
+    <div id="container">
+      Hello!
+    </div>
+  </body>
+</html>
diff --git a/src/renderer/style.css b/src/renderer/style.css
@@ -0,0 +1,9 @@
+html, body {
+  margin: 0;
+  overflow: hidden;
+}
+
+div#container {
+  height: 100vh;
+  width: 100vw;
+}