From afc635613176501acb358f1632e96358fa139b10 Mon Sep 17 00:00:00 2001
From: Arc <90333108+lastarc@users.noreply.github.com>
Date: Sun, 31 Mar 2024 23:52:58 +0200
Subject: [PATCH 1/2] new embed proxy

---
 embed-proxy/.gitignore      |  11 ++++
 embed-proxy/README.md       |  43 ++++++++++++++
 embed-proxy/package.json    |  16 ++++++
 embed-proxy/src/index.ts    |  33 +++++++++++
 embed-proxy/src/info.ts     |  41 ++++++++++++++
 embed-proxy/src/v1/index.ts |  35 ++++++++++++
 embed-proxy/src/v2/index.ts | 108 ++++++++++++++++++++++++++++++++++++
 embed-proxy/tsconfig.json   |  16 ++++++
 8 files changed, 303 insertions(+)
 create mode 100644 embed-proxy/.gitignore
 create mode 100644 embed-proxy/README.md
 create mode 100644 embed-proxy/package.json
 create mode 100644 embed-proxy/src/index.ts
 create mode 100644 embed-proxy/src/info.ts
 create mode 100644 embed-proxy/src/v1/index.ts
 create mode 100644 embed-proxy/src/v2/index.ts
 create mode 100644 embed-proxy/tsconfig.json

diff --git a/embed-proxy/.gitignore b/embed-proxy/.gitignore
new file mode 100644
index 0000000..7d178e4
--- /dev/null
+++ b/embed-proxy/.gitignore
@@ -0,0 +1,11 @@
+node_modules
+dist
+.wrangler
+.dev.vars
+wrangler.toml
+
+# Change them to your taste:
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+bun.lockb
\ No newline at end of file
diff --git a/embed-proxy/README.md b/embed-proxy/README.md
new file mode 100644
index 0000000..739c2b4
--- /dev/null
+++ b/embed-proxy/README.md
@@ -0,0 +1,43 @@
+# Liben - Discord embed proxy
+
+Lightweight http app that produces necessary OpenGraph meta tags for Discord
+in-app video preview.
+
+## Self-hosting
+
+### Prerequisites
+
+* Node.js (project was built using v18)
+* pnpm
+* Cloudflare account
+
+### Steps
+
+1. Clone the repository and open the `embed-proxy` directory
+
+```bash
+git clone <repo url>
+cd liben/embed-proxy
+```
+
+1. Install dependencies
+
+```bash
+pnpm i
+```
+
+1. Rename `wrangler.sample.toml` to `wrangler.toml`
+
+1. Open and edit the followings
+
+  1.1. replace the Host value with the address the worker will be accessed on
+
+  1.2. 
+
+1. Deploy
+
+```bash
+pnpm run deploy
+```
+
+If it's first time running it, Cloudflare account login might be required.
diff --git a/embed-proxy/package.json b/embed-proxy/package.json
new file mode 100644
index 0000000..8cf92e8
--- /dev/null
+++ b/embed-proxy/package.json
@@ -0,0 +1,16 @@
+{
+  "scripts": {
+    "dev": "wrangler dev src/index.ts",
+    "deploy": "wrangler deploy --minify src/index.ts"
+  },
+  "dependencies": {
+    "@hono/zod-validator": "^0.2.1",
+    "haikunator": "^2.1.2",
+    "hono": "^4.1.5",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@cloudflare/workers-types": "^4.20240329.0",
+    "wrangler": "^3.32.0"
+  }
+}
diff --git a/embed-proxy/src/index.ts b/embed-proxy/src/index.ts
new file mode 100644
index 0000000..c201a95
--- /dev/null
+++ b/embed-proxy/src/index.ts
@@ -0,0 +1,33 @@
+import { Hono } from 'hono';
+import v1 from './v1';
+import v2 from './v2';
+import info from './info';
+
+export type AppT = {
+  Bindings: {
+    Host: string;
+    Slugs: KVNamespace;
+  };
+};
+
+const app = new Hono<AppT>({
+  strict: false,
+});
+
+app.route('/v1', v1);
+app.route('/v2', v2);
+
+app.get('/', (c) => {
+  if (
+    c.req.query('src') &&
+    c.req.query('width') &&
+    c.req.query('height')
+  ) {
+    const url = new URL(c.req.url);
+    return c.redirect('/v1/?' + url.searchParams.toString());
+  }
+
+  return info(c);
+});
+
+export default app;
diff --git a/embed-proxy/src/info.ts b/embed-proxy/src/info.ts
new file mode 100644
index 0000000..cdddf9e
--- /dev/null
+++ b/embed-proxy/src/info.ts
@@ -0,0 +1,41 @@
+import { Context } from 'hono';
+
+export default function info(c: Context): Response {
+  return c.text(
+    `
+Simple Embed Proxy
+==================
+
+v1 Usage:
+---------
+
+/?src=<video-url>&width=<width>&height=<height>
+or
+/v1/?src=<video-url>&width=<width>&height=<height>
+
+Example:
+
+/?src=https%3A%2F%2Fexample.com%2Fvideo.mp4&width=480&height=360
+
+
+
+v2 Usage:
+---------
+
+/v2/<slug>
+
+How to add a new embed:
+POST /v2/add
+-->
+{
+  "src": "https://example.com/video.mp4",
+}
+
+<--
+{
+  "slug": "my-video-ffff"
+}
+
+  `.trim()
+  );
+}
diff --git a/embed-proxy/src/v1/index.ts b/embed-proxy/src/v1/index.ts
new file mode 100644
index 0000000..6ffd661
--- /dev/null
+++ b/embed-proxy/src/v1/index.ts
@@ -0,0 +1,35 @@
+import { Hono } from 'hono';
+
+const v1 = new Hono();
+
+v1.get('/', async (c) => {
+  const src = c.req.query('src') || '';
+  const width = c.req.query('width') || '';
+  const height = c.req.query('height') || '';
+  const title = c.req.query('title') || '';
+  const img =
+    c.req.query('img') ||
+    `https://dummyimage.com/${width}x${height}/000000/fff&text=+`;
+
+  return c.html(`
+<!DOCTYPE html>
+<html>  
+  <head>
+    <meta property="og:type" content="video.other">
+    <meta property="og:url" content="${src}">
+    <meta property="og:title" content="${title}">
+    <meta property="og:image" content="${img}">
+    <meta property="og:video" content="${src}">
+    <meta property="og:video:url" content="${src}">
+    <meta property="og:video:secure_url" content="${src}">
+    <meta property="og:video:type" content="video/mp4">
+    <meta property="og:video:width" content="${width}">
+    <meta property="og:video:height" content="${height}">
+  </head>
+  <body>
+    <video src="${src}" width="${width}" height="${height}" controls>
+  </body>
+</html>`);
+});
+
+export default v1;
diff --git a/embed-proxy/src/v2/index.ts b/embed-proxy/src/v2/index.ts
new file mode 100644
index 0000000..19bb0dd
--- /dev/null
+++ b/embed-proxy/src/v2/index.ts
@@ -0,0 +1,108 @@
+import { Hono } from 'hono';
+import { z } from 'zod';
+import { zValidator } from '@hono/zod-validator';
+import Haikunator from 'haikunator';
+import { AppT } from '..';
+
+const EmbedSchema = z.object({
+  src: z.string(),
+  width: z.number(),
+  height: z.number(),
+  title: z.string().optional(),
+  thumbnail: z.string().optional(),
+});
+
+const v2 = new Hono<AppT & {
+  Variables: {
+    Haikunator: Haikunator;
+  };
+}>();
+
+v2.use(async (c, next) => {
+  c.set('Haikunator', new Haikunator());
+  return next();
+});
+
+v2.get('/healthz', async (c) => {
+  return c.text('OK');
+});
+
+v2.post(
+  '/add',
+  zValidator(
+    'json',
+    EmbedSchema
+  ),
+  async (c) => {
+    const body = await c.req.valid('json');
+    const slug = c.get('Haikunator').haikunate();
+    await c.env.Slugs.put(slug, JSON.stringify(body));
+    return c.json({ slug });
+  }
+);
+
+v2.get('/~/:slug', async (c) => {
+  const slug = c.req.param('slug');
+  const data = await c.env.Slugs.get(slug);
+  if (!data) {
+    c.status(404);
+    return c.json({ error: 'Not found' });
+  }
+  console.log(data);
+
+  const embed = EmbedSchema.safeParse(JSON.parse(data));
+  if (!embed.success) {
+    console.error(embed.error);
+    c.status(500);
+    return c.json({ error: 'Database error. Contact admin' });
+  }
+
+  // c.header('Link', `<${c.env.Host}/v2/~/${slug}/oembed.json>; rel="alternate"; type="application/json+oembed"`);
+  // return c.text("");
+  return c.html(`
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Embed</title>
+  <!-- <link rel="alternate" type="application/json+oembed" href="${c.env.Host}/v2/${slug}/oembed.json"> -->
+  <meta property="og:type" content="video.other">
+  <meta property="og:url" content="${c.env.Host}/v2/~/${slug}">
+  <meta property="og:title" content="${embed.data.title || ""}">
+  <meta property="og:image" content="${embed.data.thumbnail || "https://dummyimage.com/480x360/000000/fff&text=+"}">
+  <meta property="og:video" content="${embed.data.src}">
+</head>
+<body>
+</body>
+</html>
+  `);
+});
+
+v2.get('/~/:slug/oembed.json', async (c) => {
+  const slug = c.req.param('slug');
+  const data = await c.env.Slugs.get(slug);
+  if (!data) {
+    c.status(404)
+    return c.json({ error: 'Not found' });
+  }
+  console.log(data)
+
+  const embed = EmbedSchema.safeParse(JSON.parse(data));
+  if (!embed.success) {
+    console.error(embed.error)
+    c.status(500)
+    return c.json({ error: 'Database error. Contact admin' });
+  }
+
+  return c.json({
+    version: '1.0',
+    type: 'video',
+    provider_name: 'Liben - Embed Proxy',
+    provider_url: c.env.Host,
+    title: embed.data.title || 'Video',
+    width: embed.data.width,
+    height: embed.data.height,
+    html: `<video src="${embed.data.src}" width="${embed.data.width}" height="${embed.data.height}" controls>`,
+  });
+});
+
+export default v2;
diff --git a/embed-proxy/tsconfig.json b/embed-proxy/tsconfig.json
new file mode 100644
index 0000000..225fe67
--- /dev/null
+++ b/embed-proxy/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "lib": [
+      "ESNext"
+    ],
+    "types": [
+        "@cloudflare/workers-types/2023-07-01"
+    ],
+    "jsx": "react-jsx",
+    "jsxImportSource": "hono/jsx"
+  },
+}
\ No newline at end of file

From 0d70259cc169316e5b0f227897f205560403a812 Mon Sep 17 00:00:00 2001
From: Arc <90333108+lastarc@users.noreply.github.com>
Date: Sat, 27 Apr 2024 17:23:29 +0200
Subject: [PATCH 2/2] remove old worker code

---
 worker/worker.js | 44 --------------------------------------------
 1 file changed, 44 deletions(-)
 delete mode 100644 worker/worker.js

diff --git a/worker/worker.js b/worker/worker.js
deleted file mode 100644
index 0c4f744..0000000
--- a/worker/worker.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Welcome to Cloudflare Workers! This is your first worker.
- *
- * - Run "npm run dev" in your terminal to start a development server
- * - Open a browser tab at http://localhost:8787/ to see your worker in action
- * - Run "npm run deploy" to publish your worker
- *
- * Learn more at https://developers.cloudflare.com/workers/
- */
-
-export default {
-  async fetch(request, env, ctx) {
-    const url = new URL(request.url);
-    const src = url.searchParams.get('src') || "";
-    const title = url.searchParams.get('title') || "";
-    const width = url.searchParams.get('width') || "";
-    const height = url.searchParams.get('height') || "";
-    const img = url.searchParams.get('img') || `https://dummyimage.com/${width}x${height}/000000/fff&text=+`;
-
-    return new Response(`
-<!DOCTYPE html>
-<html>  
-  <head>
-    <meta property="og:type" content="video.other">
-    <meta property="og:url" content="${src}">
-    <meta property="og:title" content="${title}">
-    <meta property="og:image" content="${img}">
-    <meta property="og:video" content="${src}">
-    <meta property="og:video:url" content="${src}">
-    <meta property="og:video:secure_url" content="${src}">
-    <meta property="og:video:type" content="video/mp4">
-    <meta property="og:video:width" content="${width}">
-    <meta property="og:video:height" content="${height}">
-  </head>
-  <body>
-    <video src="${src}" width="${width}" height="${height}" controls>
-  </body>
-</html>`, {
-  headers: {
-    'Content-Type': 'text/html'
-  }
-});
-  },
-};
\ No newline at end of file