app/components/general-layout.tsx

@@ -159,7 +159,10 @@ const UploadFileForm = () => {
     state,
     removeFile,
     cancelAll,
-  } = useUppy();
+  } = useUppy({
+    uploader: "tus",
+    endpoint: import.meta.env.VITE_PUBLIC_TUS_ENDPOINT,
+  });
 
   console.log({ state, files: getFiles() });
 

app/components/lib/uppy.ts

@@ -19,7 +19,11 @@ const LISTENING_EVENTS = [
   "files-added"
 ] as const
 
-export function useUppy() {
+export function useUppy({
+  endpoint
+}: {
+  endpoint: string
+}) {
     const sdk = useSdk()
 
     const [uploadLimit, setUploadLimit] = useState<number>(0)
@@ -157,7 +161,7 @@ export function useUppy() {
           })
 
           if (useTus) {
-              uppy.use(Tus, { limit: 6, parallelUploads: 10 })
+              uppy.use(Tus, { endpoint: endpoint, limit: 6, parallelUploads: 10 })
               uppy.addPreProcessor(tusPreprocessor)
           }
 
@@ -207,7 +211,7 @@ export function useUppy() {
       })
     }
     setState("idle")
-  }, [targetRef, uploadLimit])
+  }, [targetRef, endpoint, uploadLimit])
 
   useEffect(() => {
     return () => {

app/data/account-provider.ts

@@ -1,11 +0,0 @@
-import type { DataProvider } from "@refinedev/core";
-import {SdkProvider} from "~/data/sdk-provider.js";
-
-export const accountProvider: SdkProvider = {
-  getList: () => { throw Error("Not Implemented") },
-  getOne: () => { throw Error("Not Implemented") },
-  update: () => { throw Error("Not Implemented") },
-  create: () => { throw Error("Not Implemented") },
-  deleteOne: () => { throw Error("Not Implemented") },
-  getApiUrl: () => "",
-}

app/data/auth-provider.ts

@@ -31,20 +31,42 @@ export type Identity = {
     email: string;
 }
 
-export const createPortalAuthProvider = (sdk: Sdk): AuthProvider => {
+export class PortalAuthProvider implements RequiredAuthProvider {
-    const maybeSetupAuth = (): void => {
+    constructor(apiUrl: string) {
-        const jwt = sdk.account().jwtToken;
+        this._sdk = Sdk.create(apiUrl);
-        if (jwt) {
+
-            sdk.setAuthToken(jwt);
+        const methods: Array<keyof AuthProvider> = [
-        }
+            'login',
-    };
+            'logout',
+            'check',
+            'onError',
+            'register',
+            'forgotPassword',
+            'updatePassword',
+            'getPermissions',
+            'getIdentity',
+        ];
+
+        methods.forEach((method) => {
+            this[method] = this[method]?.bind(this) as any;
+        });
+    }
+
+    private _sdk: Sdk;
+
+    get sdk(): Sdk {
+        return this._sdk;
+    }
+
+    public static create(apiUrl: string): AuthProvider {
+        return new PortalAuthProvider(apiUrl);
+    }
 
-    return {
     async login(params: AuthFormRequest): Promise<AuthActionResponse> {
-            const ret = await sdk.account().login({
+        const ret = await this._sdk.account().login({
             email: params.email,
             password: params.password,
-            });
+        })
 
         let redirectTo: string | undefined;
 
@@ -53,59 +75,59 @@ export const createPortalAuthProvider = (sdk: Sdk): AuthProvider => {
             if (!redirectTo) {
                 redirectTo = ret ? "/dashboard" : "/login";
             }
-                sdk.setAuthToken(sdk.account().jwtToken);
+            this._sdk.setAuthToken(this._sdk.account().jwtToken);
         }
 
         return {
             success: ret,
             redirectTo,
         };
-        },
+    }
 
     async logout(params: any): Promise<AuthActionResponse> {
-            let ret = await sdk.account().logout();
+        let ret = await this._sdk.account().logout();
         return {success: ret, redirectTo: "/login"};
-        },
+    }
 
     async check(params?: any): Promise<CheckResponse> {
-            const ret = await sdk.account().ping();
+        const ret = await this._sdk.account().ping();
 
         if(ret){
-                maybeSetupAuth();
+            this.maybeSetupAuth();
         }
 
         return {authenticated: ret, redirectTo: ret ? undefined : "/login"};
-        },
+    }
 
     async onError(error: any): Promise<OnErrorResponse> {
         return {logout: true};
-        },
+    }
 
     async register(params: RegisterFormRequest): Promise<AuthActionResponse> {
-            const ret = await sdk.account().register({
+        const ret = await this._sdk.account().register({
             email: params.email,
             password: params.password,
             first_name: params.firstName,
             last_name: params.lastName,
         });
         return {success: ret, redirectTo: ret ? "/dashboard" : undefined};
-        },
+    }
 
     async forgotPassword(params: any): Promise<AuthActionResponse> {
         return {success: true};
-        },
+    }
 
     async updatePassword(params: any): Promise<AuthActionResponse> {
         return {success: true};
-        },
+    }
 
     async getPermissions(params?: Record<string, any>): Promise<AuthActionResponse> {
         return {success: true};
-        },
+    }
 
     async getIdentity(params?: Identity): Promise<IdentityResponse> {
-            maybeSetupAuth();
+        this.maybeSetupAuth();
-            const ret = await sdk.account().info();
+        const ret = await this._sdk.account().info();
 
         if (!ret) {
             return {identity: null};
@@ -119,6 +141,24 @@ export const createPortalAuthProvider = (sdk: Sdk): AuthProvider => {
             lastName: acct.last_name,
             email: acct.email,
         };
-        },
+    }
-    };
+
-};
+    maybeSetupAuth(): void {
+       const jwt = this._sdk.account().jwtToken
+        if (jwt) {
+            this._sdk.setAuthToken(jwt);
+        }
+    }
+}
+
+export interface RequiredAuthProvider extends AuthProvider {
+    login: AuthProvider['login'];
+    logout: AuthProvider['logout'];
+    check: AuthProvider['check'];
+    onError: AuthProvider['onError'];
+    register: AuthProvider['register'];
+    forgotPassword: AuthProvider['forgotPassword'];
+    updatePassword: AuthProvider['updatePassword'];
+    getPermissions: AuthProvider['getPermissions'];
+    getIdentity: AuthProvider['getIdentity'];
+}

app/data/file-provider.ts

@@ -1,7 +1,6 @@
 import type { DataProvider } from "@refinedev/core";
-import {SdkProvider} from "~/data/sdk-provider.js";
 
-export const fileProvider: SdkProvider = {
+export const defaultProvider: DataProvider = {
   getList: () => { throw Error("Not Implemented") },
   getOne: () => { throw Error("Not Implemented") },
   update: () => { throw Error("Not Implemented") },

app/data/providers.ts

@@ -1,31 +0,0 @@
-import type {AuthProvider, DataProvider} from "@refinedev/core";
-import {fileProvider} from "~/data/file-provider.js";
-import {Sdk} from "@lumeweb/portal-sdk";
-import {accountProvider} from "~/data/account-provider.js";
-import type {SdkProvider} from "~/data/sdk-provider.js";
-import {createPortalAuthProvider} from "~/data/auth-provider.js";
-
-interface DataProviders {
-    default: SdkProvider;
-    auth: AuthProvider;
-
-    [key: string]: SdkProvider | AuthProvider;
-}
-
-let providers: DataProviders;
-
-export function getProviders(sdk: Sdk) {
-    if (providers) {
-        return providers;
-    }
-
-    accountProvider.sdk = sdk;
-    fileProvider.sdk = sdk;
-    providers = {
-        default: accountProvider,
-        auth: createPortalAuthProvider(sdk),
-        files: fileProvider,
-    };
-
-    return providers;
-}

app/data/resources.ts

@@ -1,18 +0,0 @@
-import type {ResourceProps} from "@refinedev/core";
-
-const resources: ResourceProps[] = [
-    {
-        name: 'account',
-        meta: {
-            dataProviderName: 'default',
-        }
-    },
-    {
-        name: 'file',
-        meta: {
-            dataProviderName: 'files',
-        }
-    }
-];
-
-export default resources;

app/data/sdk-provider.ts

@@ -1,6 +0,0 @@
-import {DataProvider} from "@refinedev/core";
-import {Sdk} from "@lumeweb/portal-sdk";
-
-export interface SdkProvider extends DataProvider {
-    sdk?: Sdk;
-}

app/root.tsx

@@ -1,4 +1,10 @@
-import {Links, Meta, Outlet, Scripts, ScrollRestoration,} from "@remix-run/react";
+import {
+    Links,
+    Meta,
+    Outlet,
+    Scripts,
+    ScrollRestoration,
+} from "@remix-run/react";
 
 import stylesheet from "./tailwind.css?url";
 import type { LinksFunction } from "@remix-run/node";
@@ -6,11 +12,10 @@ import type {LinksFunction} from "@remix-run/node";
 // Supports weights 200-800
 import '@fontsource-variable/manrope';
 import {Refine} from "@refinedev/core";
+import {PortalAuthProvider} from "~/data/auth-provider.js";
 import routerProvider from "@refinedev/remix-router";
+import { defaultProvider } from "./data/file-provider";
 import {SdkContextProvider} from "~/components/lib/sdk-context.js";
-import {getProviders} from "~/data/providers.js";
-import {Sdk} from "@lumeweb/portal-sdk";
-import resources from "~/data/resources.js";
 
 export const links: LinksFunction = () => [
   { rel: "stylesheet", href: stylesheet },
@@ -35,17 +40,19 @@ export function Layout({children}: { children: React.ReactNode }) {
 }
 
 export default function App() {
-    const sdk = Sdk.create(import.meta.env.VITE_PORTAL_URL)
+    const auth = PortalAuthProvider.create("https://alpha.pinner.xyz")
-    const providers = getProviders(sdk);
     return (
         <Refine
-            authProvider={providers.auth}
+            authProvider={auth}
             routerProvider={routerProvider}
-            dataProvider={providers.default}
+            dataProvider={defaultProvider}
-            resources={resources}
+            resources={[
+                { name: 'files' },
+                { name: 'users' }
+            ]}
             options={{disableTelemetry: true}}
         >
-            <SdkContextProvider sdk={sdk}>
+            <SdkContextProvider sdk={(auth as PortalAuthProvider).sdk}>
                 <Outlet/>
             </SdkContextProvider>
         </Refine>

vite-env.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-    readonly VITE_PORTAL_API_URL: string
-}
-
-interface ImportMeta {
-    readonly env: ImportMetaEnv
-}