url/checkcle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✅ Fixed: fix to correct API base URL at runtime without hardcoding the domain or port. Now it works under any custom domain via reverse proxy

Browse Source
This commit is contained in:
Tola Leng
2025-05-12 23:21:46 +08:00
parent 8ef3614908
commit cf28eb41d6
1 changed files with 12 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/src/lib/pocketbase.ts
+12 -18
View File
@@ -1,17 +1,16 @@
import PocketBase from 'pocketbase'; import PocketBase from 'pocketbase';
// Dynamically detect API base URL from current host (for use in browser) // Auto-detect base URL from browser location
const dynamicBaseUrl = const dynamicBaseUrl =
typeof window !== 'undefined' typeof window !== 'undefined'
? `${window.location.protocol}//${window.location.hostname}:8090` ? window.location.origin
: 'http://localhost:8090'; : 'http://localhost:8090';
// Define available API endpoints // Define API endpoints
export const API_ENDPOINTS = { export const API_ENDPOINTS = {
REMOTE: dynamicBaseUrl REMOTE: dynamicBaseUrl
}; };
// Get the current endpoint from localStorage or use remote as default
export const getCurrentEndpoint = (): string => { export const getCurrentEndpoint = (): string => {
if (typeof window !== 'undefined') { if (typeof window !== 'undefined') {
const savedEndpoint = localStorage.getItem('pocketbase_endpoint'); const savedEndpoint = localStorage.getItem('pocketbase_endpoint');
@@ -20,26 +19,19 @@ export const getCurrentEndpoint = (): string => {
return API_ENDPOINTS.REMOTE; return API_ENDPOINTS.REMOTE;
}; };
// Set the API endpoint and reinitialize PocketBase
export const setApiEndpoint = (endpoint: string): void => { export const setApiEndpoint = (endpoint: string): void => {
if (typeof window !== 'undefined') { if (typeof window !== 'undefined') {
localStorage.setItem('pocketbase_endpoint', endpoint); localStorage.setItem('pocketbase_endpoint', endpoint);
window.location.reload(); // Reload to reinitialize PocketBase with new endpoint window.location.reload();
} }
}; };
// Initialize the PocketBase client with the current API URL
export const pb = new PocketBase(getCurrentEndpoint()); export const pb = new PocketBase(getCurrentEndpoint());
// Helper to check if user is authenticated export const isAuthenticated = () => pb.authStore.isValid;
export const isAuthenticated = () => {
return pb.authStore.isValid;
};
// Export the auth store for use in components
export const authStore = pb.authStore; export const authStore = pb.authStore;
// Configure PocketBase to persist authentication between page reloads
if (typeof window !== 'undefined') { if (typeof window !== 'undefined') {
const storedAuthData = localStorage.getItem('pocketbase_auth'); const storedAuthData = localStorage.getItem('pocketbase_auth');
if (storedAuthData) { if (storedAuthData) {
@@ -52,13 +44,15 @@ if (typeof window !== 'undefined') {
} }
} }
// Subscribe to authStore changes to persist authentication
pb.authStore.onChange(() => { pb.authStore.onChange(() => {
if (pb.authStore.isValid) { if (pb.authStore.isValid) {
localStorage.setItem('pocketbase_auth', JSON.stringify({ localStorage.setItem(
token: pb.authStore.token, 'pocketbase_auth',
model: pb.authStore.model JSON.stringify({
})); token: pb.authStore.token,
model: pb.authStore.model
})
);
} else { } else {
localStorage.removeItem('pocketbase_auth'); localStorage.removeItem('pocketbase_auth');
} }