@mdguggenbichler/slugbase-core 0.0.29 → 0.0.31

package/frontend/src/components/sharing/ShareResourceDialog.tsx

@@ -14,7 +14,7 @@ import { ScrollArea } from '../ui/scroll-area';
 import Button from '../ui/Button';
 import Tooltip from '../ui/Tooltip';
 import { useToast } from '../ui/Toast';
-import { UserPlus, User, Users, X } from 'lucide-react';
+import { User, Users, X } from 'lucide-react';
 import { cn } from '@/lib/utils';
 
 interface SharedUser {
@@ -146,9 +146,10 @@ export default function ShareResourceDialog({
       const msg = err.response?.data?.error || t('common.error');
       setError(msg);
       showToast(msg, 'error');
-    } finally {
       setSaving(false);
+      throw err;
     }
+    setSaving(false);
   }
 
   function handleRemoveUser(userId: string) {
@@ -162,11 +163,19 @@ export default function ShareResourceDialog({
   }
 
   function handleAddUser(userId: string) {
+    if (sharedUsers.some((u) => u.id === userId)) return;
+    const userToAdd = allUsers.find((u) => u.id === userId);
     const newUserIds = [...sharedUsers.map((u) => u.id), userId];
-    if (newUserIds.includes(userId)) return;
-    updateShares(newUserIds, sharedTeams.map((t) => t.id), false);
+    if (userToAdd) {
+      setSharedUsers((prev) => [...prev, userToAdd]);
+    }
     setPeopleDropdownOpen(false);
     setEmailInput('');
+    updateShares(newUserIds, sharedTeams.map((t) => t.id), false).catch(() => {
+      if (userToAdd) {
+        setSharedUsers((prev) => prev.filter((u) => u.id !== userId));
+      }
+    });
   }
 
   function handleAddUserByEmail() {
@@ -181,9 +190,17 @@ export default function ShareResourceDialog({
   }
 
   function handleAddTeam(teamId: string) {
+    if (sharedTeams.some((t) => t.id === teamId)) return;
+    const teamToAdd = teams.find((t) => t.id === teamId);
     const newTeamIds = [...sharedTeams.map((t) => t.id), teamId];
-    if (newTeamIds.includes(teamId)) return;
-    updateShares(sharedUsers.map((u) => u.id), newTeamIds, false);
+    if (teamToAdd) {
+      setSharedTeams((prev) => [...prev, teamToAdd]);
+    }
+    updateShares(sharedUsers.map((u) => u.id), newTeamIds, false).catch(() => {
+      if (teamToAdd) {
+        setSharedTeams((prev) => prev.filter((t) => t.id !== teamId));
+      }
+    });
   }
 
   const searchQuery = emailInput.trim().toLowerCase();
@@ -326,41 +343,29 @@ export default function ShareResourceDialog({
               {allowShareToUsers && (activeTab === 'people' || !allowShareToTeams) && (
                 <div className="space-y-2">
                   <div className="relative">
-                    <div className="flex gap-2">
-                      <Input
-                        placeholder={t('admin.searchUsers')}
-                        value={emailInput}
-                        onChange={(e) => {
-                          setEmailInput(e.target.value);
+                    <Input
+                      placeholder={t('admin.searchUsers')}
+                      value={emailInput}
+                      onChange={(e) => {
+                        setEmailInput(e.target.value);
+                        setPeopleDropdownOpen(true);
+                      }}
+                      onFocus={() => {
+                        if (searchQuery.length >= MIN_CHARS_FOR_USER_DROPDOWN)
                           setPeopleDropdownOpen(true);
-                        }}
-                        onFocus={() => {
-                          if (searchQuery.length >= MIN_CHARS_FOR_USER_DROPDOWN)
-                            setPeopleDropdownOpen(true);
-                        }}
-                        onBlur={() => {
-                          setTimeout(() => setPeopleDropdownOpen(false), 150);
-                        }}
-                        onKeyDown={(e) => {
-                          if (e.key === 'Enter') {
-                            e.preventDefault();
-                            handleAddUserByEmail();
-                          }
-                        }}
-                        className="flex-1"
-                        autoComplete="off"
-                      />
-                      <Button
-                        type="button"
-                        variant="outline"
-                        size="sm"
-                        disabled={saving}
-                        onClick={() => handleAddUserByEmail()}
-                      >
-                        <UserPlus className="h-4 w-4" />
-                        {t('sharing.add')}
-                      </Button>
-                    </div>
+                      }}
+                      onBlur={() => {
+                        setTimeout(() => setPeopleDropdownOpen(false), 150);
+                      }}
+                      onKeyDown={(e) => {
+                        if (e.key === 'Enter') {
+                          e.preventDefault();
+                          handleAddUserByEmail();
+                        }
+                      }}
+                      className="w-full"
+                      autoComplete="off"
+                    />
                     {peopleDropdownOpen && showUserDropdown && (
                       <div
                         className="absolute top-full left-0 right-0 z-10 mt-1 max-h-48 overflow-auto rounded-md border bg-popover shadow-md"

package/frontend/src/config/docs.ts

@@ -0,0 +1,19 @@
+/**
+ * Documentation URLs at docs.slugbase.app.
+ * Paths differ by mode: selfhosted (/selfhosted/...) vs cloud (/cloud/...).
+ */
+import { isCloud } from './mode';
+
+const DOCS_BASE = 'https://docs.slugbase.app';
+
+/** URL to the API Reference section (selfhosted or cloud). */
+export function getDocsApiReferenceUrl(): string {
+  const path = isCloud ? 'cloud/api-reference' : 'selfhosted/api-reference';
+  return `${DOCS_BASE}/${path}`;
+}
+
+/** URL to docs home/overview (selfhosted intro or cloud overview). */
+export function getDocsBaseUrl(): string {
+  const path = isCloud ? 'cloud/overview' : 'selfhosted/intro';
+  return `${DOCS_BASE}/${path}`;
+}

package/frontend/src/config/mode.ts

@@ -1,6 +1,8 @@
 /**
- * SlugBase frontend runtime mode is self-hosted only.
+ * SlugBase frontend runtime mode: self-hosted or cloud.
+ * Derived from VITE_SLUGBASE_MODE at build time (cloud builds set it to 'cloud').
  */
-export const mode: 'selfhosted' = 'selfhosted';
-export const isCloud = false;
-export const isSelfhosted = true;
+const buildMode = import.meta.env.VITE_SLUGBASE_MODE === 'cloud' ? 'cloud' : 'selfhosted';
+export const mode: 'selfhosted' | 'cloud' = buildMode;
+export const isCloud = buildMode === 'cloud';
+export const isSelfhosted = !isCloud;

package/frontend/src/pages/Folders.tsx

@@ -368,8 +368,6 @@ export default function Folders() {
                       )}
                     </div>
                   </div>
-                  {/* TODO: Add bookmark_count when backend supports it */}
-                  <p className="text-xs text-muted-foreground">—</p>
                 </div>
               </Link>
               {folder.folder_type === 'own' && (

package/frontend/src/pages/Profile.tsx

@@ -14,6 +14,7 @@ import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter }
 import { Badge } from '../components/ui/badge';
 import { Input } from '../components/ui/input';
 import api from '../api/client';
+import { getDocsApiReferenceUrl } from '../config/docs';
 
 interface ApiToken {
   id: string;
@@ -58,7 +59,7 @@ function SettingsRow({
 
 export default function Profile() {
   const { t } = useTranslation();
-  const { pathPrefixForLinks, apiBaseUrl } = useAppConfig();
+  const { pathPrefixForLinks } = useAppConfig();
   const prefix = (pathPrefixForLinks || '').replace(/\/+/g, '/') || '';
   const { user, updateUser, checkAuth } = useAuth();
   const { showToast } = useToast();
@@ -510,7 +511,7 @@ export default function Profile() {
               </p>
             </div>
             <a
-              href={apiBaseUrl ? `${apiBaseUrl}/api-docs` : '/api-docs'}
+              href={getDocsApiReferenceUrl()}
               target="_blank"
               rel="noopener noreferrer"
               className="text-sm font-medium text-primary hover:text-primary/90 inline-block"

package/frontend/src/pages/Signup.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import api from '../api/client';
 import { useAppConfig } from '../contexts/AppConfigContext';
 import Button from '../components/ui/Button';
+import { getDocsBaseUrl } from '../config/docs';
 
 const MIN_PASSWORD_LENGTH = 8;
 
@@ -162,11 +163,11 @@ export default function Signup() {
               />
               <label htmlFor="signup-accept-terms" className="text-sm text-gray-700 dark:text-gray-300">
                 {t('signup.acceptTermsPrefix')}
-                <a href="https://docs.slugbase.app" target="_blank" rel="noopener noreferrer" className="text-blue-600 dark:text-blue-400 hover:underline">
+                <a href={getDocsBaseUrl()} target="_blank" rel="noopener noreferrer" className="text-blue-600 dark:text-blue-400 hover:underline">
                   {t('signup.acceptTermsTerms')}
                 </a>
                 {t('signup.acceptTermsAnd')}
-                <a href="https://docs.slugbase.app" target="_blank" rel="noopener noreferrer" className="text-blue-600 dark:text-blue-400 hover:underline">
+                <a href={getDocsBaseUrl()} target="_blank" rel="noopener noreferrer" className="text-blue-600 dark:text-blue-400 hover:underline">
                   {t('signup.acceptTermsPrivacy')}
                 </a>
                 {t('signup.acceptTermsSuffix')}

package/frontend/src/pages/Tags.tsx

@@ -287,8 +287,6 @@ export default function Tags() {
                       </h3>
                     </div>
                   </div>
-                  {/* TODO: Add bookmark_count when backend supports it */}
-                  <p className="text-xs text-muted-foreground">—</p>
                 </div>
               </Link>
               <div className={`flex gap-1.5 pt-2.5 mt-auto shrink-0 border-t border-border ${compactMode ? 'pt-2' : ''}`}>

package/frontend/src/pages/admin/AdminLayout.tsx

@@ -1,6 +1,7 @@
 import { useTranslation } from 'react-i18next';
 import { Outlet } from 'react-router-dom';
 import { ExternalLink } from 'lucide-react';
+import { getDocsApiReferenceUrl } from '../../config/docs';
 
 export default function AdminLayout() {
   const { t } = useTranslation();
@@ -25,7 +26,7 @@ export default function AdminLayout() {
             </p>
           </div>
           <a
-            href="/api-docs"
+            href={getDocsApiReferenceUrl()}
             target="_blank"
             rel="noopener noreferrer"
             className="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary hover:text-primary/90 transition-colors"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdguggenbichler/slugbase-core",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "description": "SlugBase core: backend and frontend entrypoints for self-hosted and cloud apps",
   "type": "module",
   "exports": {