-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: launchdarkly context + chore: refactor edge functions (#1604)
- Loading branch information
1 parent
488e327
commit 365c1e6
Showing
98 changed files
with
887 additions
and
535 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,5 @@ | ||
| { | ||
| "$schema": "https://json.schemastore.org/tsconfig", | ||
| "extends": "./tsconfig.json", | ||
| "exclude": ["**/__test__/**"] | ||
| "exclude": ["node_modules", "**/__test__/**", "**/*.json"] | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -11,7 +11,7 @@ | |
| "path": "../commons/core-utils" | ||
| }, | ||
| { | ||
| "path": "../fdr-sdk" | ||
| "path": "../../fdr-sdk/tsconfig.build.json" | ||
| } | ||
| ] | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -7,7 +7,7 @@ | |
| "include": ["./src/**/*"], | ||
| "references": [ | ||
| { | ||
| "path": "../fdr-sdk" | ||
| "path": "../fdr-sdk/tsconfig.build.json" | ||
| } | ||
| ] | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| import { atom, useAtomValue, useSetAtom } from "jotai"; | ||
| import * as LDClient from "launchdarkly-js-client-sdk"; | ||
| import { useCallback, useEffect, useState } from "react"; | ||
| import useSWR from "swr"; | ||
| import { useApiRoute } from "../hooks/useApiRoute"; | ||
|
|
||
| // NOTE do not export this file in any index.ts file so that it can be properly tree-shaken | ||
| // otherwise we risk importing launchdarkly-js-client-sdk in all of our bundles | ||
|
|
||
| // TODO: consolidate the types with the edge-config package | ||
| interface LaunchDarklyInfo { | ||
| clientSideId: string; | ||
| kind: "multi"; | ||
| user: | ||
| | { anonymous: true } | ||
| | { | ||
| key: string; | ||
| email?: string; | ||
| name?: string; | ||
| }; | ||
| device: { | ||
| key: string; | ||
| [key: string]: unknown; | ||
| }; | ||
| } | ||
|
|
||
| // this is a singleton atom that initializes the LaunchDarkly client-side SDK | ||
| const LD_CLIENT_ATOM = atom<LDClient.LDClient | undefined>(undefined); | ||
|
|
||
| const SET_LAUNCH_DARKLY_INFO_ATOM = atom(undefined, async (get, set, info: LaunchDarklyInfo) => { | ||
| const client = get(LD_CLIENT_ATOM); | ||
| const { clientSideId, ...context } = info; | ||
|
|
||
| if (client) { | ||
| await client.identify(context); | ||
| return; | ||
| } else { | ||
| const client = LDClient.initialize(clientSideId, context); | ||
| await client.waitForInitialization(); | ||
| set(LD_CLIENT_ATOM, client); | ||
| } | ||
| }); | ||
|
|
||
| // TODO: support non-boolean flags | ||
| export const useLaunchDarklyFlag = (flag: string): boolean => { | ||
| useInitLaunchDarklyClient(); | ||
|
|
||
| const client = useAtomValue(LD_CLIENT_ATOM); | ||
|
|
||
| // TODO: bootstrap the flag value from the server, and/or local storage | ||
| const getFlagEnabled = useCallback(() => { | ||
| if (!client) { | ||
| return false; | ||
| } | ||
| // force the flag to be a boolean: | ||
| return !!client.variation(flag, false); | ||
| }, [client, flag]); | ||
|
|
||
| const [enabled, setEnabled] = useState(getFlagEnabled); | ||
|
|
||
| // listen for changes to the flag | ||
| useEffect(() => { | ||
| setEnabled(getFlagEnabled()); | ||
|
|
||
| if (!client) { | ||
| return; | ||
| } | ||
|
|
||
| const listener = () => { | ||
| setEnabled(getFlagEnabled()); | ||
| }; | ||
|
|
||
| client.on("ready", listener); | ||
| client.on("change", listener); | ||
|
|
||
| return () => { | ||
| client.off("ready", listener); | ||
| client.off("change", listener); | ||
| }; | ||
| }, [client, flag, getFlagEnabled]); | ||
|
|
||
| return enabled; | ||
| }; | ||
|
|
||
| // since useSWR is cached globally, we can use this hook in multiple components without worrying about multiple requests | ||
| function useInitLaunchDarklyClient() { | ||
| const route = useApiRoute("/api/fern-docs/integrations/launchdarkly"); | ||
| const setInfo = useSetAtom(SET_LAUNCH_DARKLY_INFO_ATOM); | ||
| useSWR(route, (key): Promise<LaunchDarklyInfo> => fetch(key).then((res) => res.json()), { | ||
| onSuccess(data) { | ||
| void setInfo(data); | ||
| }, | ||
| }); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| import Head from "next/head"; | ||
| import { ReactElement } from "react"; | ||
| import { useIsLocalPreview } from "../contexts/local-preview"; | ||
| import { useApiRoute } from "../hooks/useApiRoute"; | ||
|
|
||
| export function LinkPreload({ href }: { href: string }): ReactElement { | ||
| return ( | ||
| <Head> | ||
| <link key={href} rel="preload" href={href} as="fetch" crossOrigin="anonymous" /> | ||
| </Head> | ||
| ); | ||
| } | ||
|
|
||
| type FernDocsApiRoute = `/api/fern-docs/${string}`; | ||
| export function LinkPreloadApiRoute({ href }: { href: FernDocsApiRoute }): ReactElement | null { | ||
| const isLocalPreview = useIsLocalPreview(); | ||
| const key = useApiRoute(href); | ||
| if (isLocalPreview) { | ||
| return null; | ||
| } | ||
| return <LinkPreload href={key} />; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.