@mindw1n/webnative 3.0.4 → 3.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mindw1n/webnative",
   "type": "module",
-  "version": "3.0.4",
+  "version": "3.1.0",
   "scripts": {
     "build": "esbuild src/index.ts --bundle --platform=node --format=esm --target=es2020 --outfile=index.js --banner:js=\"#!/usr/bin/env node\" --minify"
   },
@@ -18,7 +18,7 @@
   ],
   "keywords": [],
   "author": "",
-  "license": "ISC",
+  "license": "MIT",
   "description": "",
   "devDependencies": {
     "@eslint/js": "^9.39.2",

package/template/js/app/api/android.js

@@ -1,3 +1,7 @@
 export function getPlatform() {
   return "Android";
 }
+
+export async function getBackendStatus() {
+	return "unavailable";
+}

package/template/js/app/api/ios.js

@@ -1,3 +1,7 @@
 export function getPlatform() {
   return "iPhone";
 }
+
+export async function getBackendStatus() {
+	return "unavaialble";
+}

package/template/js/app/api/linux.js

@@ -1,3 +1,26 @@
+import { authenticate } from "@mindw1n/webnative-core/linux/api/authenticate";
+
 export function getPlatform() {
   return "Linux";
 }
+
+export async function getBackendStatus() {
+	try {
+		const data = await authenticate();
+
+		const response = await fetch(`http://127.0.0.1:${data.port}`, {
+      method: "GET",
+      headers: {
+        "X-API-Key": data.key,
+        "Content-Type": "application/json"
+      }
+    }).then((res) => res.json());
+
+		if (response.error) return "unauthorized";
+
+		return "online";
+	} catch (e) {
+		console.error(e);
+		return "offline";
+	}
+}

package/template/js/app/api/macos.js

@@ -1,3 +1,7 @@
 export function getPlatform() {
   return "Mac";
 }
+
+export async function getBackendStatus() {
+	return "not implemented";
+}

package/template/js/app/api/windows.js

@@ -1,3 +1,7 @@
 export function getPlatform() {
   return "Windows";
 }
+
+export async function getBackendStatus() {
+	return "not implemented";
+}

package/template/js/app/backend/index.js

@@ -1 +1,36 @@
-console.log("hello from backend");
+import { createWriteStream } from "fs";
+import { randomBytes, timingSafeEqual } from "crypto";
+import express from "express";
+import cors from "cors";
+
+const pipe = createWriteStream("", { fd: Number(process.argv[2]) });
+const key = randomBytes(32).toString("hex");
+
+const app = express();
+app.use(cors());
+app.use(express.json());
+
+app.use((req, res) => {
+	const key = req.headers["x-api-key"];
+
+	if (typeof key !== "string" || !checkKey(key)) {
+		console.log("Unauthorized: " + req.url);
+		return res.status(401).json({ error: "Unauthorized" });
+	}
+
+	console.log(`Request authorized: ${req.url}`);
+	return res.status(200).json({ status: "authorized" });
+});
+
+const server = app.listen(0, "127.0.0.1", () => {
+	const port = server.address().port;
+	console.log("Serving on port " + port);
+	pipe.write(JSON.stringify({ port, key }) + "\0");
+});
+
+function checkKey(incoming) {
+	const a = Buffer.from(incoming);
+	const b = Buffer.from(key);
+	if (a.length !== b.length) return false;
+	return timingSafeEqual(a, b);
+}

package/template/js/app/index.js

@@ -1,4 +1,7 @@
-import { getPlatform } from "./api";
+import { getBackendStatus, getPlatform, } from "./api";
 
 const platform = document.getElementById("platform");
 if (platform) platform.textContent = getPlatform();
+
+const backendStatus = document.getElementById("backend-status");
+if (backendStatus) backendStatus.textContent = await getBackendStatus();

package/template/js/app/public/index.css

@@ -55,9 +55,18 @@ h2 {
   right: 24px;
   font-size: 20px;
   font-weight: 400;
-  color: #3d3d52;
+  color: #707089;
 }
 
-h2 span {
+span {
   color: #7c6fff;
-}
+}
+
+.backend-status {
+  position: fixed;
+  bottom: 20px;
+  left: 24px;
+  font-size: 20px;
+  font-weight: 400;
+  color: #707089;
+}

package/template/js/app/public/index.html

@@ -12,6 +12,7 @@
     <h1>Your webnative app,<br><span>Build web. Ship anywhere.</span></h1>
     <p>Deliver your application to every platform with just one codebase</p>
 		<h2>Currently runs on <span id="platform"></span></h2>
+		<h3 class="backend-status">Backend status: <span id="backend-status"></span></h3>
   </div>
 	<script src="./index.js"></script>
 </body>

package/template/js/webnative.json

@@ -1,5 +1,10 @@
 {
-  "name": "My App",
+	"env": "production",
+  "name": "Webnative app",
   "icon": "app/icon.png",
-  "categories": ["Utility"]
+  "categories": ["Utility"],
+	"window": {
+		"width": 1366,
+		"height": 768
+	}
 }

package/template/js/webpack.config.js

@@ -11,6 +11,7 @@ if (!platform) {
 }
 
 export default {
+	mode: "production",
   entry: "./app/index.js",
   output: {
     path: join(__dirname, "app/public"),

package/template/ts/app/api/android.ts

@@ -1,3 +1,7 @@
 export function getPlatform() {
   return "Android";
 }
+
+export async function getBackendStatus() {
+	return "unavailable";
+}

package/template/ts/app/api/index.d.ts

@@ -1 +1,2 @@
 export declare function getPlatform(): string;
+export declare function getBackendStatus(): Promise<string>;

package/template/ts/app/api/ios.ts

@@ -1,3 +1,7 @@
 export function getPlatform() {
   return "iPhone";
 }
+
+export async function getBackendStatus() {
+	return "unavaialble";
+}

package/template/ts/app/api/linux.ts

@@ -1,3 +1,26 @@
+import { authenticate } from "@mindw1n/webnative-core/linux/api/authenticate";
+
 export function getPlatform() {
   return "Linux";
 }
+
+export async function getBackendStatus() {
+	try {
+		const data = await authenticate();
+
+		const response = await fetch(`http://127.0.0.1:${data.port}`, {
+      method: "GET",
+      headers: {
+        "X-API-Key": data.key,
+        "Content-Type": "application/json"
+      }
+    }).then((res) => res.json());
+
+		if (response.error) return "unauthorized";
+
+		return "online";
+	} catch (e) {
+		console.error(e);
+		return "offline";
+	}
+}

package/template/ts/app/api/macos.ts

@@ -1,3 +1,7 @@
 export function getPlatform() {
   return "Mac";
 }
+
+export async function getBackendStatus() {
+	return "not implemented";
+}

package/template/ts/app/api/windows.ts

@@ -1,3 +1,7 @@
 export function getPlatform() {
   return "Windows";
 }
+
+export async function getBackendStatus() {
+	return "not implemented";
+}

package/template/ts/app/backend/index.ts

@@ -1 +1,36 @@
-console.log("hello from backend");
+import { createWriteStream } from "fs";
+import { randomBytes, timingSafeEqual } from "crypto";
+import express from "express";
+import cors from "cors";
+
+const pipe = createWriteStream("", { fd: Number(process.argv[2]) });
+const key = randomBytes(32).toString("hex");
+
+const app = express();
+app.use(cors());
+app.use(express.json());
+
+app.use((req, res) => {
+  const key = req.headers["x-api-key"];
+
+  if (typeof key !== "string" || !checkKey(key)) {
+    console.log("Unauthorized: " + req.url);
+    return res.status(401).json({ error: "Unauthorized" });
+  }
+
+  console.log(`Request authorized: ${req.url}`);
+  return res.status(200).json({ status: "authorized" });
+});
+
+const server = app.listen(0, "127.0.0.1", () => {
+  const port = (server.address() as { port: number }).port;
+  console.log("Serving on port " + port);
+  pipe.write(JSON.stringify({ port, key }) + "\0");
+});
+
+function checkKey(incoming: string): boolean {
+  const a = Buffer.from(incoming);
+  const b = Buffer.from(key);
+  if (a.length !== b.length) return false;
+  return timingSafeEqual(a, b);
+}

package/template/ts/app/index.ts

@@ -1,4 +1,7 @@
-import { getPlatform } from "./api";
+import { getBackendStatus, getPlatform } from "./api";
 
 const platform = document.getElementById("platform");
 if (platform) platform.textContent = getPlatform();
+
+const backendStatus = document.getElementById("backend-status");
+if (backendStatus) backendStatus.textContent = await getBackendStatus();

package/template/ts/app/public/index.css

@@ -55,9 +55,18 @@ h2 {
   right: 24px;
   font-size: 20px;
   font-weight: 400;
-  color: #3d3d52;
+  color: #707089;
 }
 
-h2 span {
+span {
   color: #7c6fff;
-}
+}
+
+.backend-status {
+  position: fixed;
+  bottom: 20px;
+  left: 24px;
+  font-size: 20px;
+  font-weight: 400;
+  color: #707089;
+}

package/template/ts/app/public/index.html

@@ -12,6 +12,7 @@
     <h1>Your webnative app,<br><span>Build web. Ship anywhere.</span></h1>
     <p>Deliver your application to every platform with just one codebase</p>
 		<h2>Currently runs on <span id="platform"></span></h2>
+		<h3 class="backend-status">Backend status: <span id="backend-status"></span></h3>
   </div>
 	<script src="./index.js"></script>
 </body>

package/template/ts/webnative.json

@@ -1,5 +1,10 @@
 {
-  "name": "My App",
+	"env": "production",
+  "name": "Webnative app",
   "icon": "app/icon.png",
-  "categories": ["Utility"]
+  "categories": ["Utility"],
+	"window": {
+		"width": 1366,
+		"height": 768
+	}
 }

package/template/ts/webpack.config.js

@@ -11,6 +11,7 @@ if (!platform) {
 }
 
 export default {
+	mode: "production",
   entry: "./app/index.ts",
   output: {
     path: join(__dirname, "app/public"),

package/template/js/app/public/index.js

@@ -1,6 +0,0 @@
-function getPlatform() {
-  return "Windows";
-}
-
-const platform = document.getElementById("platform");
-if (platform) platform.textContent = getPlatform();