Update example

HaNdTriX · Nov 5, 2020 · 68b8f52 · 68b8f52
1 parent df13bfb
commit 68b8f52
Show file tree

Hide file tree

Showing 6 changed files with 632 additions and 380 deletions.
diff --git a/example/babel.config.js b/example/babel.config.js
@@ -7,7 +7,10 @@ module.exports = {
       {
         "preset-env": {
           targets: {
-            electron: devDependencies.electron.replace(/^\^|~/, ""),
+            // Babel Env needs to upgrade electron-to-chromium
+            // for the following line to work with electron > 7:
+            // electron: devDependencies.electron.replace(/^\^|~/, ""),
+            electron: 7,
           },
         },
       },

diff --git a/example/main/index.js b/example/main/index.js
@@ -17,6 +17,9 @@ app.on("ready", async () => {
 
   // Load renderer using a custom protocol:
   mainWindow.loadURL("next://app");
+
+  // You can load deeplinks too (e.g: pages/about):
+  // mainWindow.loadURL("next://app/about");
 });
 
 // Quit the app once all windows are closed

diff --git a/example/package.json b/example/package.json
@@ -17,9 +17,9 @@
   },
   "devDependencies": {
     "concurrently": "^5.3.0",
-    "electron": "^10.1.3",
-    "electron-builder": "^22.8.1",
-    "next": "^9.5.3",
+    "electron": "^10.1.5",
+    "electron-builder": "^22.9.1",
+    "next": "^10.0.2-canary.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   },

diff --git a/example/pages/about.js b/example/pages/about.js
@@ -6,7 +6,9 @@ export default function AboutPage() {
       <h1>About Page</h1>
       <ul>
         <li>
-          <a href="/">Index</a>
+          <Link href="/">
+            <a>Index</a>
+          </Link>
         </li>
       </ul>
     </>

diff --git a/example/pages/index.js b/example/pages/index.js
@@ -1,4 +1,5 @@
 import { useState, useEffect } from "react";
+import Link from "next/link";
 
 export default function IndexPage() {
   const [input, setInput] = useState("");
@@ -34,10 +35,12 @@ export default function IndexPage() {
 
       <ul>
         <li>
-          <a href="/about">About</a>
+          <Link href="/about">
+            <a>About</a>
+          </Link>
         </li>
         <li>
-          <a href="/invalid">Invalid</a>
+          <a href="/invalid">Invalid (triggers 404)</a>
         </li>
       </ul>
     </>