@mdguggenbichler/slugbase-core 0.0.30 → 0.0.31

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/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/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.30",
+  "version": "0.0.31",
   "description": "SlugBase core: backend and frontend entrypoints for self-hosted and cloud apps",
   "type": "module",
   "exports": {