8 | {errors?.map((error, index) => (
9 |
12 | );
13 | }
--------------------------------------------------------------------------------
/apps/webapp/app/components/tags.ts:
--------------------------------------------------------------------------------
1 | const validBackgroundColors = [
2 | "bg-green-100",
3 | "bg-lime-100",
4 | "bg-yellow-100",
5 | "bg-red-100",
6 | "bg-blue-100",
7 | "bg-indigo-100",
8 | "bg-orange-100",
9 | "bg-pink-100",
10 | "bg-gray-100",
11 | "bg-purple-100",
12 | "bg-teal-100",
13 | ];
14 |
15 | const validTextColors = [
16 | "text-green-900",
17 | "text-lime-900",
18 | "text-yellow-900",
19 | "text-red-900",
20 | "text-blue-900",
21 | "text-indigo-900",
22 | "text-orange-900",
23 | "text-pink-900",
24 | "text-gray-900",
25 | "text-purple-900",
26 | "text-teal-900",
27 | ];
28 |
29 | export function classNamesForTagName(name: string) {
30 | const backgroundColor =
31 | validBackgroundColors[
32 | Math.abs(hashCode(name)) % validBackgroundColors.length
33 | ];
34 | const textColor =
35 | validTextColors[Math.abs(hashCode(name)) % validTextColors.length];
36 |
37 | return `${backgroundColor} ${textColor}`;
38 | }
39 |
40 | function hashCode(str: string) {
41 | let hash = 0;
42 | for (let i = 0; i < str.length; i++) {
43 | hash = str.charCodeAt(i) + ((hash << 5) - hash);
44 | }
45 | return hash;
46 | }
47 |
--------------------------------------------------------------------------------
/apps/webapp/app/entry.client.tsx:
--------------------------------------------------------------------------------
1 | import { RemixBrowser, useLocation, useMatches } from "@remix-run/react";
2 | import { hydrate } from "react-dom";
3 | import * as Sentry from "@sentry/remix";
4 | import { useEffect } from "react";
5 |
6 | hydrate({error}
10 | ))} 11 |
11 | {isSupported === true ? (
12 | 
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/CopyText.tsx:
--------------------------------------------------------------------------------
1 | import React, { useCallback } from "react";
2 |
3 | export type CopyTextProps = {
4 | children?: React.ReactNode;
5 | value: string;
6 | className?: string;
7 | onCopied?: () => void;
8 | };
9 |
10 | export function CopyText({
11 | children,
12 | value,
13 | className,
14 | onCopied,
15 | }: CopyTextProps) {
16 | const onClick = useCallback(() => {
17 | navigator.clipboard.writeText(value);
18 | if (onCopied) {
19 | onCopied();
20 | }
21 | }, [value, onCopied]);
22 |
23 | return (
24 |
25 | {children}
26 |
27 | );
28 | }
29 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/DataErrorCount.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | CheckCircleIcon,
3 | ExclamationCircleIcon,
4 | } from "@heroicons/react/24/solid";
5 |
6 | export type DataErrorCountProps = {
7 | errorCount: number;
8 | };
9 |
10 | export function DataErrorCount({ errorCount }: DataErrorCountProps) {
11 | return (
12 |
13 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/DocumentationIcon.tsx:
--------------------------------------------------------------------------------
1 | import DocumentTextIcon from "@heroicons/react/24/solid/DocumentTextIcon";
2 |
3 | type DocumentationIconProps = {
4 | onClick?: () => void;
5 | className?: string;
6 | };
7 |
8 | export function DocumentationIcon({
9 | onClick,
10 | className,
11 | }: DocumentationIconProps) {
12 | return (
13 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Icons/SwitchPanelIcon.ts:
--------------------------------------------------------------------------------
1 | import type { ReactSVGElement } from "react";
2 |
3 | export type SwitchPanelIcon = ReactSVGElement;
4 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Icons/SwitchPanelIconBottom.tsx:
--------------------------------------------------------------------------------
1 | export type SwitchPanelIconBottomProps = {
2 | className?: string;
3 | };
4 |
5 | export function SwitchPanelIconBottom({
6 | className,
7 | }: SwitchPanelIconBottomProps) {
8 | return (
9 |
27 | );
28 | }
29 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Icons/SwitchPanelIconLeft.tsx:
--------------------------------------------------------------------------------
1 | export type SwitchPanelIconLeftProps = {
2 | className?: string;
3 | };
4 |
5 | export function SwitchPanelIconLeft({ className }: SwitchPanelIconLeftProps) {
6 | return (
7 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Icons/SwitchPanelIconRight.tsx:
--------------------------------------------------------------------------------
1 | export type SwitchPanelIconRightProps = {
2 | className?: string;
3 | };
4 |
5 | export function SwitchPanelIconRight({ className }: SwitchPanelIconRightProps) {
6 | return (
7 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Icons/SwitchPanelIconTop.tsx:
--------------------------------------------------------------------------------
1 | export type SwitchPanelIconTopProps = {
2 | className?: string;
3 | };
4 |
5 | export function SwitchPanelIconTop({ className }: SwitchPanelIconTopProps) {
6 | return (
7 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Icons/SwitchPanelMenuIcon.tsx:
--------------------------------------------------------------------------------
1 | export type SwitchPanelIconProps = {
2 | className?: string;
3 | };
4 |
5 | export function SwitchPanelMenuIcon({ className }: SwitchPanelIconProps) {
6 | return (
7 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/NavBar.tsx:
--------------------------------------------------------------------------------
1 | import { Breadcrumb } from "./Breadcrumb";
2 |
3 | export function NavBar() {
4 | return (
5 | 14 | Errors: 15 |
16 | {errorCount === 0 ? ( 17 |
18 |
21 | ) : (
22 | {errorCount}
20 |
23 |
26 | )}
27 | {errorCount}
25 |
6 |
8 | );
9 | }
10 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Panel/Panel.tsx:
--------------------------------------------------------------------------------
1 | export type PanelProps = {
2 | children: React.ReactNode;
3 | className?: string;
4 | };
5 |
6 | export function Panel({ children, className }: PanelProps) {
7 | return (
8 |
9 | {children}
10 |
11 | );
12 | }
13 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Panel/PanelBody.tsx:
--------------------------------------------------------------------------------
1 | export type PanelBodyProps = {
2 | children: React.ReactNode;
3 | className?: string;
4 | };
5 |
6 | export function PanelBody({ children, className }: PanelBodyProps) {
7 | return {children}
;
8 | }
9 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Panel/PanelHeader.tsx:
--------------------------------------------------------------------------------
1 | import classNames from "classnames";
2 | import { SmallTitle } from "../Primitives/SmallTitle";
3 |
4 | export type PanelHeaderProps = {
5 | children: React.ReactNode;
6 | className?: string;
7 | };
8 |
9 | export function PanelHeader({ children, className }: PanelHeaderProps) {
10 | return (
11 | {children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/BodyBold.tsx: -------------------------------------------------------------------------------- 1 | export type BodyBoldProps = { 2 | children: React.ReactNode; 3 | className: string; 4 | }; 5 | 6 | export function BodyBold({ children, className }: BodyBoldProps) { 7 | return ( 8 |9 | {children} 10 |
11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/ExtraLargeTitle.tsx: -------------------------------------------------------------------------------- 1 | export type ExtraLargeTitleProps = { 2 | children: React.ReactNode; 3 | className: string; 4 | }; 5 | 6 | export function ExtraLargeTitle({ children, className }: ExtraLargeTitleProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/ExtraSmallBody.tsx: -------------------------------------------------------------------------------- 1 | export type ExtraSmallBodyProps = { 2 | children: React.ReactNode; 3 | className?: string; 4 | }; 5 | 6 | export function ExtraSmallBody({ children, className }: ExtraSmallBodyProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/FormField.tsx: -------------------------------------------------------------------------------- 1 | import { Label } from "./Label"; 2 | 3 | export function FormField({ 4 | label, 5 | name, 6 | children, 7 | }: { 8 | label: string; 9 | name: string; 10 | children: React.ReactNode; 11 | }) { 12 | return ( 13 |
14 |
15 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Primitives/Input.tsx:
--------------------------------------------------------------------------------
1 | import clsx from "clsx";
2 |
3 | const roundedStyles = {
4 | roundedLeft:
5 | "rounded-l focus:outline-offset-[0px] focus:outline-blue-500 -mr-1",
6 | roundedRight:
7 | "rounded-r focus:outline-offset-[0px] focus:outline-blue-500 -ml-1",
8 | roundedFull: "rounded focus:outline-offset-[0px] focus:outline-blue-500",
9 | };
10 |
11 | type InputProps = React.DetailedHTMLProps<
12 | React.InputHTMLAttributes{children}
16 | {children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/LargeTitle.tsx: -------------------------------------------------------------------------------- 1 | export type LargeTitleProps = { 2 | children: React.ReactNode; 3 | className?: string; 4 | }; 5 | 6 | export function LargeTitle({ children, className }: LargeTitleProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/MediumBody.tsx: -------------------------------------------------------------------------------- 1 | export type MediumBodyProps = { 2 | children: React.ReactNode; 3 | className: string; 4 | }; 5 | 6 | export function MediumBody({ children, className }: MediumBodyProps) { 7 | return ( 8 |{children}
9 | ); 10 | } 11 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/Mono.tsx: -------------------------------------------------------------------------------- 1 | export type MonoProps = { 2 | children: React.ReactNode; 3 | className: string; 4 | }; 5 | 6 | export function Mono({ children, className }: MonoProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/SmallBody.tsx: -------------------------------------------------------------------------------- 1 | export type SmallBodyProps = { 2 | children: React.ReactNode; 3 | className: string; 4 | }; 5 | 6 | export function SmallBody({ children, className }: SmallBodyProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/SmallMono.tsx: -------------------------------------------------------------------------------- 1 | export type SmallMonoProps = { 2 | children: React.ReactNode; 3 | className: string; 4 | }; 5 | 6 | export function SmallMono({ children, className }: SmallMonoProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/SmallSubtitle.tsx: -------------------------------------------------------------------------------- 1 | export type SmallSubtitleProps = { 2 | children: React.ReactNode; 3 | className: string; 4 | }; 5 | 6 | export function SmallSubtitle({ children, className }: SmallSubtitleProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/SmallTitle.tsx: -------------------------------------------------------------------------------- 1 | export type SmallTitleProps = { 2 | children: React.ReactNode; 3 | className?: string; 4 | }; 5 | 6 | export function SmallTitle({ children, className }: SmallTitleProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/Primitives/Title.tsx: -------------------------------------------------------------------------------- 1 | export type TitleProps = { 2 | children: React.ReactNode; 3 | className?: string; 4 | }; 5 | 6 | export function Title({ children, className }: TitleProps) { 7 | return{children}
; 8 | } 9 | -------------------------------------------------------------------------------- /apps/webapp/app/libraries/ui/src/components/ProjectKey.tsx: -------------------------------------------------------------------------------- 1 | import { CopyTextButton } from "./Buttons/CopyTextButton"; 2 | import { Label } from "./Primitives/Label"; 3 | 4 | export function ProjectKey({ projectId }: { projectId: string }) { 5 | return ( 6 |
7 |
8 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/SchemaEditor.tsx:
--------------------------------------------------------------------------------
1 | export function SchemaEditor() {
2 | return (
3 |
9 |
10 | {projectId}
11 |
12 |
14 |
4 |
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/apps/webapp/app/libraries/ui/src/components/Select.tsx:
--------------------------------------------------------------------------------
1 | import classNames from "classnames";
2 |
3 | type SelectProps = React.DetailedHTMLProps<
4 | React.SelectHTMLAttributesSchema Editor
5 |
6 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/admin/schemas/$id/download.tsx:
--------------------------------------------------------------------------------
1 | import type { LoaderFunction } from "@remix-run/server-runtime";
2 | import invariant from "tiny-invariant";
3 | import { generateSpecFromSchema } from "~/models/apiSchema.server";
4 |
5 | export const loader: LoaderFunction = async ({ params }) => {
6 | const { id } = params;
7 |
8 | invariant(id, "id is required");
9 |
10 | const openApiSchema = await generateSpecFromSchema(id);
11 |
12 | return new Response(JSON.stringify(openApiSchema), {
13 | headers: {
14 | "content-type": "application/json",
15 | "content-disposition": `attachment; filename=${id}.json`,
16 | },
17 | });
18 | };
19 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/admin/schemas/$id/downloadOriginal.tsx:
--------------------------------------------------------------------------------
1 | import type { LoaderFunction } from "@remix-run/server-runtime";
2 | import invariant from "tiny-invariant";
3 | import { findSchemaById } from "~/models/apiSchema.server";
4 |
5 | export const loader: LoaderFunction = async ({ params }) => {
6 | const { id } = params;
7 |
8 | invariant(id, "id is required");
9 |
10 | const schema = await findSchemaById(id);
11 |
12 | return new Response(JSON.stringify(schema?.rawData), {
13 | headers: {
14 | "content-type": "application/json",
15 | "content-disposition": `attachment; filename=${id}-original.json`,
16 | },
17 | });
18 | };
19 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/admin/schemas/$id/models.tsx:
--------------------------------------------------------------------------------
1 | import { Outlet } from "@remix-run/react";
2 |
3 | export default function ModelsLayoutRoute() {
4 | return (
5 |
6 |
8 | );
9 | }
10 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/admin/schemas/$id/releases.tsx:
--------------------------------------------------------------------------------
1 | import { Outlet } from "@remix-run/react";
2 |
3 | export default function ReleasesLayoutRoute() {
4 | return (
5 |
6 |
8 | );
9 | }
10 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/admin/schemas/$id/securitySchemes.tsx:
--------------------------------------------------------------------------------
1 | import { Outlet } from "@remix-run/react";
2 |
3 | export default function SecuritySchemesLayoutRoute() {
4 | return (
5 |
6 |
8 | );
9 | }
10 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/admin/schemas/$id/securitySchemes/$securitySchemeId.tsx:
--------------------------------------------------------------------------------
1 | import { Outlet } from "@remix-run/react";
2 |
3 | export default function SecuritySchemeLayoutRoute() {
4 | return (
5 |
6 |
8 | );
9 | }
10 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/admin/schemas/$id[.json].tsx:
--------------------------------------------------------------------------------
1 | import type { LoaderFunction } from "@remix-run/server-runtime";
2 | import { json } from "@remix-run/server-runtime";
3 | import invariant from "tiny-invariant";
4 | import { findSchemaById } from "~/models/apiSchema.server";
5 |
6 | export const loader: LoaderFunction = async ({ params }) => {
7 | const { id } = params;
8 |
9 | invariant(id, "id is required");
10 |
11 | const schema = await findSchemaById(id);
12 |
13 | return json(schema?.rawData);
14 | };
15 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/admin/schemas/index.tsx:
--------------------------------------------------------------------------------
1 | import { EmptyState } from "~/components/EmptyState";
2 |
3 | export default function SchemasIndexRoute() {
4 | return (
5 |
6 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/api/auth/requestTokens.$requestToken.ts:
--------------------------------------------------------------------------------
1 | import type { LoaderFunction } from "@remix-run/server-runtime";
2 | import { json } from "@remix-run/server-runtime";
3 | import { getAuthToken } from "~/models/authToken.server";
4 |
5 | export const loader: LoaderFunction = async ({ request, params }) => {
6 | if (request.method !== "GET") {
7 | return {
8 | status: 405,
9 | };
10 | }
11 |
12 | const requestToken = params.requestToken;
13 |
14 | if (requestToken === undefined) {
15 | return {
16 | status: 400,
17 | };
18 | }
19 |
20 | try {
21 | const authToken = await getAuthToken({ requestToken: requestToken });
22 |
23 | if (authToken === null) {
24 | return {
25 | status: 404,
26 | };
27 | }
28 |
29 | return json(
30 | {
31 | authToken: authToken.token,
32 | userId: authToken.userId,
33 | },
34 | { status: 200 }
35 | );
36 | } catch (error) {
37 | return json(
38 | {
39 | error: (error as Error).message,
40 | },
41 | { status: 400 }
42 | );
43 | }
44 | };
45 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/api/auth/requestTokens.ts:
--------------------------------------------------------------------------------
1 | import type { ActionFunction } from "@remix-run/server-runtime";
2 | import { json } from "@remix-run/server-runtime";
3 | import { createRequestToken } from "~/models/requestToken.server";
4 |
5 | export const action: ActionFunction = async ({ request }) => {
6 | if (request.method !== "POST") {
7 | return {
8 | status: 405,
9 | };
10 | }
11 |
12 | try {
13 | const token = await createRequestToken();
14 | return json(
15 | {
16 | token: token.token,
17 | },
18 | { status: 200 }
19 | );
20 | } catch (error) {
21 | return json(
22 | {
23 | error: (error as Error).message,
24 | },
25 | { status: 400 }
26 | );
27 | }
28 | };
29 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/api/projects/$projectId.check-logs-onboarding.ts:
--------------------------------------------------------------------------------
1 | import type { LoaderArgs } from "@remix-run/server-runtime";
2 | import { z } from "zod";
3 | import { searchLogsInProject } from "~/services/logs.server";
4 | import { requireUserId } from "~/services/session.server";
5 |
6 | export async function loader({ params, request }: LoaderArgs) {
7 | await requireUserId(request);
8 |
9 | const { projectId } = z.object({ projectId: z.string() }).parse(params);
10 |
11 | const logs = await searchLogsInProject(new URLSearchParams(), projectId);
12 |
13 | const hasLogs = typeof logs === "undefined" ? false : logs.logs.length > 0;
14 |
15 | return { hasLogs };
16 | }
17 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/auth/github/callback.tsx:
--------------------------------------------------------------------------------
1 | import type { LoaderFunction } from "@remix-run/node";
2 | import { authenticator } from "~/services/auth.server";
3 | import { redirectCookie } from "../github";
4 |
5 | export let loader: LoaderFunction = async ({ request }) => {
6 | const cookie = request.headers.get("Cookie");
7 | const redirectValue = await redirectCookie.parse(cookie);
8 | const redirectTo = redirectValue ?? "/";
9 |
10 | const authuser = await authenticator.authenticate("github", request, {
11 | successRedirect: redirectTo,
12 | failureRedirect: "/login",
13 | });
14 |
15 | return authuser;
16 | };
17 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/healthcheck.tsx:
--------------------------------------------------------------------------------
1 | // learn more: https://fly.io/docs/reference/configuration/#services-http_checks
2 | import { prisma } from "~/db.server";
3 | import type { LoaderFunction } from "@remix-run/node";
4 |
5 | export const loader: LoaderFunction = async ({ request }) => {
6 | const host =
7 | request.headers.get("X-Forwarded-Host") ?? request.headers.get("host");
8 |
9 | try {
10 | const url = new URL("/", `http://${host}`);
11 | // if we can connect to the database and make a simple query
12 | // and make a HEAD request to ourselves, then we're good.
13 | await Promise.all([
14 | prisma.user.count(),
15 | fetch(url.toString(), { method: "HEAD" }).then((r) => {
16 | if (!r.ok) return Promise.reject(r);
17 | }),
18 | ]);
19 | return new Response("OK");
20 | } catch (error: unknown) {
21 | console.log("healthcheck ❌", { error });
22 | return new Response("ERROR", { status: 500 });
23 | }
24 | };
25 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/logos/$integrationId.tsx:
--------------------------------------------------------------------------------
1 | import type { LoaderArgs } from "@remix-run/server-runtime";
2 | import { redirect } from "@remix-run/server-runtime";
3 | import { z } from "zod";
4 | import { findIntegrationById } from "~/models/integration.server";
5 | import { getSignedGetUrl } from "~/services/upload.server";
6 |
7 | export async function loader({ params }: LoaderArgs) {
8 | const { integrationId } = z
9 | .object({ integrationId: z.string() })
10 | .parse(params);
11 |
12 | const integration = await findIntegrationById(integrationId);
13 |
14 | if (!integration || !integration.logoImage) {
15 | return new Response("Not found", { status: 404 });
16 | }
17 |
18 | const signedUrl = await getSignedGetUrl(integration.logoImage);
19 |
20 | return redirect(signedUrl);
21 | }
22 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/logout.tsx:
--------------------------------------------------------------------------------
1 | import type { ActionFunction, LoaderFunction } from "@remix-run/node";
2 | import { authenticator } from "~/services/auth.server";
3 |
4 | export const action: ActionFunction = async ({ request }) => {
5 | return await authenticator.logout(request, { redirectTo: "/" });
6 | };
7 |
8 | export const loader: LoaderFunction = async ({ request }) => {
9 | return await authenticator.logout(request, { redirectTo: "/" });
10 | };
11 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/logs/$requestId.ts:
--------------------------------------------------------------------------------
1 | import type { LoaderArgs } from "@remix-run/server-runtime";
2 | import { redirect } from "@remix-run/server-runtime";
3 | import { z } from "zod";
4 | import { getRequestLogbyId } from "~/models/requestLog.server";
5 | import { requireUserId } from "~/services/session.server";
6 |
7 | export async function loader({ params, request }: LoaderArgs) {
8 | await requireUserId(request);
9 |
10 | const { requestId } = z.object({ requestId: z.string() }).parse(params);
11 |
12 | const requestLog = await getRequestLogbyId(requestId);
13 |
14 | if (!requestLog) {
15 | return redirect("/");
16 | }
17 |
18 | const path = `/workspaces/${requestLog.endpoint.client.project.workspace.slug}/projects/${requestLog.endpoint.client.project.slug}/${requestLog.endpoint.client.integration.slug}/${requestLog.endpoint.operation.method}/${requestLog.endpoint.operation.operationId}`;
19 |
20 | return redirect(path);
21 | }
22 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/magic.tsx:
--------------------------------------------------------------------------------
1 | import type { LoaderArgs } from "@remix-run/server-runtime";
2 | import { authenticator } from "~/services/auth.server";
3 | import { getRedirectTo } from "~/services/redirectTo.server";
4 |
5 | export async function loader({ request }: LoaderArgs) {
6 | const redirectTo = await getRedirectTo(request);
7 |
8 | await authenticator.authenticate("email-link", request, {
9 | successRedirect: redirectTo ?? "/",
10 | failureRedirect: "/login",
11 | });
12 | }
13 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/projects.$projectId.ts:
--------------------------------------------------------------------------------
1 | import type { LoaderFunction } from "@remix-run/server-runtime";
2 | import { redirect } from "@remix-run/server-runtime";
3 | import invariant from "tiny-invariant";
4 | import { getWorkspaceForProjectId } from "~/models/workspace.server";
5 | import { requireUserId } from "~/services/session.server";
6 |
7 | export const loader: LoaderFunction = async ({ request, params }) => {
8 | const projectId = params.projectId;
9 | invariant(projectId, "projectId not found");
10 | const userId = await requireUserId(request);
11 |
12 | const workspace = await getWorkspaceForProjectId({ projectId, userId });
13 | invariant(workspace, "workspace not found");
14 |
15 | return redirect(`/workspaces/${workspace.id}/projects/${projectId}`);
16 | };
17 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/resources/workspaces/$workspaceSlug/projects/$projectSlug/completed-logs-onboarding.ts:
--------------------------------------------------------------------------------
1 | import type { ActionFunction } from "@remix-run/server-runtime";
2 | import { redirect } from "remix-typedjson";
3 | import invariant from "tiny-invariant";
4 | import { setHasCompletedLogsOnboarding } from "~/models/project.server";
5 |
6 | export const action: ActionFunction = async ({ params }) => {
7 | const { projectSlug, workspaceSlug } = params;
8 | invariant(projectSlug, "projectId is required");
9 | invariant(workspaceSlug, "workspaceSlug is required");
10 |
11 | try {
12 | await setHasCompletedLogsOnboarding(projectSlug);
13 | return redirect(`/workspaces/${workspaceSlug}/projects/${projectSlug}`);
14 | } catch (error: any) {
15 | throw new Response(error.message, { status: 500 });
16 | }
17 | };
18 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/sentry/frontendError.tsx:
--------------------------------------------------------------------------------
1 | export default function ManualSentryError() {
2 | return (
3 |
11 | );
12 | }
13 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/sentry/loaderError.ts:
--------------------------------------------------------------------------------
1 | import type { LoaderArgs } from "@remix-run/server-runtime";
2 |
3 | export async function loader({ params }: LoaderArgs) {
4 | throw new Error("Sentry Error");
5 | }
6 |
--------------------------------------------------------------------------------
/apps/webapp/app/routes/webhooks/mailgun.ts:
--------------------------------------------------------------------------------
1 | import type { ActionArgs } from "@remix-run/server-runtime";
2 | import { mailgunClient } from "~/services/email.server";
3 |
4 | export async function action({ request }: ActionArgs) {
5 | const data = await request.json();
6 |
7 | await mailgunClient.messages().send(data);
8 |
9 | return new Response(null, { status: 200 });
10 | }
11 |
--------------------------------------------------------------------------------
/apps/webapp/app/services/apihero.server.ts:
--------------------------------------------------------------------------------
1 | import type { SetupProxyInstance } from "@apihero/node";
2 | import { setupProxy } from "@apihero/node";
3 | import { env } from "~/env.server";
4 |
5 | let proxy: SetupProxyInstance;
6 |
7 | declare global {
8 | var __ah_client__: SetupProxyInstance;
9 | }
10 |
11 | if (process.env.NODE_ENV === "production") {
12 | proxy = getProxy();
13 | } else {
14 | if (!global.__ah_client__) {
15 | global.__ah_client__ = getProxy();
16 | }
17 | proxy = global.__ah_client__;
18 | }
19 |
20 | function getProxy() {
21 | const result = setupProxy({
22 | projectKey: env.APIHERO_PROJECT_KEY,
23 | env: process.env.NODE_ENV,
24 | allow: ["*api.mergent.co/*", "*api.mailgun.net/*"],
25 | });
26 |
27 | process.once("SIGINT", () => result.stop());
28 | process.once("SIGTERM", () => result.stop());
29 |
30 | return result;
31 | }
32 |
33 | export { proxy };
34 |
--------------------------------------------------------------------------------
/apps/webapp/app/services/auth.server.ts:
--------------------------------------------------------------------------------
1 | import { Authenticator } from "remix-auth";
2 | import type { AuthUser } from "./authUser";
3 | import { addEmailLinkStrategy } from "./emailAuth.server";
4 | import { addGitHubStrategy } from "./gitHubAuth.server";
5 | import { sessionStorage } from "./sessionStorage.server";
6 |
7 | // Create an instance of the authenticator, pass a generic with what
8 | // strategies will return and will store in the session
9 | const authenticator = new Authenticator
9 |
10 | Create Next App
11 |
12 |
13 |
14 |
15 |
16 |
17 |
29 |
30 | );
31 | }
32 |
--------------------------------------------------------------------------------
/examples/next-github-stars/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/triggerdotdev/apihero/2f204e8fc57343a584d8b244d7ad492b72ed1242/examples/next-github-stars/public/favicon.ico
--------------------------------------------------------------------------------
/examples/next-github-stars/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/examples/next-github-stars/src/apihero.ts:
--------------------------------------------------------------------------------
1 | async function initProxy() {
2 | if (typeof window !== "undefined") {
3 | const { setupWorker } = await import("@apihero/browser");
4 | const worker = setupWorker({
5 | // You MUST supply the allow option for setupWorker, to ensure too many requests are not sent to the API Hero proxy
6 | allow: ["https://api.github.com/*"],
7 | projectKey: "hero_123abc",
8 | url: "http://localhost:8787",
9 | env: process.env.NODE_ENV,
10 | });
11 | await worker.start();
12 | } else {
13 | const { setupProxy } = await import("@apihero/node");
14 | const proxy = setupProxy({
15 | projectKey: "hero_123abc",
16 | url: "http://localhost:8787",
17 | env: process.env.NODE_ENV,
18 | });
19 |
20 | await proxy.start();
21 | }
22 | }
23 |
24 | initProxy();
25 |
26 | export {};
27 |
--------------------------------------------------------------------------------
/examples/next-github-stars/styles/globals.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | padding: 0;
4 | margin: 0;
5 | font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
6 | Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
7 | }
8 |
9 | a {
10 | color: inherit;
11 | text-decoration: none;
12 | }
13 |
14 | * {
15 | box-sizing: border-box;
16 | }
17 |
18 | @media (prefers-color-scheme: dark) {
19 | html {
20 | color-scheme: dark;
21 | }
22 | body {
23 | color: white;
24 | background: black;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/examples/next-github-stars/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "strict": true,
8 | "forceConsistentCasingInFileNames": true,
9 | "noEmit": true,
10 | "esModuleInterop": true,
11 | "module": "esnext",
12 | "moduleResolution": "node",
13 | "resolveJsonModule": true,
14 | "isolatedModules": true,
15 | "jsx": "preserve",
16 | "incremental": true
17 | },
18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
19 | "exclude": ["node_modules"]
20 | }
21 |
--------------------------------------------------------------------------------
/packages/apihero-browser/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = require("@apihero/eslint-config-vite/eslint-preset");
2 |
--------------------------------------------------------------------------------
/packages/apihero-browser/.gitignore:
--------------------------------------------------------------------------------
1 | lib
--------------------------------------------------------------------------------
/packages/apihero-browser/LICENSE.md:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) [2022] [API Hero, Inc.]
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/packages/apihero-browser/cli/index.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | /* eslint-disable @typescript-eslint/no-var-requires */
3 | const yargs = require("yargs");
4 |
5 | yargs
6 | .usage("$0