Added in "clip" feature and updated deps

.env.example

@@ -0,0 +1,7 @@
+# Clerk
+NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_your_clerk_publishable_key
+CLERK_SECRET_KEY=sk_test_your_clerk_secret_key
+
+# Twitch app credentials used for server-side API requests
+TWITCH_CLIENT_ID=your_twitch_client_id
+TWITCH_CLIENT_SECRET=your_twitch_client_secret

.gitignore

@@ -1,5 +1,7 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+.env
+
 # dependencies
 /node_modules
 /.pnp

.vscode/settings.json

@@ -1,4 +1,10 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "workbench.colorCustomizations": {
+    "titleBar.activeBackground": "#E91E63",
+    "titleBar.activeForeground": "#FFFFFF",
+    "titleBar.inactiveBackground": "#E91E63",
+    "titleBar.inactiveForeground": "#FFFFFFAA"
+  }
 }

README.md

@@ -9,7 +9,7 @@ tl;dr - grab csv files from your Twitch [Stream Markers](https://help.twitch.tv/
 3. Set up [Twitch OAuth app](https://dev.twitch.tv) and [Clerk auth](https://clerk.com/?utm_campaign=theo-dtc)
    - You need to use the custom twitch oauth credentials in clerk
    - You also need to add the `user:read:broadcast` and `openid` scopes
-4. Add the environment variables to a new `.env.local` file (see [.env.example](/src/.env.example))
+4. Add the environment variables to a new `.env.local` file (see [.env.example](/.env.example))
 5. `pnpm dev`
 
 ## Tech used

package.json

@@ -2,8 +2,9 @@
   "name": "markerthing",
   "version": "0.1.0",
   "private": true,
+  "packageManager": "pnpm@10.33.0",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=18.17.0"
   },
   "scripts": {
     "dev": "next dev",
@@ -13,29 +14,29 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@clerk/nextjs": "^5.2.6",
-    "@clerk/themes": "^2.1.13",
-    "@next/mdx": "^14.2.5",
-    "@types/node": "18.15.11",
-    "@types/react": "18.3.3",
-    "@types/react-dom": "18.3.0",
-    "autoprefixer": "10.4.14",
-    "dayjs": "^1.11.7",
-    "eslint": "8.37.0",
-    "eslint-config-next": "14.2.5",
-    "next": "14.2.5",
-    "next-plausible": "^3.7.2",
-    "postcss": "8.4.21",
+    "@clerk/nextjs": "^5.7.5",
+    "@clerk/themes": "^2.4.58",
+    "@next/mdx": "^14.2.35",
+    "@types/node": "18.19.130",
+    "@types/react": "18.3.28",
+    "@types/react-dom": "18.3.7",
+    "autoprefixer": "10.4.27",
+    "dayjs": "^1.11.20",
+    "eslint": "8.57.1",
+    "eslint-config-next": "14.2.35",
+    "next": "14.2.35",
+    "next-plausible": "^3.12.5",
+    "postcss": "8.5.8",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-hot-toast": "^2.4.0",
-    "tailwindcss": "3.3.1",
-    "typescript": "5.0.3"
+    "react-hot-toast": "^2.6.0",
+    "tailwindcss": "3.4.19",
+    "typescript": "5.9.3"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.9",
-    "@types/mdx": "^2.0.4",
-    "prettier": "^2.8.7",
-    "prettier-plugin-tailwindcss": "^0.2.6"
+    "@tailwindcss/typography": "^0.5.19",
+    "@types/mdx": "^2.0.13",
+    "prettier": "^3.8.1",
+    "prettier-plugin-tailwindcss": "^0.7.2"
   }
 }