SolidStart

import { createTimeback } from '@timeback/sdk'

export const timeback = await createTimeback({
    env: 'staging',
    api: {
        clientId: process.env.TIMEBACK_API_CLIENT_ID!,
        clientSecret: process.env.TIMEBACK_API_CLIENT_SECRET!,
    },
    identity: {
        mode: 'sso',
        clientId: process.env.AWS_COGNITO_CLIENT_ID!,
        clientSecret: process.env.AWS_COGNITO_CLIENT_SECRET!,
        redirectUri: 'http://localhost:3000/api/timeback/identity/callback',
        onCallbackSuccess: async ({ user, state, redirect }) => {
            await setSession({ id: user.id, email: user.email })
            return redirect(state?.returnTo ?? '/')
        },
        onCallbackError: ({ error, redirect }) => {
            return redirect('/?error=sso_failed')
        },
        getUser: () => getSession(),
    },
})

import { createMiddleware } from '@solidjs/start/middleware'
import { solidStartHandler } from '@timeback/sdk/solid-start'
import { timeback } from '~/lib/timeback'

export default createMiddleware({
    onRequest: [
        async event => {
            const response = await solidStartHandler({
                timeback,
                event,
            })
            if (response) return response
        },
    ],
})

import { toSolidStartHandler } from '@timeback/sdk/solid-start'
import { timeback } from '~/lib/timeback'

const handlers = toSolidStartHandler(timeback)

export const GET = handlers.GET
export const POST = handlers.POST

import { TimebackProvider } from '@timeback/sdk/solid'
import { Router } from '@solidjs/router'
import { FileRoutes } from '@solidjs/start/router'
import { Suspense } from 'solid-js'

export default function App() {
    return (
        <TimebackProvider>
            <Router root={props => <Suspense>{props.children}</Suspense>}>
                <FileRoutes />
            </Router>
        </TimebackProvider>
    )
}

import { SignInButton, createTimebackVerification } from '@timeback/sdk/solid'
import { Show } from 'solid-js'

export function UserStatus() {
    const verification = createTimebackVerification()

    return (
        <Show when={verification.state.status === 'verified'} fallback={<SignInButton size="lg">Sign In</SignInButton>}>
            <div>Welcome!</div>
        </Show>
    )
}