fix: YouTube API v3 worker CI deploy pipeline

.circleci/config.yml

@@ -29,27 +29,52 @@ jobs:
     steps:
       - checkout
       - run:
-          name: Install dependencies
+          name: Install root dependencies
           command: |
             sudo npm install -g pnpm
             pnpm install --frozen-lockfile
+      - run:
+          name: Install functions dependencies
+          command: |
+            npm --prefix functions install
       - run:
           name: Run linting
           command: |
-            cd functions
-            npm run lint -- --max-warnings 0
+            npm --prefix functions run lint -- --max-warnings 0
       - run:
           name: TypeScript type check
           command: |
-            cd functions
-            npx tsc --noEmit
+            npm --prefix functions run build
       - run:
           name: Quality GC check
           command: npx quality-gc run || echo "Quality GC issues found"
 
+  deploy-worker:
+    docker:
+      - image: cimg/node:20.18
+    steps:
+      - checkout
+      - run:
+          name: Install pnpm and dependencies
+          command: |
+            sudo npm install -g pnpm
+            pnpm install --frozen-lockfile
+      - run:
+          name: Deploy YouTube API Worker to Cloudflare
+          command: |
+            pnpm wrangler deploy src/youtube-worker.ts --name ytstudio --compatibility-date 2025-01-01 --compatibility-flags nodejs_compat --env=""
+          environment:
+            CLOUDFLARE_API_TOKEN: $CLOUDFLARE_API_TOKEN
+
 workflows:
   version: 2
   validate:
     jobs:
       - python-checks
       - node-checks
+      - deploy-worker:
+          requires:
+            - node-checks
+          filters:
+            branches:
+              only: main

app/wrangler.jsonc

@@ -1,7 +1,7 @@
 {
-	"name": "<WORKER_NAME>",
+	"name": "ytstudio-app",
 	"main": "src/index.ts",
-	"compatibility_date": "<COMPATIBILITY_DATE>",
+	"compatibility_date": "2025-01-01",
 	"observability": {
 		"enabled": true,
 	},

fix_app.py

@@ -1,13 +1,16 @@
-import sys
+from pathlib import Path
 
-filepath = 'js/app.js'
-with open(filepath, 'r') as f:
+filepath = Path("js/app.js")
+with filepath.open() as f:
     lines = f.readlines()
 
 # Part 1: DOM elements
 for i, line in enumerate(lines):
     if "themeMenu: document.getElementById('themeMenu')," in line:
-        lines.insert(i + 1, "    episodesNavBtn: document.querySelector('[data-action=\"scroll-to-episodes\"]'),\n")
+        lines.insert(
+            i + 1,
+            "    episodesNavBtn: document.querySelector('[data-action=\"scroll-to-episodes\"]'),\n",
+        )
         lines.insert(i + 2, "    episodesSection: document.getElementById('episodesSection'),\n")
         break
 
@@ -20,16 +23,16 @@
             "        DOM.episodesNavBtn.addEventListener('click', () => {\n",
             "            DOM.episodesSection.scrollIntoView({ behavior: 'smooth' });\n",
             "            if (document.body.classList.contains('mobile-nav-active')) {\n",
-                "                document.body.classList.remove('mobile-nav-active');\n",
+            "                document.body.classList.remove('mobile-nav-active');\n",
             "                if (DOM.menuToggle) DOM.menuToggle.setAttribute('aria-expanded', 'false');\n",
             "            }\n",
             "        });\n",
             "    }\n",
-            "\n"
+            "\n",
         ]
         for idx, new_line in enumerate(scroll_listener):
             lines.insert(i + idx, new_line)
         break
 
-with open(filepath, 'w') as f:
+with filepath.open("w") as f:
     f.writelines(lines)

fix_deps.py

@@ -15,12 +15,12 @@
 # Maybe the CI is running against a different state of the PR?
 
 # Let's just make sure trigger-circleci-pipeline and circletui are in package.json if they are in the lockfile.
-if 'dependencies' not in pkg:
-    pkg['dependencies'] = {}
+if "dependencies" not in pkg:
+    pkg["dependencies"] = {}
 
-pkg['dependencies']['trigger-circleci-pipeline'] = '^1.12.1'
-pkg['dependencies']['circletui'] = '^1.0.3'
-pkg['dependencies']['@circleci/circleci-config-sdk'] = '^0.12.5'
+pkg["dependencies"]["trigger-circleci-pipeline"] = "^1.12.1"
+pkg["dependencies"]["circletui"] = "^1.0.3"
+pkg["dependencies"]["@circleci/circleci-config-sdk"] = "^0.12.5"
 
 with Path("package.json").open("w") as f:
     json.dump(pkg, f, indent=2)

fix_index.py

@@ -1,10 +1,12 @@
-with open('index.html', 'r') as f:
+from pathlib import Path
+
+with Path("index.html").open() as f:
     content = f.read()
 
 # Add title attribute to search button
-old_search = '<button class=\"nav-link\" id=\"searchToggleBtn\" aria-controls=\"searchSection\" aria-expanded=\"false\">'
-new_search = '<button class=\"nav-link\" id=\"searchToggleBtn\" aria-controls=\"searchSection\" aria-expanded=\"false\" title=\"Search (/)\">'
+old_search = '<button class="nav-link" id="searchToggleBtn" aria-controls="searchSection" aria-expanded="false">'
+new_search = '<button class="nav-link" id="searchToggleBtn" aria-controls="searchSection" aria-expanded="false" title="Search (/)">'
 content = content.replace(old_search, new_search)
 
-with open('index.html', 'w') as f:
+with Path("index.html").open("w") as f:
     f.write(content)

functions/.eslintrc.js

@@ -1 +1,33 @@
-module.exports={root:!0,env:{es6:!0,node:!0},extends:["eslint:recommended","plugin:import/errors","plugin:import/warnings","plugin:import/typescript","google","plugin:@typescript-eslint/recommended"],parser:"@typescript-eslint/parser",parserOptions:{project:["tsconfig.json","tsconfig.dev.json"],sourceType:"module"},ignorePatterns:["/lib/**/*","/generated/**/*"],plugins:["@typescript-eslint","import"],rules:{quotes:["error","double"],"import/no-unresolved":0,indent:["error",2]}};
+module.exports = {
+  root: true,
+  env: {
+    es6: true,
+    node: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:import/typescript",
+    "google",
+    "plugin:@typescript-eslint/recommended",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: ["tsconfig.json", "tsconfig.dev.json"],
+    sourceType: "module",
+  },
+  ignorePatterns: [
+    "/lib/**/*",
+    "/generated/**/*",
+  ],
+  plugins: [
+    "@typescript-eslint",
+    "import",
+  ],
+  rules: {
+    "quotes": ["error", "double"],
+    "import/no-unresolved": 0,
+    "indent": ["error", 2],
+  },
+};