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

Updated Pocket API Connection for production

Browse Source
This commit is contained in:
Tola Leng
2025-05-20 16:45:31 +08:00
parent 34e78e5c46
commit e4b5ba96c1
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');
} }