chore(next): add routing

.github/dependabot.yml

@@ -9,12 +9,3 @@ updates:
       npm:
         patterns:
           - "*"
-  - package-ecosystem: "github-actions"
-    directory: ".github/workflows"
-    schedule:
-      interval: "weekly"
-      day: "saturday"
-    groups:
-      gha:
-        patterns:
-          - "*"

README.md

@@ -21,3 +21,7 @@ Build application:
 ```shell
 npm run bld
 ```
+
+## Accessing NW.js inside Next application
+
+If you are trying to call `nw.require` function, Next will fail and say that

package.json

@@ -10,12 +10,9 @@
         "dev": "concurrently -k npm:dev:website npm:dev:desktop",
         "dev:website": "next dev -p 4000",
         "dev:desktop": "wait-on http-get://localhost:4000 && nwbuild --mode=run --version=0.72.0 --flavor=sdk --no-glob .",
-        "bld": "npm run bld:website && node ./hooks/pre-nw.js && npm run bld:desktop",
+        "bld": "npm run bld:website && npm run bld:desktop",
         "bld:website": "next build",
-        "bld:desktop": "nwbuild --mode=build --version=0.72.0 --flavor=sdk --no-glob --outDir=./build/desktop .next"
-    },
-    "engines": {
-        "node": ">= 19.3.0"
+        "bld:desktop": "nwbuild --mode=build --version=0.72.0 --flavor=sdk --outDir=./build/desktop --managedManifest=./package.nw.json --glob=false .next"
     },
     "devDependencies": {
         "@next/eslint-plugin-next": "^14.1.0",
@@ -27,6 +24,10 @@
         "react-dom": "^18.2.0",
         "wait-on": "^7.2.0"
     },
+    "engines": {
+        "node": "19.3.0"
+    },
+    "packageManager": "npm@10.3.0",
     "eslintConfig": {
         "env": {
             "browser": true,
@@ -50,4 +51,4 @@
             }
         }
     }
-}
+}

pages/index.jsx

@@ -1,15 +1,24 @@
-import React from "react";
+function useNW () {
+    if (typeof nw !== "undefined") {
+        return nw;
+    } else {
+        return null;
+    }
+}
 
 function App() {
+
+    const nw = useNW();
+
     return (
         <div>
             NW.js Next.js Example
             <br />
             <ul>
-                <li>NW.js: {nw.require('process').version['nw']}</li>
-                <li>Chromium: {nw.require('process').version['chromium']}</li>
-                <li>Node.js: {nw.require('process').version['node']}</li>
-                <li>V8: {nw.require('process').version['v8']}</li>
+                <li>NW.js: {nw && nw.require('node:process').versions['nw']}</li>
+                <li>Chromium: {nw && nw.require('node:process').versions['chromium']}</li>
+                <li>Node.js: {nw && nw.require('node:process').versions['node']}</li>
+                <li>V8: {nw && nw.require('node:process').versions['v8']}</li>
             </ul>
         </div>
     );