@rool-dev/extension 0.3.12-dev.7733a35 → 0.3.12-dev.902bec7

package/dist/cli/publish.js

@@ -55,7 +55,7 @@ export async function publish() {
     // Publish
     console.log(`  Publishing ${manifest.id} to ${env}...`);
     const blob = new Blob([new Uint8Array(zipBuffer)], { type: 'application/zip' });
-    const result = await client.publishExtension(manifest.id, {
+    const result = await client.uploadExtension(manifest.id, {
         bundle: blob,
     });
     console.log(`\n  Published: ${result.manifest.name}`);

package/dist/dev/DevHostController.js

@@ -227,7 +227,7 @@ export class DevHostController {
             return;
         try {
             // Step 1: install extension (server applies manifest: name, systemInstruction, collections)
-            const channelId = await this.client.installExtension(this.currentSpaceId, extensionId);
+            const channelId = await this.client.installExtension(this.currentSpaceId, extensionId, extensionId);
             // Step 2: open channel for live subscription
             const ch = await this.client.openChannel(this.currentSpaceId, channelId);
             this.channels[extensionId] = ch;
@@ -283,7 +283,7 @@ export class DevHostController {
             // Step 2: publish via SDK
             this.publishState = 'uploading';
             this._onChange();
-            const result = await this.client.publishExtension(this.manifest.id, {
+            const result = await this.client.uploadExtension(this.manifest.id, {
                 bundle: zipBlob,
             });
             // Step 3: update published extensions list

package/dist/dev/Sidebar.svelte

@@ -274,7 +274,7 @@
     <!-- Footer -->
     <div class="px-4 py-3 mt-auto flex items-center justify-between">
       <a
-        href="https://docs.rool.dev/extension"
+        href="https://docs.rool.dev/extension/"
         target="_blank"
         rel="noopener noreferrer"
         class="text-[11px] text-slate-400 hover:text-indigo-500 transition-colors"

package/dist/dev/host-shell.js

@@ -4556,11 +4556,12 @@ var BrowserAuthProvider = class {
 	* Initiate login by redirecting to auth page.
 	* @param appName - The name of the application requesting login (displayed on auth page)
 	*/
-	login(appName) {
+	login(appName, options) {
 		const loginUrl = new URL(`${this.authBaseUrl}/`);
 		const redirectTarget = window.location.origin + window.location.pathname + window.location.search;
 		loginUrl.searchParams.set("redirect_uri", redirectTarget);
 		loginUrl.searchParams.set("app_name", appName);
+		if (options?.signup) loginUrl.searchParams.set("signup", "true");
 		const state = this.generateState();
 		this.storeState(state);
 		loginUrl.searchParams.set("state", state);
@@ -4833,8 +4834,8 @@ var AuthManager = class {
 	* Initiate login.
 	* @param appName - The name of the application requesting login (displayed on auth page)
 	*/
-	login(appName) {
-		return this.provider.login(appName);
+	login(appName, options) {
+		return this.provider.login(appName, options);
 	}
 	/**
 	* Logout - clear all tokens and state.
@@ -5443,6 +5444,7 @@ var GraphQLClient = class {
             createdByName
             interactionCount
             extensionUrl
+            extensionId
           }
         }
       }
@@ -5835,6 +5837,20 @@ var GraphQLClient = class {
 			channelId
 		})).installExtension;
 	}
+	async publishExtensionToPublic(extensionId) {
+		await this.request(`
+      mutation PublishExtension($extensionId: String!) {
+        publishExtension(extensionId: $extensionId)
+      }
+    `, { extensionId });
+	}
+	async unpublishExtensionFromPublic(extensionId) {
+		await this.request(`
+      mutation UnpublishExtension($extensionId: String!) {
+        unpublishExtension(extensionId: $extensionId)
+      }
+    `, { extensionId });
+	}
 	async setUserStorage(key, value) {
 		await this.request(`
       mutation SetUserStorage($key: String!, $value: JSON) {
@@ -7259,81 +7275,65 @@ var ExtensionsClient = class {
 	constructor(config) {
 		this.config = config;
 	}
-	/**
-	* List all published extensions for the current user.
-	*/
-	async list() {
+	async getHeaders() {
 		const tokens = await this.config.authManager.getTokens();
 		if (!tokens) throw new Error("Not authenticated");
-		const headers = {
+		return {
 			Authorization: `Bearer ${tokens.accessToken}`,
 			"X-Rool-Token": tokens.roolToken
 		};
+	}
+	/**
+	* List all user extensions.
+	*/
+	async list() {
 		const response = await fetch(this.config.extensionsUrl, {
 			method: "GET",
-			headers
+			headers: await this.getHeaders()
 		});
 		if (!response.ok) throw new Error(`Failed to list extensions: ${response.status} ${response.statusText}`);
 		return response.json();
 	}
 	/**
-	* Get info for a specific published extension.
+	* Get info for a specific user extension.
 	*/
 	async get(extensionId) {
-		const tokens = await this.config.authManager.getTokens();
-		if (!tokens) throw new Error("Not authenticated");
-		const headers = {
-			Authorization: `Bearer ${tokens.accessToken}`,
-			"X-Rool-Token": tokens.roolToken
-		};
 		const response = await fetch(`${this.config.extensionsUrl}/${encodeURIComponent(extensionId)}`, {
 			method: "GET",
-			headers
+			headers: await this.getHeaders()
 		});
 		if (response.status === 404) return null;
 		if (!response.ok) throw new Error(`Failed to get extension: ${response.status} ${response.statusText}`);
 		return response.json();
 	}
 	/**
-	* Publish or update an extension.
+	* Upload or update a user extension bundle.
 	* @param extensionId - URL-safe identifier for the extension
 	* @param options - Bundle zip file (must include index.html and manifest.json)
 	*/
-	async publish(extensionId, options) {
-		const tokens = await this.config.authManager.getTokens();
-		if (!tokens) throw new Error("Not authenticated");
-		const headers = {
-			Authorization: `Bearer ${tokens.accessToken}`,
-			"X-Rool-Token": tokens.roolToken
-		};
+	async upload(extensionId, options) {
 		const formData = new FormData();
 		formData.append("bundle", options.bundle);
 		const response = await fetch(`${this.config.extensionsUrl}/${encodeURIComponent(extensionId)}`, {
 			method: "POST",
-			headers,
+			headers: await this.getHeaders(),
 			body: formData
 		});
 		if (!response.ok) {
 			const errorMessage = (await response.json().catch(() => ({}))).error || `${response.status} ${response.statusText}`;
-			throw new Error(`Failed to publish extension: ${errorMessage}`);
+			throw new Error(`Failed to upload extension: ${errorMessage}`);
 		}
 		return response.json();
 	}
 	/**
-	* Unpublish an extension.
+	* Delete a user extension permanently.
 	*/
-	async unpublish(extensionId) {
-		const tokens = await this.config.authManager.getTokens();
-		if (!tokens) throw new Error("Not authenticated");
-		const headers = {
-			Authorization: `Bearer ${tokens.accessToken}`,
-			"X-Rool-Token": tokens.roolToken
-		};
+	async delete(extensionId) {
 		const response = await fetch(`${this.config.extensionsUrl}/${encodeURIComponent(extensionId)}`, {
 			method: "DELETE",
-			headers
+			headers: await this.getHeaders()
 		});
-		if (!response.ok && response.status !== 204) throw new Error(`Failed to unpublish extension: ${response.status} ${response.statusText}`);
+		if (!response.ok && response.status !== 204) throw new Error(`Failed to delete extension: ${response.status} ${response.statusText}`);
 	}
 };
 //#endregion
@@ -7498,6 +7498,12 @@ var RoolChannel = class extends EventEmitter {
 		return this._channel?.extensionUrl ?? null;
 	}
 	/**
+	* Get the extension ID if this channel has an installed extension, or null.
+	*/
+	get extensionId() {
+		return this._channel?.extensionId ?? null;
+	}
+	/**
 	* Get the active branch of the current conversation as a flat array (root → leaf).
 	* Walks from the active leaf up through parentId pointers.
 	*/
@@ -8573,7 +8579,7 @@ var RoolClient = class extends EventEmitter {
 			graphql: config.graphqlUrl ?? `${this.baseUrl}/graphql`,
 			media: config.mediaUrl ?? `${this.baseUrl}/media`,
 			auth: config.authUrl ?? `${this.baseUrl}/auth`,
-			extensions: `${this.baseUrl}/extensions`
+			extensions: `${this.baseUrl}/user-extensions`
 		};
 		this.authManager = new AuthManager({
 			authUrl: this.urls.auth,
@@ -8621,8 +8627,8 @@ var RoolClient = class extends EventEmitter {
 	* Initiate login by redirecting to auth page.
 	* @param appName - The name of the application requesting login (displayed on auth page)
 	*/
-	async login(appName) {
-		return this.authManager.login(appName);
+	async login(appName, options) {
+		return this.authManager.login(appName, options);
 	}
 	/**
 	* Logout - clear all tokens and state.
@@ -8818,53 +8824,48 @@ var RoolClient = class extends EventEmitter {
 		return user;
 	}
 	/**
-	* Publish an extension. The extension will be accessible at:
-	* https://{extensionId}.rool.app/
-	*
-	* @param extensionId - URL-safe identifier (alphanumeric, hyphens, underscores; case-insensitive, lowercased by server)
+	* Upload or update a user extension bundle.
+	* @param extensionId - URL-safe identifier (alphanumeric, hyphens, underscores)
 	* @param options - Bundle zip file (must include index.html and manifest.json)
 	*/
-	async publishExtension(extensionId, options) {
-		return this.extensionsClient.publish(extensionId, options);
+	async uploadExtension(extensionId, options) {
+		return this.extensionsClient.upload(extensionId, options);
 	}
-	/**
-	* Unpublish an extension.
-	*/
-	async unpublishExtension(extensionId) {
-		return this.extensionsClient.unpublish(extensionId);
+	/** Delete a user extension permanently (removes files and DB row). */
+	async deleteExtension(extensionId) {
+		return this.extensionsClient.delete(extensionId);
 	}
-	/**
-	* List all published extensions for the current user.
-	*/
+	/** List the current user's extensions. */
 	async listExtensions() {
 		return this.extensionsClient.list();
 	}
-	/**
-	* Get info for a specific published extension.
-	* Returns null if the extension doesn't exist.
-	*/
+	/** Get info for a specific user extension. Returns null if not found. */
 	async getExtensionInfo(extensionId) {
 		return this.extensionsClient.get(extensionId);
 	}
 	/**
-	* Search for public extensions. With a query, performs semantic search.
-	* Without a query, returns all public extensions sorted by most recently updated.
+	* Search published extensions. With a query, performs semantic search.
+	* Without a query, returns all published extensions sorted by most recently updated.
 	*/
 	async findExtensions(options) {
 		return this.graphqlClient.findExtensions(options);
 	}
 	/**
 	* Install an extension into a space.
-	* Creates (or updates) a channel with the extension's name, URL, system instruction,
-	* and collections from the published extension manifest.
-	*
-	* @param spaceId - The space to install the extension into
-	* @param extensionId - The published extension ID
-	* @param channelId - Channel ID for the extension (defaults to extensionId)
+	* If extensionId is a user extension you own, wires it directly.
+	* If it's a published extension, copies source and builds a new user extension.
 	* @returns The channel ID
 	*/
 	async installExtension(spaceId, extensionId, channelId) {
-		return this.graphqlClient.installExtension(spaceId, extensionId, channelId ?? extensionId);
+		return this.graphqlClient.installExtension(spaceId, extensionId, channelId);
+	}
+	/** Publish a user extension (make it publicly discoverable). */
+	async publishToPublic(extensionId) {
+		return this.graphqlClient.publishExtensionToPublic(extensionId);
+	}
+	/** Unpublish an extension (remove from public listing). */
+	async unpublishFromPublic(extensionId) {
+		return this.graphqlClient.unpublishExtensionFromPublic(extensionId);
 	}
 	/**
 	* Get a value from user storage (sync read from local cache).
@@ -9021,7 +9022,8 @@ var RoolClient = class extends EventEmitter {
 					createdBy: event.channelCreatedBy ?? "",
 					createdByName: event.channelCreatedByName ?? null,
 					interactionCount: 0,
-					extensionUrl: event.channelExtensionUrl ?? null
+					extensionUrl: event.channelExtensionUrl ?? null,
+					extensionId: event.channelExtensionId ?? null
 				});
 				break;
 			case "channel_renamed":
@@ -9462,7 +9464,7 @@ var DevHostController = class {
 		if (!this.currentSpaceId) return;
 		if (this.installedExtensionIds.includes(extensionId)) return;
 		try {
-			const channelId = await this.client.installExtension(this.currentSpaceId, extensionId);
+			const channelId = await this.client.installExtension(this.currentSpaceId, extensionId, extensionId);
 			const ch = await this.client.openChannel(this.currentSpaceId, channelId);
 			this.channels[extensionId] = ch;
 			this.installedExtensionIds = [...this.installedExtensionIds, extensionId];
@@ -9507,7 +9509,7 @@ var DevHostController = class {
 			const zipBlob = await buildRes.blob();
 			this.publishState = "uploading";
 			this._onChange();
-			const result = await this.client.publishExtension(this.manifest.id, { bundle: zipBlob });
+			const result = await this.client.uploadExtension(this.manifest.id, { bundle: zipBlob });
 			const existingIdx = this.publishedExtensions.findIndex((a) => a.extensionId === result.extensionId);
 			if (existingIdx >= 0) this.publishedExtensions = [
 				...this.publishedExtensions.slice(0, existingIdx),
@@ -9656,7 +9658,7 @@ var root_29 = /* @__PURE__ */ from_html(`<div class="text-[11px] text-red-500 mt
 var root_22 = /* @__PURE__ */ from_html(`<div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Publish</div> <button><!></button> <!></div>`);
 var root_30 = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>`);
 var root_31 = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>`);
-var root_2$1 = /* @__PURE__ */ from_html(`<div class="w-[280px] shrink-0 bg-white border-r border-slate-200 flex flex-col overflow-y-auto"><div class="px-4 pt-4 pb-3 border-b border-slate-100"><div class="flex items-start justify-between mb-1"><!> <button class="p-1 -mr-1 text-slate-400 hover:text-slate-600 transition-colors shrink-0" title="Collapse sidebar"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"></path></svg></button></div> <!> <!> <!></div> <!> <!> <!> <div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Environment</div> <div class="flex rounded-md border border-slate-200 overflow-hidden"><button>Local</button> <button>Dev</button> <button>Prod</button></div> <div class="text-[10px] text-slate-400 mt-1 font-mono"> </div></div> <div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Space</div> <div class="relative" data-dropdown=""><button type="button"> <svg class="absolute right-2.5 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg></button> <!></div> <div class="text-[11px] text-slate-400 leading-normal mt-1.5"><span></span> </div></div> <!> <div class="px-4 py-3 mt-auto flex items-center justify-between"><a href="https://docs.rool.dev/extension" target="_blank" rel="noopener noreferrer" class="text-[11px] text-slate-400 hover:text-indigo-500 transition-colors">Documentation</a> <button class="p-1 text-slate-400 hover:text-indigo-500 transition-colors"><!></button> <button class="text-[11px] text-slate-400 hover:text-red-500 transition-colors">Sign out</button></div></div>`);
+var root_2$1 = /* @__PURE__ */ from_html(`<div class="w-[280px] shrink-0 bg-white border-r border-slate-200 flex flex-col overflow-y-auto"><div class="px-4 pt-4 pb-3 border-b border-slate-100"><div class="flex items-start justify-between mb-1"><!> <button class="p-1 -mr-1 text-slate-400 hover:text-slate-600 transition-colors shrink-0" title="Collapse sidebar"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"></path></svg></button></div> <!> <!> <!></div> <!> <!> <!> <div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Environment</div> <div class="flex rounded-md border border-slate-200 overflow-hidden"><button>Local</button> <button>Dev</button> <button>Prod</button></div> <div class="text-[10px] text-slate-400 mt-1 font-mono"> </div></div> <div class="px-4 py-3 border-b border-slate-100"><div class="text-[10px] font-semibold text-slate-400 uppercase tracking-wider mb-1.5">Space</div> <div class="relative" data-dropdown=""><button type="button"> <svg class="absolute right-2.5 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg></button> <!></div> <div class="text-[11px] text-slate-400 leading-normal mt-1.5"><span></span> </div></div> <!> <div class="px-4 py-3 mt-auto flex items-center justify-between"><a href="https://docs.rool.dev/extension/" target="_blank" rel="noopener noreferrer" class="text-[11px] text-slate-400 hover:text-indigo-500 transition-colors">Documentation</a> <button class="p-1 text-slate-400 hover:text-indigo-500 transition-colors"><!></button> <button class="text-[11px] text-slate-400 hover:text-red-500 transition-colors">Sign out</button></div></div>`);
 function Sidebar($$anchor, $$props) {
 	push($$props, true);
 	let dropdownOpen = prop($$props, "dropdownOpen", 15);