Add local fetch option

api/settings.js

@@ -37,9 +37,8 @@ module.exports = [
 								if (isNaN(provided)) data[key] = null
 								else data[key] = +provided
 							} else if (setting.type === "boolean") {
-								if (provided === "true") data[key] = true
-								else if (provided === "false") data[key] = false
-								else data[key] = null
+								if (provided === "1") data[key] = 1
+								else data[key] = 0
 							} else {
 								throw new Error("Unsupported setting type: "+setting.type)
 							}

api/video.js

@@ -35,16 +35,9 @@ function formatOrder(format) {
 	return -total
 }
 
-module.exports = [
-	{
-		route: "/watch", methods: ["GET"], code: async ({req, url}) => {
-			const id = url.searchParams.get("v")
-			const user = getUser(req)
-			const settings = user.getSettingsOrDefaults()
-			const instanceOrigin = settings.instance
-			const outURL = `${instanceOrigin}/api/v1/videos/${id}`
+async function renderVideo(videoPromise, {user, id, instanceOrigin}) {
 	try {
-				const video = await fetch(outURL).then(res => res.json())
+		const video = await videoPromise
 		if (!video) throw new Error("The instance returned null.")
 		if (video.error) throw new InstanceError(video.error, video.identifier)
 		// video data additional processing
@@ -109,6 +102,28 @@ p That error was generated by #[code= instanceOrigin].
 		}
 		return render(500, "pug/video.pug", {video: {videoId: id}, error: true, message})
 	}
+}
+
+module.exports = [
+	{
+		route: "/watch", methods: ["GET", "POST"], upload: true, code: async ({req, url, body}) => {
+			const user = getUser(req)
+			const settings = user.getSettingsOrDefaults()
+			if (req.method === "GET") {
+				const id = url.searchParams.get("v")
+				if (!settings.local) {
+					const instanceOrigin = settings.instance
+					const outURL = `${instanceOrigin}/api/v1/videos/${id}`
+					const videoPromise = fetch(outURL).then(res => res.json())
+					return renderVideo(videoPromise, {user, id, instanceOrigin})
+				} else {
+					return render(200, "pug/local-video.pug", {id})
+				}
+			} else { // req.method === "POST"
+				const video = JSON.parse(new URLSearchParams(body.toString()).get("video"))
+				const videoPromise = Promise.resolve(video)
+				return renderVideo(videoPromise, {user})
+			}
 		}
 	}
 ]

html/static/js/local-video.js

@@ -0,0 +1,18 @@
+import {q} from "./elemjs/elemjs.js"
+
+const status = q("#status")
+const form = q("#form")
+const data = q("#video-data")
+
+fetch(`http://localhost:3000/api/v1/videos/${id}`).then(res => res.json()).then(root => {
+	if (root.error) throw new Error(root)
+	data.value = JSON.stringify(root)
+	form.submit()
+	status.textContent = "Submitting..."
+}).catch(e => {
+	if (e.message.includes("NetworkError")) {
+		status.textContent = "Connection failed. Make sure you're running your own instance locally."
+	} else {
+		status.innerText = e.toString()
+	}
+})

pug/local-video.pug

@@ -0,0 +1,16 @@
+extends includes/layout
+
+include includes/video-list-item
+include includes/subscribe-button
+
+block head
+  title Fetching... - CloudTube
+  script(type="module" src=getStaticURL("html", "/static/js/local-video.js"))
+  script const id = !{JSON.stringify(id)}
+
+block content
+  main.video-error-page
+    h2 Fetching video
+    p#status Waiting...
+    form(method="post")#form.local-video-form
+      input(type="hidden" name="video")#video-data

pug/settings.pug

@@ -20,7 +20,7 @@ mixin select(id, description, disabled, options)
     label.description(for=id)= description
     select(id=id name=id disabled=disabled).border-look
       each option in options
-        option(value=option.value selected=(option.value === settings[id]))= option.text
+        option(value=option.value selected=(option.value == settings[id]))= option.text
 
 block head
   title Settings - CloudTube
@@ -38,8 +38,13 @@ block content
         ])
 
         +select("save_history", "Watch history", false, [
-          {value: "", text: "Don't save"},
-          {value: "yes", text: "Save"}
+          {value: "0", text: "Don't save"},
+          {value: "1", text: "Save"}
+        ])
+
+        +select("local", "Fetch videos", false, [
+          {value: "0", text: "Remote instance"},
+          {value: "1", text: "Locally"}
         ])
 
       .save-settings

utils/constants.js

@@ -7,6 +7,10 @@ const constants = {
 		save_history: {
 			type: "boolean",
 			default: false
+		},
+		local: {
+			type: "boolean",
+			default: false
 		}
 	},
 

utils/upgradedb.js

@@ -23,6 +23,11 @@ const deltas = [
 	function() {
 		db.prepare("ALTER TABLE Channels ADD COLUMN refreshed INTEGER")
 			.run()
+	},
+	// 2: Settings +local
+	function() {
+		db.prepare("ALTER TABLE Settings ADD COLUMN local INTEGER DEFAULT 0")
+			.run()
 	}
 ]