feat(extensions): support raycast store deeplinks

This commit adds support for deeplinks in the format of `raycast://extensions/author/slug`. It moves the currently selected extension logic into the view manager, which the Extensions component now imports.
This commit is contained in:
ByteAtATime 2025-07-04 10:03:19 -07:00
parent 307d862b3b
commit 24e579503d
No known key found for this signature in database
2 changed files with 38 additions and 2 deletions

View file

@ -12,6 +12,7 @@
import LoadingIndicator from './LoadingIndicator.svelte';
import type { VListHandle } from 'virtua/svelte';
import HeaderInput from './HeaderInput.svelte';
import { viewManager } from '$lib/viewManager.svelte';
type Props = {
onBack: () => void;
@ -25,6 +26,14 @@
let isInstalling = $state(false);
let vlistInstance = $state<VListHandle | null>(null);
$effect(() => {
const ext = viewManager.extensionToSelect;
if (ext) {
selectedExtension = ext;
viewManager.extensionToSelect = null;
}
});
const handleScroll = () => {
if (!vlistInstance) return;
if (

View file

@ -3,6 +3,9 @@ import { uiStore } from '$lib/ui.svelte';
import { sidecarService } from '$lib/sidecar.svelte';
import type { Quicklink } from './quicklinks.svelte';
import { invoke } from '@tauri-apps/api/core';
import { extensionsStore } from './components/extensions/store.svelte';
import { fetch } from '@tauri-apps/plugin-http';
import { DatumSchema, StoreListingsReturnTypeSchema, type Datum } from '$lib/store';
export type ViewState =
| 'command-palette'
@ -29,6 +32,7 @@ class ViewManager {
snippetsForImport = $state<any[] | null>(null);
commandToConfirm = $state<PluginInfo | null>(null);
pluginToSelectInSettings = $state<string | undefined>(undefined);
extensionToSelect = $state<Datum | null>(null);
oauthState: OauthState = $state(null);
oauthStatus: 'initial' | 'authorizing' | 'success' | 'error' = $state('initial');
@ -46,8 +50,9 @@ class ViewManager {
this.pluginToSelectInSettings = pluginName;
};
showExtensions = () => {
showExtensions = (extension?: Datum) => {
this.currentView = 'extensions-store';
this.extensionToSelect = extension ?? null;
};
showClipboardHistory = () => {
@ -124,12 +129,34 @@ class ViewManager {
}
};
handleDeepLink = (url: string, allPlugins: PluginInfo[]) => {
handleDeepLink = async (url: string, allPlugins: PluginInfo[]) => {
try {
const urlObj = new URL(url);
if (urlObj.protocol === 'raycast:') {
if (urlObj.host === 'extensions') {
const parts = urlObj.pathname.split('/').filter(Boolean);
if (parts.length === 2) {
const [author, extensionSlug] = parts;
this.showExtensions();
extensionsStore.isLoading = true;
try {
const res = await fetch(
`https://backend.raycast.com/api/v1/extensions/${author}/${extensionSlug}`
);
if (!res.ok) throw new Error(`Search failed: ${res.status}`);
const parsed = DatumSchema.parse(await res.json());
this.extensionToSelect = parsed;
} catch (e) {
console.error('Failed to fetch extension from deeplink', e);
extensionsStore.searchText = extensionSlug;
} finally {
extensionsStore.isLoading = false;
}
return;
}
if (parts.length === 3) {
const [authorOrOwner, extensionName, commandName] = parts;