From db81cec711b153a78d0446e7910442f66fb7e152 Mon Sep 17 00:00:00 2001 From: kasisnu <5044120+kasisnu@users.noreply.github.com> Date: Wed, 15 Nov 2023 15:01:22 +0530 Subject: [PATCH 1/3] VD: send body in delete request --- packages/components/src/api/MakeRequest.ts | 25 ++++++++++--------- .../src/env/FakeYouFrontendEnvironment.ts | 1 - 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/packages/components/src/api/MakeRequest.ts b/packages/components/src/api/MakeRequest.ts index 44b534625c..8d1f6edee6 100644 --- a/packages/components/src/api/MakeRequest.ts +++ b/packages/components/src/api/MakeRequest.ts @@ -5,24 +5,25 @@ const { host = "", useSsl = true } = GetApiHost(); type UrlRoutingFunction = (urlRouteArgs: UrlRouteArgs) => string; interface RequestHeaders { - [name: string]: string, + [name: string]: string; } interface RouteSetup { - method: string; - routingFunction: UrlRoutingFunction; + method: string; + routingFunction: UrlRoutingFunction; } -const formatUrl = (endpoint = "") => `${ useSsl ? "https" : "http" }://${ host + endpoint }`; +const formatUrl = (endpoint = "") => + `${useSsl ? "https" : "http"}://${host + endpoint}`; -const METHOD_OMITS_BODY : { [key: string] : boolean } = { - "DELETE": true, - "GET": true, - "OPTIONS": true, - "PATCH": false, - "POST": false, - "PUT": false, -} +const METHOD_OMITS_BODY: { [key: string]: boolean } = { + DELETE: false, + GET: true, + OPTIONS: true, + PATCH: false, + POST: false, + PUT: false, +}; const MakeRequest = (routeSetup: RouteSetup) : (urlRouteArgs: UrlRouteArgs, request: Request) => Promise => { return async function(urlRouteArgs: UrlRouteArgs, request: Request) : Promise { diff --git a/packages/components/src/env/FakeYouFrontendEnvironment.ts b/packages/components/src/env/FakeYouFrontendEnvironment.ts index d250d01388..98f4ba4131 100644 --- a/packages/components/src/env/FakeYouFrontendEnvironment.ts +++ b/packages/components/src/env/FakeYouFrontendEnvironment.ts @@ -1,4 +1,3 @@ - enum Environment { Development, Staging, From 527fd45ebb22f5c1642ca66470460f4bdd5190fc Mon Sep 17 00:00:00 2001 From: kasisnu <5044120+kasisnu@users.noreply.github.com> Date: Wed, 15 Nov 2023 15:02:17 +0530 Subject: [PATCH 2/3] show voice designer in sidebar(in dev mode) --- .../src/env/FakeYouFrontendEnvironment.ts | 12 ++++++------ .../src/components/layout/SideNav/SideNav.tsx | 18 ++++++++++++++++++ 2 files changed, 24 insertions(+), 6 deletions(-) diff --git a/packages/components/src/env/FakeYouFrontendEnvironment.ts b/packages/components/src/env/FakeYouFrontendEnvironment.ts index 98f4ba4131..ca7e5632c3 100644 --- a/packages/components/src/env/FakeYouFrontendEnvironment.ts +++ b/packages/components/src/env/FakeYouFrontendEnvironment.ts @@ -25,26 +25,26 @@ export class FakeYouFrontendEnvironment { } } - public static getInstance() : FakeYouFrontendEnvironment { + public static getInstance(): FakeYouFrontendEnvironment { if (FakeYouFrontendEnvironment.instance === undefined) { - FakeYouFrontendEnvironment.instance = new FakeYouFrontendEnvironment(); + FakeYouFrontendEnvironment.instance = new FakeYouFrontendEnvironment(); } return FakeYouFrontendEnvironment.instance; } - public useProductionStripePlans() : boolean { + public useProductionStripePlans(): boolean { return this.isProduction() || this.isStaging(); } - public isProduction() : boolean { + public isProduction(): boolean { return this.environment === Environment.Production; } - public isStaging() : boolean { + public isStaging(): boolean { return this.environment === Environment.Staging; } - public isDevelopment() : boolean { + public isDevelopment(): boolean { return this.environment === Environment.Development; } } diff --git a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx index 55514c2d0a..aec522ed57 100644 --- a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx +++ b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx @@ -22,6 +22,7 @@ import { import { WebUrl } from "common/WebUrl"; import { Logout } from "@storyteller/components/src/api/session/Logout"; import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; +import { FakeYouFrontendEnvironment } from "@storyteller/components/src/env/FakeYouFrontendEnvironment"; import { useLocalize } from "hooks"; const DEFAULT_QUEUE_REFRESH_INTERVAL_MILLIS = 15000; @@ -37,7 +38,9 @@ export default function SideNav(props: SideNavProps) { const { t } = useLocalize("SideNav"); let history = useHistory(); const [windowWidth, setWindowWidth] = useState(window.innerWidth); + const fakeYouFrontendEnv = FakeYouFrontendEnvironment.getInstance(); + const isDevelopmentEnv = fakeYouFrontendEnv.isDevelopment() const handleNavLinkClick = () => { const wrapper = document.getElementById("wrapper"); @@ -267,6 +270,21 @@ export default function SideNav(props: SideNavProps) { {t("speechVc")} + {isDevelopmentEnv && ( +
  • + + + {"Voice Designer"} + +
    • + )}
  • {t("videoTitle")}
  • From 5d67fc8bd03559989bd1361c763865f167fa1277 Mon Sep 17 00:00:00 2001 From: kasisnu <5044120+kasisnu@users.noreply.github.com> Date: Wed, 15 Nov 2023 15:05:26 +0530 Subject: [PATCH 3/3] get voice/dataset client requests --- .../voice_datasets/GetDataset.ts | 28 +++++++++++++++++++ .../src/api/voice_designer/voices/GetVoice.ts | 24 ++++++++++++++++ 2 files changed, 52 insertions(+) create mode 100644 packages/components/src/api/voice_designer/voice_datasets/GetDataset.ts create mode 100644 packages/components/src/api/voice_designer/voices/GetVoice.ts diff --git a/packages/components/src/api/voice_designer/voice_datasets/GetDataset.ts b/packages/components/src/api/voice_designer/voice_datasets/GetDataset.ts new file mode 100644 index 0000000000..1018a3390e --- /dev/null +++ b/packages/components/src/api/voice_designer/voice_datasets/GetDataset.ts @@ -0,0 +1,28 @@ +import MakeRequest from "../../MakeRequest"; +import { UserDetailsLight } from "../../_common/UserDetailsLight"; + +export interface GetDatasetRequest {} + +export interface GetDatasetResponse { + dataset_token: string; + title: string; + + ietf_language_tag: string; + ietf_primary_language_subtag: string; + + creator: UserDetailsLight; + creator_set_visibility: string; + + created_at: Date; + updated_at: Date; +} + +export const GetDataset = MakeRequest< + string, + GetDatasetRequest, + GetDatasetResponse +>({ + method: "GET", + routingFunction: (datasetToken: string) => + `/v1/voice_designer/dataset/${datasetToken}`, +}); diff --git a/packages/components/src/api/voice_designer/voices/GetVoice.ts b/packages/components/src/api/voice_designer/voices/GetVoice.ts new file mode 100644 index 0000000000..869bba62ba --- /dev/null +++ b/packages/components/src/api/voice_designer/voices/GetVoice.ts @@ -0,0 +1,24 @@ +import MakeRequest from "../../MakeRequest"; +import { UserDetailsLight } from "../../_common/UserDetailsLight"; + +export interface GetVoiceRequest {} + +export interface GetVoiceResponse { + voice_token: string; + title: string; + + ietf_language_tag: string; + ietf_primary_language_subtag: string; + + creator: UserDetailsLight; + creator_set_visibility: string; + + created_at: Date; + updated_at: Date; +} + +export const GetVoice = MakeRequest({ + method: "GET", + routingFunction: (voiceToken: string) => + `/v1/voice_designer/voice/${voiceToken}`, +});