Add youtube-highlights extension

[getdekoded]

Description

YouTube Highlights lets you save timestamped highlights from YouTube videos while watching in Arc browser. Instead of losing valuable insights from podcasts, tutorials, and lectures, capture them instantly with a keyboard shortcut and build a searchable personal knowledge base.

What it does

• Create Highlight - Captures the current timestamp from a playing YouTube video with one shortcut. Add optional notes and tags.
• View Highlights - Browse all saved highlights, grouped by video. Click any highlight to jump directly to that moment in the video.
• Search Videos - Find highlights across your entire collection by video title or highlight text.
• Cloud Backup (Pro) - Optional sync across devices for Pro subscribers.

Why this extension?

We consume hours of YouTube content daily - podcasts, tutorials, documentaries - but retain almost nothing. This extension turns passive watching into active learning by letting you bookmark the moments that matter without interrupting your flow.

Technical notes

• Uses AppleScript/JXA to communicate with Arc browser (macOS only)
• Highlights stored locally in Raycast's LocalStorage
• Optional cloud sync via authenticated API for Pro users
• No YouTube API keys required - works directly with the browser

Requirements

• macOS
• Arc browser
• YouTube video playing in the active tab

Screencast

So... lol please excuse me, the video was playing in the bg over me talking 😂🙈

yth-screencast.mp4

Checklist

• I read the extension guidelines
• I read the documentation about publishing
• I ran npm run build and tested this distribution build in Raycast
• I checked that files in the assets folder are used by the extension itself
• I checked that assets used by the README are placed outside of the metadata folder

[raycastbot]

Congratulations on your new Raycast extension! 🚀

Due to our current reduced availability, the initial review may take up to 10-15 business days.

Once the PR is approved and merged, the extension will be available on our Store.

[raycastbot]

This pull request has been automatically marked as stale because it did not have any recent activity.

It will be closed if no further activity occurs in the next 7 days to keep our backlog clean 😊

[getdekoded]

Hey team @pernielsentikaer
Hope you are good?

Just checking if there is anything I need do or anything that I am missing here?
Please let me know - keen to fix any issue if you spot any 🙌🏾

[getdekoded]

hi @0xdhrv hope you are good, just checking if there is anything you still need from me on this? Keen to try work on this and get it approved 👋🏾

[0xdhrv]

Hey @getdekoded 👋

Thanks for your contribution 🔥

I think YouTube has a built-in highlights ↗ feature, so users might get confused since this is a separate service. We should make that clear in the README. If it makes sense, add a note and a link to your service's landing page.

[getdekoded]

Thanks chief @0xdhrv made the changes to the readme like you suggested, please have a look and let me know if the changes are ok 🙌🏾

[greptile-apps]

Greptile Summary

Adds a new YouTube Highlights extension that captures timestamped highlights from YouTube videos playing in Arc browser. The extension implements local storage with optional cloud backup (free) and sync (Pro).

Key changes:

• Creates highlight capture functionality with configurable duration
• Implements local storage using Raycast's LocalStorage API
• Adds OAuth PKCE authentication for cloud backup/sync
• Uses JXA (JavaScript for Automation) to interact with Arc browser
• Supports exporting highlights to Markdown, JSON, and CSV formats
• Includes Pro feature gating for advanced exports and cross-device sync

Code quality:

• Well-structured with proper separation of concerns
• Good error handling and user feedback
• Proper use of TypeScript
• Follows Raycast extension patterns

Minor issue:

• One manual Preferences interface definition that should use auto-generated types

Confidence Score: 4/5

• This PR is safe to merge with one minor style improvement recommended
• The extension is well-implemented with proper error handling, security practices, and follows Raycast guidelines. Only one non-critical style issue was found regarding manual preference type definitions. The code is production-ready.
• extensions/youtube-highlights/src/create-highlight.tsx - contains a manual Preferences interface that should be removed

Important Files Changed

Filename	Overview
extensions/youtube-highlights/package.json	Configuration follows Raycast standards with proper dependencies and metadata
extensions/youtube-highlights/src/create-highlight.tsx	Manually defines Preferences interface instead of using auto-generated types
extensions/youtube-highlights/src/utils/storage.ts	Robust storage implementation with proper error handling and sync logic
extensions/youtube-highlights/src/utils/browser.ts	Complex but well-implemented browser interaction using JXA for Arc browser
extensions/youtube-highlights/src/utils/auth.ts	Proper OAuth PKCE implementation with token refresh and caching

[greptile-apps]

_{23 files reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[greptile-apps]

style: Don't manually define the Preferences interface. Raycast auto-generates preference types in raycast-env.d.ts when the extension runs. Manual definitions can become out of sync with your actual package.json configuration.

Remove this interface and use the auto-generated type:

Suggested change

	interface Preferences {
	highlightDuration: string;
	autoExport: boolean;
	exportFormat: "markdown" | "json" | "csv";
	showNoteInput: boolean;
	}
	const preferences = getPreferenceValues<Preferences>();

Context Used: Rule from dashboard - What: Don't manually define Preferences for getPreferenceValues() or commends Argument interfa... (source)

_{Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!}

[0xdhrv]

Looks good to me, approved 🔥

[github-actions]

Published to the Raycast Store:
https://raycast.com/itskofio/youtube-highlights

[raycastbot]

🎉 🎉 🎉

Such a great contribution deserves a reward, but unfortunately we couldn't find your Raycast account based on your GitHub username (@getdekoded).

Please link your GitHub account to your Raycast account to receive your credits and soon be able to exchange them for some swag.