update cf on insights
This commit is contained in:
@@ -4,10 +4,6 @@ export function meta({}: Route.MetaArgs) {
|
||||
return [{ title: 'Visão geral' }]
|
||||
}
|
||||
|
||||
export function loader({ context }: Route.LoaderArgs) {
|
||||
return { message: context.cloudflare.env.VALUE_FROM_CLOUDFLARE }
|
||||
}
|
||||
|
||||
export default function Route({}: Route.ComponentProps) {
|
||||
return <></>
|
||||
}
|
||||
|
||||
@@ -5,6 +5,8 @@ import { MeiliSearchFilterBuilder } from 'meilisearch-helper'
|
||||
import { Suspense, useState } from 'react'
|
||||
import { Await, Outlet, useSearchParams } from 'react-router'
|
||||
|
||||
import { cloudflareContext } from '@repo/auth/context'
|
||||
|
||||
import { DataTable, DataTableViewOptions } from '@repo/ui/components/data-table'
|
||||
import { FacetedFilter } from '@repo/ui/components/faceted-filter'
|
||||
import { RangeCalendarFilter } from '@repo/ui/components/range-calendar-filter'
|
||||
@@ -22,6 +24,7 @@ export function meta({}: Route.MetaArgs) {
|
||||
}
|
||||
|
||||
export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
const cloudflare = context.get(cloudflareContext)
|
||||
const { searchParams } = new URL(request.url)
|
||||
const query = searchParams.get('q') || ''
|
||||
const from = searchParams.get('from')
|
||||
@@ -49,7 +52,7 @@ export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
query,
|
||||
page,
|
||||
hitsPerPage,
|
||||
env: context.cloudflare.env
|
||||
env: cloudflare.env
|
||||
})
|
||||
|
||||
return {
|
||||
@@ -76,7 +79,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
|
||||
</div>
|
||||
|
||||
<Await resolve={data}>
|
||||
{({ hits, page, hitsPerPage, totalHits }) => (
|
||||
{({ hits, page = 1, hitsPerPage, totalHits }) => (
|
||||
<DataTable
|
||||
sort={[{ id: 'created_at', desc: true }]}
|
||||
columnPinning={{ left: ['select'], right: ['action'] }}
|
||||
|
||||
@@ -3,6 +3,7 @@ import type { Route } from './+types/route'
|
||||
import { Suspense } from 'react'
|
||||
import { Await, useSearchParams } from 'react-router'
|
||||
|
||||
import { cloudflareContext } from '@repo/auth/context'
|
||||
import { DataTable } from '@repo/ui/components/data-table'
|
||||
import { SearchForm } from '@repo/ui/components/search-form'
|
||||
import { Skeleton } from '@repo/ui/components/skeleton'
|
||||
@@ -16,6 +17,7 @@ export function meta({}: Route.MetaArgs) {
|
||||
}
|
||||
|
||||
export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
const cloudflare = context.get(cloudflareContext)
|
||||
const { searchParams } = new URL(request.url)
|
||||
const query = searchParams.get('q') || ''
|
||||
const page = Number(searchParams.get('p')) + 1
|
||||
@@ -28,7 +30,7 @@ export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
query,
|
||||
page,
|
||||
hitsPerPage,
|
||||
env: context.cloudflare.env
|
||||
env: cloudflare.env
|
||||
})
|
||||
|
||||
return { data: orgs }
|
||||
|
||||
@@ -1,9 +1,12 @@
|
||||
import type { Route } from './+types/route'
|
||||
|
||||
import { createSearch } from '@repo/util/meili'
|
||||
import { data } from 'react-router'
|
||||
|
||||
import { cloudflareContext } from '@repo/auth/context'
|
||||
import { createSearch } from '@repo/util/meili'
|
||||
|
||||
export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
const cloudflare = context.get(cloudflareContext)
|
||||
const { searchParams } = new URL(request.url)
|
||||
const query = searchParams.get('q') || ''
|
||||
const page = Number(searchParams.get('p')) + 1
|
||||
@@ -16,7 +19,7 @@ export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
query,
|
||||
page,
|
||||
hitsPerPage,
|
||||
env: context.cloudflare.env
|
||||
env: cloudflare.env
|
||||
})
|
||||
|
||||
return data(r)
|
||||
|
||||
@@ -3,6 +3,7 @@ import type { Route } from './+types/route'
|
||||
import { Suspense } from 'react'
|
||||
import { Await } from 'react-router'
|
||||
|
||||
import { cloudflareContext } from '@repo/auth/context'
|
||||
import { DataTable } from '@repo/ui/components/data-table'
|
||||
import { Skeleton } from '@repo/ui/components/skeleton'
|
||||
import { createSearch } from '@repo/util/meili'
|
||||
@@ -14,6 +15,7 @@ export function meta({}: Route.MetaArgs) {
|
||||
}
|
||||
|
||||
export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
const cloudflare = context.get(cloudflareContext)
|
||||
const { searchParams } = new URL(request.url)
|
||||
const page = Number(searchParams.get('p')) + 1
|
||||
const sort = searchParams.get('sort') || 'create_date:desc'
|
||||
@@ -25,7 +27,7 @@ export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
sort: [sort],
|
||||
page,
|
||||
hitsPerPage,
|
||||
env: context.cloudflare.env
|
||||
env: cloudflare.env
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -38,7 +40,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
|
||||
</div>
|
||||
|
||||
<Await resolve={data}>
|
||||
{({ hits, page, hitsPerPage, totalHits }) => {
|
||||
{({ hits, page = 1, hitsPerPage, totalHits }) => {
|
||||
return (
|
||||
<DataTable
|
||||
sort={[{ id: 'created_at', desc: true }]}
|
||||
|
||||
@@ -4,6 +4,7 @@ import { Suspense } from 'react'
|
||||
import { Await, useSearchParams } from 'react-router'
|
||||
import { MeiliSearchFilterBuilder } from 'meilisearch-helper'
|
||||
|
||||
import { cloudflareContext } from '@repo/auth/context'
|
||||
import { DataTable } from '@repo/ui/components/data-table'
|
||||
import { SearchForm } from '@repo/ui/components/search-form'
|
||||
import { Skeleton } from '@repo/ui/components/skeleton'
|
||||
@@ -17,6 +18,7 @@ export function meta({}: Route.MetaArgs) {
|
||||
}
|
||||
|
||||
export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
const cloudflare = context.get(cloudflareContext)
|
||||
const { searchParams } = new URL(request.url)
|
||||
const query = searchParams.get('q') || ''
|
||||
const sort = searchParams.get('sort') || 'createDate:desc'
|
||||
@@ -32,13 +34,13 @@ export async function loader({ context, request }: Route.LoaderArgs) {
|
||||
query,
|
||||
page,
|
||||
hitsPerPage,
|
||||
env: context.cloudflare.env
|
||||
env: cloudflare.env
|
||||
})
|
||||
|
||||
return { data: users }
|
||||
}
|
||||
|
||||
export default function Route({ loaderData: { data } }) {
|
||||
export default function Route({ loaderData: { data } }: Route.ComponentProps) {
|
||||
const [searchParams, setSearchParams] = useSearchParams()
|
||||
|
||||
return (
|
||||
@@ -48,7 +50,7 @@ export default function Route({ loaderData: { data } }) {
|
||||
</div>
|
||||
|
||||
<Await resolve={data}>
|
||||
{({ hits, page, hitsPerPage, totalHits }) => {
|
||||
{({ hits, page = 1, hitsPerPage, totalHits }) => {
|
||||
return (
|
||||
<DataTable
|
||||
sort={[{ id: 'created_at', desc: true }]}
|
||||
|
||||
@@ -3,30 +3,29 @@ import type { Route } from './+types/route'
|
||||
import { redirect } from 'react-router'
|
||||
|
||||
import { createAuth, type User } from '@repo/auth/auth'
|
||||
import { requestIdContext } from '@repo/auth/context'
|
||||
import { requestIdContext, cloudflareContext } from '@repo/auth/context'
|
||||
import { createSessionStorage } from '@repo/auth/session'
|
||||
|
||||
export async function loader({ request, context }: Route.ActionArgs) {
|
||||
export async function loader({ request, context }: Route.LoaderArgs) {
|
||||
const url = new URL(request.url)
|
||||
const sessionStorage = createSessionStorage(context.cloudflare.env)
|
||||
const cloudflare = context.get(cloudflareContext)
|
||||
const sessionStorage = createSessionStorage(cloudflare.env)
|
||||
const session = await sessionStorage.getSession(request.headers.get('cookie'))
|
||||
const requestId = context.get(requestIdContext)
|
||||
const user = session.get('user') as User | null
|
||||
const returnTo = (
|
||||
session.has('returnTo') ? session.get('returnTo') : '/'
|
||||
) as string
|
||||
const user = session.get('user')
|
||||
const returnTo = (session.get('returnTo') as string | undefined) ?? '/'
|
||||
|
||||
if (user) {
|
||||
return redirect(returnTo)
|
||||
}
|
||||
|
||||
try {
|
||||
const authenticator = createAuth(
|
||||
context.cloudflare.env,
|
||||
`${url?.origin}/login`
|
||||
)
|
||||
const user = await authenticator.authenticate('oidc', request)
|
||||
session.set('user', user)
|
||||
const authenticator = createAuth(cloudflare.env, `${url.origin}/login`)
|
||||
const authenticatedUser = (await authenticator.authenticate(
|
||||
'oidc',
|
||||
request
|
||||
)) as User
|
||||
session.set('user', authenticatedUser)
|
||||
|
||||
console.log(`[${requestId}] Redirecting the user to ${returnTo}`)
|
||||
|
||||
|
||||
@@ -5,12 +5,14 @@ import type { OAuth2Strategy } from 'remix-auth-oauth2'
|
||||
|
||||
import { createAuth, type User } from '@repo/auth/auth'
|
||||
import { createSessionStorage } from '@repo/auth/session'
|
||||
import { cloudflareContext } from '@repo/auth/context'
|
||||
|
||||
export async function loader({ request, context }: Route.LoaderArgs) {
|
||||
const authenticator = createAuth(context.cloudflare.env)
|
||||
const sessionStorage = createSessionStorage(context.cloudflare.env)
|
||||
const cloudflare = context.get(cloudflareContext)
|
||||
const authenticator = createAuth(cloudflare.env)
|
||||
const sessionStorage = createSessionStorage(cloudflare.env)
|
||||
const session = await sessionStorage.getSession(request.headers.get('cookie'))
|
||||
const user = session.get('user') as User
|
||||
const user = session.get('user')
|
||||
const strategy = authenticator.get<OAuth2Strategy<User>>('oidc')
|
||||
|
||||
if (user?.accessToken && strategy) {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import type { Route } from './+types/route'
|
||||
|
||||
import type { User } from '@repo/auth/auth'
|
||||
import { userContext } from '@repo/auth/context'
|
||||
import { userContext, cloudflareContext } from '@repo/auth/context'
|
||||
import { authMiddleware } from '@repo/auth/middleware/auth'
|
||||
|
||||
export const middleware: Route.MiddlewareFunction[] = [authMiddleware]
|
||||
@@ -13,8 +13,9 @@ async function proxy({
|
||||
context
|
||||
}: Route.ActionArgs): Promise<Response> {
|
||||
const pathname = new URL(request.url).pathname.replace(/^\/~\/api\//, '')
|
||||
const user = context.get(userContext) as User
|
||||
const url = new URL(pathname, context.cloudflare.env.API_URL)
|
||||
const cloudflare = context.get(cloudflareContext)
|
||||
const user = context.get(userContext)!
|
||||
const url = new URL(pathname, cloudflare.env.API_URL)
|
||||
const headers = new Headers(request.headers)
|
||||
|
||||
headers.set('Authorization', `Bearer ${user.accessToken}`)
|
||||
|
||||
Reference in New Issue
Block a user