feat: YouTube API v3 worker deploy + fix CI workflow failures

.circleci/config.yml

@@ -25,14 +25,19 @@ jobs:
 
   node-checks:
     docker:
-      - image: cimg/node:20.18
+      - image: cimg/node:22.19
     steps:
       - checkout
       - run:
-          name: Install dependencies
+          name: Install pnpm and root dependencies
           command: |
             sudo npm install -g pnpm
             pnpm install --frozen-lockfile
+      - run:
+          name: Install functions dependencies
+          command: |
+            cd functions
+            npm install --legacy-peer-deps
       - run:
           name: Run linting
           command: |
@@ -42,14 +47,56 @@ jobs:
           name: TypeScript type check
           command: |
             cd functions
-            npx tsc --noEmit
+            ./node_modules/.bin/tsc --noEmit
       - run:
           name: Quality GC check
-          command: npx quality-gc run || echo "Quality GC issues found"
+          command: pnpm quality-gc run || echo "Quality GC issues found"
+
+  deploy-worker:
+    docker:
+      - image: cimg/node:22.19
+    steps:
+      - checkout
+      - run:
+          name: Install pnpm and dependencies
+          command: |
+            sudo npm install -g pnpm
+            pnpm install --frozen-lockfile
+      - run:
+          name: TypeScript type check for worker
+          command: |
+            ./node_modules/.bin/tsc --noEmit
+      - run:
+          name: Deploy YouTube Worker to Cloudflare
+          command: |
+            ./node_modules/.bin/wrangler deploy src/youtube-worker.ts \
+              --name ytstudio \
+              --compatibility-date 2025-01-01 \
+              --compatibility-flags nodejs_compat
+          environment:
+            CLOUDFLARE_API_TOKEN: $CLOUDFLARE_API_TOKEN
+            CLOUDFLARE_ACCOUNT_ID: $CLOUDFLARE_ACCOUNT_ID
 
 workflows:
   version: 2
   validate:
     jobs:
       - python-checks
       - node-checks
+  deploy:
+    jobs:
+      - python-checks:
+          filters:
+            branches:
+              only: main
+      - node-checks:
+          filters:
+            branches:
+              only: main
+      - deploy-worker:
+          requires:
+            - python-checks
+            - node-checks
+          filters:
+            branches:
+              only: main

fix_app.py

@@ -1,7 +1,7 @@
-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
@@ -31,5 +31,5 @@
             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,13 @@
-with open('index.html', 'r') as f:
+from pathlib import Path
+
+index_file = Path("index.html")
+with index_file.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 index_file.open("w") as f:
     f.write(content)

functions/.eslintrc.js

@@ -1 +1,27 @@
-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],
+  },
+};