Merge pull request #2989 from appwrite/promo/claude-plugin

Author: atharvadeosthale

src/lib/components/bottomModalAlert.svelte

@@ -141,11 +141,12 @@
     // the button component cannot have both href and on:click!
     function triggerWindowLink(alert: BottomModalAlertItem, event?: string) {
         const alertAction = alert.cta;
-        const shouldShowUpgrade = canUpgrade($organization?.billingPlanDetails);
+        const shouldShowUpgrade =
+            !alertAction.skipUpgradeRedirect && canUpgrade($organization?.billingPlanDetails);
 
         // for correct event tracking after removal
         const currentModalId = currentModalAlert.id;
-        const organizationId = $project.teamId ?? $organization.$id;
+        const organizationId = $project?.teamId ?? $organization?.$id;
 
         const url = shouldShowUpgrade
             ? getChangePlanUrl(organizationId)

src/lib/images/promos/claude-code-plugin.png

@@ -11,6 +11,7 @@ export type BottomModalAlertAction = {
     hideOnClick?: boolean;
     link: (ctx: { organization: Models.Organization; project: Models.Project }) => string;
     external?: boolean;
+    skipUpgradeRedirect?: boolean;
 };
 
 /**

src/lib/stores/bottom-alerts.ts

@@ -1,6 +1,37 @@
+import { isCloud } from '$lib/system';
 import { isSameDay } from '$lib/helpers/date';
+import { type BottomModalAlertItem, showBottomModalAlert } from '$lib/stores/bottom-alerts';
+import ClaudeCodePlugin from '$lib/images/promos/claude-code-plugin.png';
 
-export function addBottomModalAlerts() {}
+const listOfPromotions: BottomModalAlertItem[] = [];
+
+if (isCloud) {
+    const claudePluginPromo: BottomModalAlertItem = {
+        id: 'modal:claude_plugin_announcement',
+        src: {
+            dark: ClaudeCodePlugin,
+            light: ClaudeCodePlugin
+        },
+        title: 'Announcing the Appwrite Claude plugin',
+        message: 'Build, manage, and ship Appwrite projects without leaving Claude Code.',
+        plan: 'free',
+        importance: 8,
+        scope: 'everywhere',
+        cta: {
+            text: 'Read announcement',
+            link: () => 'https://appwrite.io/blog/post/announcing-appwrite-claude-code-plugin',
+            external: true,
+            hideOnClick: true,
+            skipUpgradeRedirect: true
+        },
+        show: true
+    };
+    listOfPromotions.push(claudePluginPromo);
+}
+
+export function addBottomModalAlerts() {
+    listOfPromotions.forEach((promotion) => showBottomModalAlert(promotion));
+}
 
 // use this for time based promo handling
 // noinspection JSUnusedGlobalSymbols