- You can create rules for matching different categories of events: cheers (bits),
- channel point rewards, etc.
-
- When an event occurs in your stream, we compare it against the rules in its
- category. The first matched rule (from the top) is selected, and the action
- that it specifies is taken. For now this is limited to FakeYou text to speech, but we'll be
- adding lots of new capabilities soon.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* */}
-
-
-
-
-
-
- )
-}
-
-export { ComingSoonPage }
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/dashboard/Dashboard.tsx b/packages/dashboard.power.stream/src/pages/dashboard/Dashboard.tsx
deleted file mode 100644
index ca4dec8f1a..0000000000
--- a/packages/dashboard.power.stream/src/pages/dashboard/Dashboard.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from "react";
-import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
-import { Route, Switch } from "react-router-dom";
-import { Sidebar } from "./Sidebar";
-import { DashboardPage } from "./DashboardPage";
-import { Test } from "./Test";
-
-interface Props {
- sessionWrapper: SessionWrapper;
-}
-
-class Dashboard extends React.Component
-
- - Coming Soon -
-- We're almost done! -
-
-
- We'll be launching the following features shortly:
- --
-
- Audience rewards
-
-
-
- Stream TTS -
- Deepfake Emotes (TTS + Green Screen W2L) -
- - Voice and video
-
-
-
- Real time voice conversion (change your voice to someone else's) -
- VoxelCam 3D volumetric camera (a webcam, but 3D, and directly injectable - into games) -
- - Big Secret Project
-
-
-
- ??? -
- {/* - Storyteller Engine
-
-
-
- This is a high quality cinematic game engine. - You don't need to own an expensive computer. It can run in the cloud. -
- Real time 3D motion capture of one or more streamers / actors. - Think VTubing, but Star Wars quality. -
- Dedicated control plane for camera, lighting, environmental control OPs. -
- Embed rich content: games, browser panes, video feeds -
- Let your audience control your world -
*/}
-
You'll be able to make films, Hollywood-quality streams, and so much more!
*/} - -
- //
- // );
- // }
- public render() {
- return (
- <>
-
- //
- // Must Log In
- //
-
-
- );
- }
-}
-
-export { Dashboard };
diff --git a/packages/dashboard.power.stream/src/pages/dashboard/DashboardPage.tsx b/packages/dashboard.power.stream/src/pages/dashboard/DashboardPage.tsx
deleted file mode 100644
index 84f3c10cff..0000000000
--- a/packages/dashboard.power.stream/src/pages/dashboard/DashboardPage.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Feed } from "./components/Feed";
-
-function DashboardPage() {
- // if (!props.sessionWrapper.isLoggedIn()) {
- // return (
- //
-
-
-
-
- {/* Sidebar */}
-
-
- {/* Page routes */}
-
-
-
-
-
-
-
-
- //
- // );
- // }
-
- return (
-
- //
- // Must Log In
- //
-
- );
-}
-
-export { DashboardPage };
diff --git a/packages/dashboard.power.stream/src/pages/dashboard/Sidebar.tsx b/packages/dashboard.power.stream/src/pages/dashboard/Sidebar.tsx
deleted file mode 100644
index ec045d9d51..0000000000
--- a/packages/dashboard.power.stream/src/pages/dashboard/Sidebar.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
- faCog,
- faHome,
- faVideo,
- faVolumeUp,
-} from "@fortawesome/free-solid-svg-icons";
-import { Link } from "react-router-dom";
-
-function Sidebar(props: Props) {
- // if (!props.sessionWrapper.isLoggedIn()) {
- // return (
- // - Dashboard -
- -
- //
- // );
- // }
-
- return (
-
- //
- // Must Log In
- //
-
- );
-}
-
-export { Sidebar };
diff --git a/packages/dashboard.power.stream/src/pages/dashboard/Test.tsx b/packages/dashboard.power.stream/src/pages/dashboard/Test.tsx
deleted file mode 100644
index fa9799ac71..0000000000
--- a/packages/dashboard.power.stream/src/pages/dashboard/Test.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
- faCog,
- faHome,
- faVideo,
- faVolumeUp,
-} from "@fortawesome/free-solid-svg-icons";
-
-function Test(props: Props) {
- // if (!props.sessionWrapper.isLoggedIn()) {
- // return (
- //
-
- -
-
-
-
- -- Dashboard - -
-
- -
-
- -- TTS Configs - -
-
- -
-
- -- OBS Setup - -
-
- -
-
- -- Settings - -
-
- -
-
- -- Support - -
-
-
- //
- // );
- // }
-
- return (
-
- //
- // Must Log In
- //
-
- );
-}
-
-export { Test };
diff --git a/packages/dashboard.power.stream/src/pages/dashboard/components/Feed.tsx b/packages/dashboard.power.stream/src/pages/dashboard/components/Feed.tsx
deleted file mode 100644
index 4d25c17518..0000000000
--- a/packages/dashboard.power.stream/src/pages/dashboard/components/Feed.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faUndo, faVolumeUp } from "@fortawesome/free-solid-svg-icons";
-
-function Feed() {
- // if (!props.sessionWrapper.isLoggedIn()) {
- // return (
- // - TESTY TEST -
- -
- //
- // );
- // }
-
- return (
-
- //
- // Must Log In
- //
-
- );
-}
-
-export { Feed };
diff --git a/packages/dashboard.power.stream/src/pages/index/IndexPage.tsx b/packages/dashboard.power.stream/src/pages/index/IndexPage.tsx
deleted file mode 100644
index f2fe875390..0000000000
--- a/packages/dashboard.power.stream/src/pages/index/IndexPage.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from "react";
-import { FakeYouExternalLink } from "@storyteller/components/src/elements/FakeYouExternalLink";
-import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
-import { LoggedInIndex } from "./subpages/LoggedInIndex";
-import { LoggedOutIndex } from "./subpages/LoggedOutIndex";
-
-interface Props {
- sessionWrapper: SessionWrapper;
-}
-
-function IndexPage(props: Props) {
- return (
-
-
- Queued TTS
-icons
-
-
-
-
-
-
-
- BFlatastic sent a TTS
-Hello, this is a test message.
-
-
-
-
-
-
-
- BFlatastic sent a TTS
-Hello, this is a test message.
-
-
-
-
-
-
-
- BFlatastic sent a TTS
-Hello, this is a test message.
-
-
- );
-}
-
-export { IndexPage };
diff --git a/packages/dashboard.power.stream/src/pages/index/subpages/LoggedInIndex.tsx b/packages/dashboard.power.stream/src/pages/index/subpages/LoggedInIndex.tsx
deleted file mode 100644
index f048e71c47..0000000000
--- a/packages/dashboard.power.stream/src/pages/index/subpages/LoggedInIndex.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCogs, faVideo } from '@fortawesome/free-solid-svg-icons';
-import { faDiscord, faTwitch } from '@fortawesome/free-brands-svg-icons';
-import { DiscordLink } from '@storyteller/components/src/elements/DiscordLink';
-import { StorytellerUrlConfig } from '@storyteller/components/src/urls/StorytellerUrlConfig';
-import { CheckTwitchOauth, CheckTwitchOauthIsError, CheckTwitchOauthIsOk } from '@storyteller/components/src/api/storyteller/twitch_oauth/CheckTwitchOauth';
-
-function LoggedInIndex() {
- const oauthUrl = new StorytellerUrlConfig().twitchOauthEnrollRedirect();
-
- const [oauthTokenFound, setOauthTokenFound] = useState(false);
-
- const checkTwitchOauth = useCallback(async () => {
- const result = await CheckTwitchOauth();
-
- if (CheckTwitchOauthIsOk(result)) {
- setOauthTokenFound(result.oauth_token_found);
- } else if (CheckTwitchOauthIsError(result)) {
- }
- }, []);
-
- useEffect(() => {
- checkTwitchOauth();
- }, [checkTwitchOauth])
-
- let linkText = <>Link Your Twitch
-
-
-
-
-
-
- - Text to Speech For Your Stream -
-- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. -
-
-
-
-
-
- 
-
- 
-
-
-
-
-
-
-
-
- Tracer (Overwatch)
-- “Look out world! Tracer's here.” -
-
-
- Sonic the Hedgehog
-- "This is what speed looks like." -
-
-
-
-
-
-
- -
-
-
- )
-}
-
-export { LoggedInIndex }
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/index/subpages/LoggedOutIndex.tsx b/packages/dashboard.power.stream/src/pages/index/subpages/LoggedOutIndex.tsx
deleted file mode 100644
index 329c20bdd9..0000000000
--- a/packages/dashboard.power.stream/src/pages/index/subpages/LoggedOutIndex.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faRocket, faSignInAlt } from '@fortawesome/free-solid-svg-icons';
-
-function LoggedOutIndex() {
- return (
- -
- -
-
-
-
-
- - We'd like to chat with you. -
-
-
-
-
-
- )
-}
-
-export { LoggedOutIndex }
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/login/LoginPage.tsx b/packages/dashboard.power.stream/src/pages/login/LoginPage.tsx
deleted file mode 100644
index 59d322adfc..0000000000
--- a/packages/dashboard.power.stream/src/pages/login/LoginPage.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React, { useState } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
-import { useHistory } from "react-router-dom";
-import { iconPasswordField, iconUser } from '@storyteller/components/src/icons/SemanticIcons';
-import { CreateSession, CreateSessionIsError, CreateSessionIsSuccess } from '@storyteller/components/src/api/session/CreateSession';
-
-interface Props {
- sessionWrapper: SessionWrapper,
- querySessionAction: () => void,
-}
-
-function LoginPage(props: Props) {
- let history = useHistory();
-
- const [password, setPassword] = useState('')
- const [usernameOrEmail, setUsernameOrEmail] = useState('')
- const [errorMessage, setErrorMessage] = useState('')
-
- if (props.sessionWrapper.isLoggedIn()) {
- history.push('/');
- }
-
- const handleUsernameOrEmailChange = (ev: React.FormEvent
-
-
-
- - - Log In
- -
-
- (If you have a FakeYou.com account, it'll work here too.)
- - - Sign Up- - - Log In
- -
- Login Error: {errorMessage}
-
- )
- }
-
- return (
-
-
-
-
- )
-}
-
-export { LoginPage };
diff --git a/packages/dashboard.power.stream/src/pages/obs_configs/ObsConfigsPage.tsx b/packages/dashboard.power.stream/src/pages/obs_configs/ObsConfigsPage.tsx
deleted file mode 100644
index 721bc9a30f..0000000000
--- a/packages/dashboard.power.stream/src/pages/obs_configs/ObsConfigsPage.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faDiscord, faTwitch } from '@fortawesome/free-brands-svg-icons';
-import { CheckTwitchOauth, CheckTwitchOauthIsError, CheckTwitchOauthIsOk } from '@storyteller/components/src/api/storyteller/twitch_oauth/CheckTwitchOauth';
-import { StorytellerUrlConfig } from '@storyteller/components/src/urls/StorytellerUrlConfig';
-import { faExternalLinkAlt, faPlus } from '@fortawesome/free-solid-svg-icons';
-
-interface Props {
- sessionWrapper: SessionWrapper,
-}
-
-function ObsConfigsPage(props: Props) {
- const [maybeTwitchUsername, setMaybeTwitchUsername] = useState("");
-
- const checkTwitchOauth = useCallback(async () => {
- const result = await CheckTwitchOauth();
-
- if (CheckTwitchOauthIsOk(result)) {
- setMaybeTwitchUsername(result.maybe_twitch_username || "");
- } else if (CheckTwitchOauthIsError(result)) {
- }
- }, []);
-
- useEffect(() => {
- checkTwitchOauth();
- }, [checkTwitchOauth])
-
-
- if (!props.sessionWrapper.isLoggedIn()) {
- return
-
- Login
-(If you have a FakeYou.com account, it'll work here too.)
- - {errorWarning} - - -Must Log In
; - } - - const username = !!maybeTwitchUsername ? maybeTwitchUsername : 'YOUR_USERNAME'; - - const obsUrl = new StorytellerUrlConfig().obsPageFortwitch(username); - - return ( -
-
-
-
-
-
-
-
-
- )
-}
-
-export { ObsConfigsPage }
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/signup/SignupPage.tsx b/packages/dashboard.power.stream/src/pages/signup/SignupPage.tsx
deleted file mode 100644
index ec81752c69..0000000000
--- a/packages/dashboard.power.stream/src/pages/signup/SignupPage.tsx
+++ /dev/null
@@ -1,331 +0,0 @@
-import React, { useState } from 'react';
-import { CreateAccount, CreateAccountIsError, CreateAccountIsSuccess } from '@storyteller/components/src/api/user/CreateAccount';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Link } from 'react-router-dom';
-import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
-import { iconEmailField, iconPasswordField, iconUser } from '@storyteller/components/src/icons/SemanticIcons';
-
-enum FieldTriState {
- EMPTY_FALSE,
- FALSE,
- TRUE,
-}
-
-interface Props {
- sessionWrapper: SessionWrapper,
- querySessionCallback : () => void,
-}
-
-function SignupPage(props: Props) {
-
- const [username, setUsername] = useState('');
- const [usernameValid, setUsernameValid] = useState(FieldTriState.EMPTY_FALSE);
- const [usernameInvalidReason, setUsernameInvalidReason] = useState('');
-
- const [email, setEmail] = useState('');
- const [emailValid, setEmailValid] = useState(FieldTriState.EMPTY_FALSE);
- const [emailInvalidReason, setEmailInvalidReason] = useState('');
-
- const [password, setPassword] = useState('');
- const [passwordValid, setPasswordValid] = useState(FieldTriState.EMPTY_FALSE);
- const [passwordInvalidReason, setPasswordInvalidReason] = useState('');
-
- const [passwordConfirmation, setPasswordConfirmation] = useState('');
- const [passwordConfirmationValid, setPasswordConfirmationValid] = useState(FieldTriState.EMPTY_FALSE);
- const [passwordConfirmationInvalidReason, setPasswordConfirmationInvalidReason] = useState('');
-
- const handleUsernameChange = (ev: React.FormEvent
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
- - OBS Setup -
-- Ready to Broadcast! -
- -
-
-
- -
- - - Open In New Tab
-
-
- -
- -Step 1) Click
-
- 
-
-
- -
-
-
- -
- -
-
-
-
- -
-
- -Good to go!
-
-
- -
- Your OBS Browser Source
- -Once you've linked Twitch with Storyteller, you can add the following page as an OBS Browser Source:
- -- -
-
-
-
-
-
-
- - - Open In New Tab
-
-
- -
Setup Instructions
- -If you're not familiar with OBS or you need a refresher, here's a quick glance at the setup.
- -- -
Step 1) Click
-
-
-
- The bottom of OBS should have a plus icon (
- -
Step 2) Paste the URL into the configuration window
- -
-
- - -
Remember, the URL is {obsUrl}
- -
Step 3) Activate the Page
- -
-
- -
- -
Right click the layer and select “Interact”. - This will let you click the button and activate the service.
- --
- -
Good to go!
-
- You can now hide the layer and make it invisible. The audio levels are also independently adjustable.
- -- -
Have fun! We'll be back soon with some even more jaw-dropping utilities.
-Invalid view for logged in users.
;
- }
-
- let usernameInputClass = "input";
- let usernameHelpClass = "help";
- switch (usernameValid) {
- case FieldTriState.EMPTY_FALSE:
- break;
- case FieldTriState.FALSE:
- usernameInputClass += " is-danger";
- usernameHelpClass += " is-danger";
- break;
- case FieldTriState.TRUE:
- usernameInputClass += " is-success";
- usernameHelpClass += " is-success";
- break;
- }
-
- let emailInputClass = "input";
- let emailHelpClass = "help";
- switch (emailValid) {
- case FieldTriState.EMPTY_FALSE:
- break;
- case FieldTriState.FALSE:
- emailInputClass += " is-danger";
- emailHelpClass += " is-danger";
- break;
- case FieldTriState.TRUE:
- emailInputClass += " is-success";
- emailHelpClass += " is-success";
- break;
- }
-
- let passwordInputClass = "input";
- let passwordHelpClass = "help";
- switch (passwordValid) {
- case FieldTriState.EMPTY_FALSE:
- break;
- case FieldTriState.FALSE:
- passwordInputClass += " is-danger";
- passwordHelpClass += " is-danger";
- break;
- case FieldTriState.TRUE:
- passwordInputClass += " is-success";
- passwordHelpClass += " is-success";
- break;
- }
-
- let passwordConfirmationInputClass = "input";
- let passwordConfirmationHelpClass = "help";
- switch (passwordConfirmationValid) {
- case FieldTriState.EMPTY_FALSE:
- break;
- case FieldTriState.FALSE:
- passwordConfirmationInputClass += " is-danger";
- passwordConfirmationHelpClass += " is-danger";
- break;
- case FieldTriState.TRUE:
- passwordConfirmationInputClass += " is-success";
- passwordConfirmationHelpClass += " is-success";
- break;
- }
-
- return (
-
-
- - Already have an account? Log in instead! - -
- )
-}
-
-export { SignupPage };
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/stream/StreamPage.tsx b/packages/dashboard.power.stream/src/pages/stream/StreamPage.tsx
deleted file mode 100644
index cd52946b0d..0000000000
--- a/packages/dashboard.power.stream/src/pages/stream/StreamPage.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { faTwitch } from '@fortawesome/free-brands-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React, { useState } from 'react';
-import { useHistory, withRouter } from 'react-router-dom';
-
-function StreamPage() {
- const history = useHistory();
-
- const [twitchUsername, setTwitchUsername] = useState('')
-
- const handleTwitchUsernameChange = (ev: React.FormEventSign Up
- - - -- - Already have an account? Log in instead! - -
-
-
-
- )
-}
-
-export default withRouter(StreamPage);
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/TtsConfigsCreateRulePage.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/TtsConfigsCreateRulePage.tsx
deleted file mode 100644
index 0adc6bee8c..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/TtsConfigsCreateRulePage.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import React, { useState } from 'react';
-import { v4 as uuidv4 } from 'uuid';
-import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper';
-import { TtsModelListItem } from '@storyteller/components/src/api/tts/ListTtsModels';
-import { TwitchEventRule } from '@storyteller/components/src/api/storyteller/twitch_event_rules/GetTwitchEventRule';
-import { Link, useHistory, useParams } from 'react-router-dom';
-import { TwitchEventCategory, TWITCH_EVENT_CATEGORY_BY_STRING } from '@storyteller/components/src/api/storyteller/twitch_event_rules/shared/TwitchEventCategory';
-import { EventResponse } from '@storyteller/components/src/api/storyteller/twitch_event_rules/shared/EventResponse';
-import { EventMatchPredicate } from '@storyteller/components/src/api/storyteller/twitch_event_rules/shared/EventMatchPredicate';
-import { CreateTwitchEventRule, CreateTwitchEventRuleRequest } from '@storyteller/components/src/api/storyteller/twitch_event_rules/CreateTwitchEventRule';
-import { EventMatchPredicateBuilderComponent } from './event_match_predicate_builder/EventMatchPredicateBuilderComponent';
-import { EventResponseComponent } from './event_response_builder/EventResponseComponent';
-import { TwitchEventRuleElement } from './rule_cards/TwitchEventRuleElement';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faAngleLeft, faSave } from '@fortawesome/free-solid-svg-icons';
-
-interface Props {
- sessionWrapper: SessionWrapper,
- allTtsModels: TtsModelListItem[],
- allTtsModelsByToken: Map
-
- - Stream TTS -
-- Early Alpha Preview -
-
-
- - - -
-
-
- -
- - -
- This is an early demo of our Stream TTS, powered by FakeYou. - It does not currently offer customization, though our plans are to - allow for a high degree of configurability: set your own voices, rewards, etc.
- -You don't need to set up any software on your end. Simply point OBS or your - broadcast software the URL below:
- -- - - -
-
-
- -
-
-
-
-
-
-
- - -
Must Log In
; - } - - // NB: This is a hypothetical version of what we'll update to - let renderRule : TwitchEventRule = { - // Not yet saved, so fake values - token: 'virtual', - user_specified_rule_order: 1000, - created_at: new Date(), - updated_at: new Date(), - - // Updated in UI - event_category: twitchEventCategory, - event_match_predicate: modifiedEventMatchPredicate, - event_response: modifiedEventResponse, - rule_is_disabled: ruleIsDisabled, - }; - - const titlesByCategory = new Map
-
-
- {pageTitle}
--
- - - -
- - -
Must Log In
; - } - - if (twitchEventRule === undefined) { - returnLoading...
; - } - - return ( - <> -
-
-
- Delete Rule ?
-- -
-
-
- - - - -
- - -
Must Log In
; - } - - if (twitchEventRule === undefined) { - returnLoading...
; - } - - // NB: This is a hypothetical version of what we'll update to - let renderRule : TwitchEventRule = { - // Unchanged - token: twitchEventRule.token, - event_category: twitchEventRule.event_category, - user_specified_rule_order: twitchEventRule.user_specified_rule_order, - created_at: twitchEventRule.created_at, - updated_at: twitchEventRule.updated_at, - - // Updated in UI - event_match_predicate: modifiedEventMatchPredicate, - event_response: modifiedEventResponse, - rule_is_disabled: ruleIsDisabled, - }; - - return ( - <> -
-
-
- Edit Rule
--
- - - -
- - -
Must Log In
; - } - - const cheerEventRules = twitchEventRules.filter(rule => rule.event_category === TwitchEventCategory.Bits); - - const channelPointsEventRules = twitchEventRules.filter(rule => rule.event_category === TwitchEventCategory.ChannelPoints); - - return ( - <> - -
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
- - Stream Setup -
-- Configure TTS (and soon much more!) -
-
-
-
-
-
-
-
-
- - These settings are best for small and medium-sized channels. -
--
- {cheerEventRules.map(rule => { - return- - -
-
- -
-
-
-
-
-
- - These settings are best for small channels. -
- {channelPointsEventRules.map(rule => { - return- - -
-
- -
-
-
-
- - -
-
-
-
- - These settings are great for all channel sizes. -
-- -
-
-
-
-
- - These settings are great for large channels, but work for channels of all sizes. -
-- -
-
-
-
- /slash Commands
- - These settings are great for very small channels. -
-- -
-
-
-
-
- - A lip-synced, green screened “Famous Person” pops up and says something. -
-- -
-
-
-
-
- - User-selected voices can be strung together in a single reward, interspersed with sound effects. -
-- -
-
-
-
- - Let us know what to build! -
-Can you think of anything we haven't
- provided?
-
- - ) -} - -export { TtsConfigsIndexPage } \ No newline at end of file diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/TtsConfigsReorderPage.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/TtsConfigsReorderPage.tsx deleted file mode 100644 index 3417747217..0000000000 --- a/packages/dashboard.power.stream/src/pages/tts_configs/TtsConfigsReorderPage.tsx +++ /dev/null @@ -1,157 +0,0 @@ -import React, { useCallback, useEffect, useState } from 'react'; -import { SessionWrapper } from '@storyteller/components/src/session/SessionWrapper'; -import { ListTwitchEventRules, ListTwitchEventRulesIsError, ListTwitchEventRulesIsOk, TwitchEventRule } from '@storyteller/components/src/api/storyteller/twitch_event_rules/ListTwitchEventRules'; -import { ReorderTwitchEventRules, ReorderTwitchEventRulesRequest } from '@storyteller/components/src/api/storyteller/twitch_event_rules/ReorderTwitchEventRules'; -import { TwitchEventCategory, TWITCH_EVENT_CATEGORY_BY_STRING } from '@storyteller/components/src/api/storyteller/twitch_event_rules/shared/TwitchEventCategory'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faSave } from '@fortawesome/free-solid-svg-icons'; -import { TtsModelListItem } from '@storyteller/components/src/api/tts/ListTtsModels'; -import { useHistory, useParams } from 'react-router-dom'; -import { ReorderableTwitchEventRuleElement } from './rule_cards/ReorderableTwitchEventRuleElement'; - -interface Props { - sessionWrapper: SessionWrapper, - allTtsModelsByToken: Map
Must Log In
; - } - - return ( - <> -
-
-
- Reorder Rules
-This affects match priority. Rules at the top come first.
-
-
-
-
- {twitchEventRules.map((rule, index) => {
- return
-
-
-
- )
-}
-
-export { TtsConfigsReorderPage }
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/CheerState.ts b/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/CheerState.ts
deleted file mode 100644
index 05f5ee932b..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/CheerState.ts
+++ /dev/null
@@ -1,247 +0,0 @@
-import { EventMatchPredicate } from "@storyteller/components/src/api/storyteller/twitch_event_rules/shared/EventMatchPredicate";
-import { CHEER_LOOKUP_MAP, CHEER_PREFIX_TO_STRING_MAP, TwitchCheerPrefix } from "../../../twitch/Cheers";
-import { CheerUtil } from "../../../twitch/CheerUtil";
-import { BitsRuleType } from "./types/BitsRuleType";
-
-// TODO: This needs tests badly.
-
-export interface CheerStateOfficial {
- cheerPrefix?: TwitchCheerPrefix,
- bits?: number,
-}
-
-export interface CheerStateCustom {
- // NB: This can contain a numeric suffix independent of bits.
- // eg. third party cheers from 7tv.app: Sus11, Sus12, 1984, 4Weird.
- cheerFull?: string,
- bits?: number,
-}
-
-// Due to the complexity of the forms, this is used as the source of truth while editing.
-// Each type of predicate can serialize and deserialize into the predicates.
-export type CheerState = CheerStateOfficial | CheerStateCustom;
-
-export function CheerStateIsOfficial(cheerState: CheerState): cheerState is CheerStateOfficial {
- return cheerState.hasOwnProperty('cheerPrefix');
-}
-
-export function CheerStateIsCustom(cheerState: CheerState): cheerState is CheerStateCustom {
- return cheerState.hasOwnProperty('cheerFull');
-}
-
-// Convert "exact match" strings into CheerState
-export function convertExactMatchToCheerState(freeformText: string) : CheerState {
- const trimmed = freeformText.trim();
-
- let { cheerPrefix, bitValue } = CheerUtil.parseCheerString(trimmed);
-
- let maybeCheer = CHEER_LOOKUP_MAP.get(cheerPrefix || '');
-
- if (maybeCheer !== undefined) {
- return {
- cheerPrefix: maybeCheer,
- bits: bitValue,
- }
- }
-
- // NB: In this case, bits value may be wrong.
- // eg. "1984"
- return {
- cheerFull: freeformText,
- bits: bitValue,
- };
-}
-
-// Convert "prefix + bits" into CheerState
-export function convertPrefixAndBitsToCheerState(freeformText?: string, bits?: number) : CheerState {
- const trimmed = !!freeformText ? freeformText.trim() : '';
-
- let { cheerPrefix, bitValue } = CheerUtil.parseCheerString(trimmed);
-
- let maybeCheer = CHEER_LOOKUP_MAP.get(cheerPrefix || '');
-
- // NB: Prefer function args over parsed value since we might be parsing
- // custom cheers such as "Sus11" or "1984" (7tv.app)
- let maybeBits = bits || bitValue;
-
- if (maybeCheer !== undefined) {
- return {
- cheerPrefix: maybeCheer,
- bits: maybeBits,
- }
- }
-
- // NB: In this case, bits value may be wrong.
- // eg. "1984"
- return {
- cheerFull: freeformText,
- bits: maybeBits,
- };
-}
-
-// Turn a cheer state into a predicate
-export function predicateToCheerState(predicate: EventMatchPredicate) : CheerState
-{
- if (!!predicate.bits_cheermote_name_exact_match) {
- return convertExactMatchToCheerState(predicate.bits_cheermote_name_exact_match.cheermote_name)
- } else if (!!predicate.bits_cheermote_prefix_spend_threshold) {
- return convertPrefixAndBitsToCheerState(
- predicate.bits_cheermote_prefix_spend_threshold.cheermote_prefix,
- predicate.bits_cheermote_prefix_spend_threshold.minimum_bits_spent,
- );
- } else if (!!predicate.bits_spend_threshold) {
- return {
- bits: predicate.bits_spend_threshold.minimum_bits_spent,
- }
- } else {
- return {};
- }
-}
-
-// Turn a cheer state into a predicate
-export function cheerStateToPredicate(
- cheerState: CheerState,
- bitsRuleType: BitsRuleType) : EventMatchPredicate
-{
- let predicate : EventMatchPredicate = {};
-
- switch (bitsRuleType) {
- case BitsRuleType.BitsCheermoteNameExactMatch:
- let cheermoteName = '';
- if (CheerStateIsOfficial(cheerState)) {
- let cheerPrefix = '';
- let bitsValue = '';
- if (!!cheerState.cheerPrefix) {
- cheerPrefix = CHEER_PREFIX_TO_STRING_MAP.get(cheerState.cheerPrefix) || '';
- }
- if (!!cheerState.bits && !isNaN(cheerState.bits) && cheerState.bits > 1) {
- bitsValue = cheerState.bits.toString();
- }
-
- if (!!cheerPrefix) {
- // Don't bother setting unless we have a prefix
- cheermoteName = `${cheerPrefix}${bitsValue}`
- }
-
- } else if (CheerStateIsCustom(cheerState)) {
- // Cheer name is the full value, eg. 'ZomboCom1000'
- cheermoteName = cheerState.cheerFull || '';
- }
-
- predicate.bits_cheermote_name_exact_match = {
- cheermote_name: cheermoteName,
- }
- break;
-
- case BitsRuleType.BitsCheermotePrefixSpendThreshold:
- let newBitsValue = 1;
- if (!!cheerState.bits && !isNaN(cheerState.bits) && cheerState.bits > 1) {
- newBitsValue = cheerState.bits;
- }
-
- let newPrefix = '';
- if (CheerStateIsOfficial(cheerState)) {
- if (!!cheerState.cheerPrefix) {
- newPrefix = CHEER_PREFIX_TO_STRING_MAP.get(cheerState.cheerPrefix) || '';
- }
- } else if (CheerStateIsCustom(cheerState)) {
- newPrefix = cheerState.cheerFull || '';
- }
-
- predicate.bits_cheermote_prefix_spend_threshold = {
- cheermote_prefix: newPrefix,
- minimum_bits_spent: newBitsValue,
- }
- break;
-
- case BitsRuleType.BitsSpendThreshold:
- let newBits = 1;
- if (!!cheerState.bits && !isNaN(cheerState.bits) && cheerState.bits > 1) {
- newBits = cheerState.bits;
- }
- predicate.bits_spend_threshold = {
- minimum_bits_spent: newBits,
- }
- break;
- }
-
- return predicate;
-}
-
-
-/*
-
-Truth table-ish breakdown (incomplete).
-
-"Corgo" is an official cheer
-"Zombo", "Sus12", and "1984" are custom cheers
-
-------------------------------------------------------------------------------------------------
-
-Backend Re-serialize to backend
-
-Bits 1000 => CheerState { bits: 1000 }
-
-ExactMatch Corgo100 => CheerState { official: Corgo, bits: 100 } => ExactMatch Corgo100
-ExactMatch Zombo100 => CheerState { full: Zombo100, bits: 100 } => ExactMatch Zombo100 (from "full")
-
-PrefixBits (Corgo, 100) => CheerState { official: Corgo, bits: 100 } => PrefixBits (Corgo, 100)
-PrefixBits (Corgo, 123) => CheerState { official: Corgo, bits: 123 } => PrefixBits (Corgo, 123)
-PrefixBits (Zombo, 123) => CheerState { full: Zombo, bits: 123 } => PrefixBits (Zombo, 123)
-
-------------------------------------------------------------------------------------------------
-
-Backend To another [view type] w/ UI state
-
-Bits 1000 => CheerState { bits: 1000 } => [ExactMatch] PrefixSelect: (n/a) BitSelect: 1000 FreeForm: (n/a)
-Bits 1234 => CheerState { bits: 1234 } => [ExactMatch] PrefixSelect: (n/a) BitSelect: (n/a) FreeForm: (n/a) [CANNOT POPULATE]
-
-Bits 1000 => CheerState { bits: 1000 } => [PrefixBits] PefixSelect: (n/a) FreeForm: (n/a) Bits: 1000
-Bits 1234 => CheerState { bits: 1234 } => [PrefixBits] PefixSelect: (n/a) FreeForm: (n/a) Bits: 1234
-
-ExactMatch Corgo100 => CheerState { official: Corgo, bits: 100 } => [ExactMatch] PrefixSelect: Corgo BitSelect: 100 FreeForm: Corgo100
-ExactMatch Zombo100 => CheerState { full: Zombo100, bits: 100 } => [ExactMatch] PrefixSelect: (n/a) BitSelect: 100 FreeForm: Zombo100
-ExactMatch Corgo100 => CheerState { official: Corgo, bits: 100 } => [Bits] BitsSelect: 100 BitsFreeForm: 100
-*) ExactMatch Corgo100 => CheerState { official: Corgo, bits: 100 } => [PrefixBits] PrefixSelect: Corgo FreeForm: Corgo Bits: 100
-*) ExactMatch Zombo100 => CheerState { full: Zombo100, bits: 100 } => [PrefixBits] PrefixSelect: (n/a) FreeForm: Zombo100 Bits: 100
-
-PrefixBits (Corgo, 100) => CheerState { official: Corgo, bits: 100 } => PrefixBits (Corgo, 100)
-PrefixBits (Corgo, 123) => CheerState { official: Corgo, bits: 123 } => PrefixBits (Corgo, 123)
-PrefixBits (Zombo, 123) => CheerState { full: Zombo, bits: 123 } => PrefixBits (Zombo, 123)
-
-# Notably, prefix is usually always "full":
-PrefixBits (1884, 1000) => CheerState { full: 1984, bits: 1000 } => [PrefixBits] PrefixSelect: (n/a) FreeForm: 1984 Bits: 1000
-PrefixBits (Sus12, 1000) => CheerState { full: Sus12, bits: 1000 } => [PrefixBits] PrefixSelect: (n/a) FreeForm: Sus12 Bits: 1000
-PrefixBits (Corgo1000, 5000) => CheerState { full: Corgo1000, bits: 5000} => [PrefixBits] PrefixSelect: (n/a) FreeForm: Corgo1000 Bits: 5000
-
-PrefixBits (1884, 1000) => CheerState { full: 1984, bits: 1000 } => [ExactMatch] PrefixSelect: (n/a) FreeForm: 1984 Bits: 1000
-PrefixBits (Sus12, 1000) => CheerState { full: Sus12, bits: 1000 } => [ExactMatch] PrefixSelect: (n/a) FreeForm: Sus12 Bits: 1000
-PrefixBits (Corgo1000, 5000) => CheerState { full: Corgo1000, bits: 5000} => [ExactMatch] PrefixSelect: (Corgo) FreeForm: Corgo1000 Bits: 1000 (*ignore bits*)
-
-
-# Unless it is *only* an official prefix
-PrefixBits (Corgo, 5000) => CheerState { official: Corgo, bits: 5000} => [PrefixBits] PrefixSelect: Corgo FreeForm: Corgo Bits: 5000
-PrefixBits (Corgo, 5000) => CheerState { official: Corgo, bits: 5000} => [ExactMatch] PrefixSelect: Corgo FreeForm: Corgo5000
-
-
-------------------------------------------------------------------------------------------------
-
-CheerState UI CheerState
-
-CheerState { official: Corgo, bits: 5000} => [Bits] BitsSelect: 5000, BitsFreeForm: 5000 => CheerState { official: (retain), bits: 5000 }
-CheerState { official: Corgo, bits: 5000} => [PrefixBits] PrefixSelect: Corgo FreeForm: Corgo Bits: 5000 => CheerState { official: Corgo, bits: 5000 }
-CheerState { official: Corgo, bits: 5000} => [ExactMatch] PrefixSelect: Corgo FreeForm: Corgo5000 => CheerState { official: Corgo, bits: 5000 } [split freeform]
-
-CheerState { full: Zombo, bits: 5000} => [Bits] BitsSelect: 5000, BitsFreeForm: 5000
-CheerState { full: Zombo, bits: 5000} => [PrefixBits] PrefixSelect: (n/a) FreeForm: Zombo Bits: 5000
-CheerState { full: Zombo, bits: 5000} => [ExactMatch] PrefixSelect: (n/a) FreeForm: Zombo5000
-
-CheerState { full: Zombo, bits: 5000} => [Bits] BitsSelect: 5000, BitsFreeForm: 5000
-CheerState { full: Zombo, bits: 5000} => [Bits] BitsSelect: 5000, BitsFreeForm: 5000
-
-CheerState { full: 1984, bits: 5000} => [PrefixBits] PrefixSelect: Corgo FreeForm: Corgo Bits: 5000
-CheerState { full: Sus12, bits: 5000} => [ExactMatch] PrefixSelect: Corgo FreeForm: Corgo5000
-CheerState { full: Corgo1000, bits: 5000} => [ExactMatch] PrefixSelect: Corgo FreeForm: Corgo5000
-
-
-*/
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/EventMatchPredicateBuilderComponent.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/EventMatchPredicateBuilderComponent.tsx
deleted file mode 100644
index ff14e57b9c..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/EventMatchPredicateBuilderComponent.tsx
+++ /dev/null
@@ -1,311 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { BitsRuleType } from './types/BitsRuleType';
-import { TwitchEventCategory } from '@storyteller/components/src/api/storyteller/twitch_event_rules/shared/TwitchEventCategory';
-import { EventMatchPredicate } from '@storyteller/components/src/api/storyteller/twitch_event_rules/shared/EventMatchPredicate';
-import { BitsCheermoteNameExactMatchForm } from './subforms/BitsCheermoteNameExactMatchForm';
-import { BitsCheermotePrefixSpendThresholdForm } from './subforms/BitsCheermotePrefixSpendThresholdForm';
-import { BitsSpendThresholdForm } from './subforms/BitsSpendThresholdForm';
-import { ChannelPointsRewardNameExactMatchForm } from './subforms/ChannelPointsRewardNameExactMatchForm';
-import { ChannelPointsRuleType } from './types/ChannelPointsRuleType';
-import { CheerUtil } from '../../../twitch/CheerUtil';
-import { CheerState, CheerStateIsCustom, CheerStateIsOfficial, cheerStateToPredicate, predicateToCheerState } from './CheerState';
-import { CHEER_LOOKUP_MAP } from '../../../twitch/Cheers';
-
-// NB: This was created for "Edit" view, but we've forced it to work for "Create" view by hardcoding
-// values that don't actually come from the server.
-
-interface EventMatchPredicateBuilderComponentProps {
- // CANNOT BE CHANGED AFTER CREATION
- twitchEventCategory: TwitchEventCategory,
-
- // Original event match predicate from the server
- // (also immutable for sanity and because we lose information on UI changes)
- serverEventMatchPredicate: EventMatchPredicate,
-
- // Updates sent back up the tree
- updateModifiedEventMatchPredicate: (predicate: EventMatchPredicate) => void,
-};
-
-function EventMatchPredicateBuilderComponent(props: EventMatchPredicateBuilderComponentProps) {
- // ========== Core UI flow ==========
-
- const [bitsRuleType, setBitsRuleType] = useState
- You can create rules for matching different categories of events: cheers (bits),
- channel point rewards, etc.
-
- When an event occurs in your stream, we compare it against the rules in its
- category. The first matched rule (from the top) is selected, and the action
- that it specifies is taken. For now this is limited to FakeYou text to speech, but we'll be
- adding lots of new capabilities soon.
-
- 1) Pick what to match on
- -
-
-
-
-
-
- {ruleTypeSelect}
-
- -
- -
2) Configure the matching
- - {matchingRulesForm} - - ) -} - -export { EventMatchPredicateBuilderComponent } diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/subforms/BitsCheermoteNameExactMatchForm.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/subforms/BitsCheermoteNameExactMatchForm.tsx deleted file mode 100644 index 0ff460078f..0000000000 --- a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/subforms/BitsCheermoteNameExactMatchForm.tsx +++ /dev/null @@ -1,169 +0,0 @@ -import React, { useEffect, useState } from 'react'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faGem } from '@fortawesome/free-solid-svg-icons'; -import { CHEER_BIT_LEVELS, CHEER_PREFIXES, CHEER_PREFIX_TO_STRING_MAP } from '../../../../twitch/Cheers'; -import { CheerState, CheerStateIsCustom, CheerStateIsOfficial } from '../CheerState'; - -// TODO: Don't duplicate -const CHEER_REGEX = /^([A-Za-z]+)(\d+)?$/; - -interface BitsCheermoteNameExactMatchProps { - cheerState: CheerState, - updateCheerName: (cheerNameOrPrefix: string) => void, -}; - -function BitsCheermoteNameExactMatchForm(props: BitsCheermoteNameExactMatchProps) { - // The two dropdowns - const [cheerPrefix, setCheerPrefix] = useState
-
-
- )
-}
-
-export { BitsCheermoteNameExactMatchForm }
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/subforms/BitsCheermotePrefixSpendThresholdForm.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/subforms/BitsCheermotePrefixSpendThresholdForm.tsx
deleted file mode 100644
index 362eca4550..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/subforms/BitsCheermotePrefixSpendThresholdForm.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faGem } from '@fortawesome/free-solid-svg-icons';
-import { CHEER_BIT_LEVELS, CHEER_PREFIXES, CHEER_PREFIX_TO_STRING_MAP } from '../../../../twitch/Cheers';
-import { CheerState, CheerStateIsCustom, CheerStateIsOfficial } from '../CheerState';
-
-interface BitsCheermotePrefixSpendThresholdProps {
- cheerState: CheerState,
-
- updateCheerPrefix: (cheerNameOrPrefix: string) => void,
- updateMinimumBitsSpent: (minimumSpent: number) => void,
-};
-
-function BitsCheermotePrefixSpendThresholdForm(props: BitsCheermotePrefixSpendThresholdProps) {
- const [cheerPrefix, setCheerPrefix] = useState
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- This rule type requires both the cheermote
- to match and the bits spent to be equal or greater than the amount specified.
-
- Cheermote matching
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- The "Cheer prefix" can be an actual cheer prefix, such as "SeemsGood", but it can also be an arbitrary
- string value. So if you make it "ManBearPig", that will be searched for in cheers.
-
- Cheermotes will be removed from the words used in TTS, but currently custom strings will not (though
- this may change in the future).
-
- Bits spent
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Remember that all Cheermotes in a single message add up,
- eg. “Cheer100 + Cheer100 + Party100” is 300 bits.
- A custom amount should give you flexibility to charge, say, 300 or 500 bits.
- Or 420. Whatever you want.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Remember that all Cheermotes in a single message add up,
- eg. “Cheer100 + Cheer100 + Party100” is 300 bits.
- A custom amount should give you flexibility to charge, say, 300 or 500 bits.
- Or 420. Whatever you want.
-
-
-
-
-
- )
-}
-
-export { ChannelPointsRewardNameExactMatchForm }
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/types/BitsRuleType.ts b/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/types/BitsRuleType.ts
deleted file mode 100644
index b89d958ade..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/types/BitsRuleType.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-
-// For bits / cheermotes
-export enum BitsRuleType {
- BitsCheermoteNameExactMatch = "bits_cheermote_name_exact_match",
- BitsCheermotePrefixSpendThreshold = "bits_cheermote_prefix_spend_threshold",
- BitsSpendThreshold = "bits_spend_threshold",
-}
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/types/ChannelPointsRuleType.ts b/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/types/ChannelPointsRuleType.ts
deleted file mode 100644
index d4379b3d7b..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/event_match_predicate_builder/types/ChannelPointsRuleType.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-
-// For channel points
-export enum ChannelPointsRuleType {
- ChannelPointsRewardNameExactMatch = 'channel_points_reward_name_exact_match',
-}
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/BuildEventResponse.ts b/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/BuildEventResponse.ts
deleted file mode 100644
index 66b2d25aaa..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/BuildEventResponse.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { EventResponse } from "@storyteller/components/src/api/storyteller/twitch_event_rules/shared/EventResponse";
-import { EventResponseType } from "./EventResponseType";
-
-export function buildEventResponse(ttsModelTokens: string[], eventResponseType: EventResponseType) :EventResponse {
- let eventResponse : EventResponse = {};
-
- switch (eventResponseType) {
- case EventResponseType.TtsSingleVoice:
- let ttsModelToken = '';
- if (ttsModelTokens.length > 0) {
- ttsModelToken = ttsModelTokens[0];
- }
- eventResponse.tts_single_voice = {
- tts_model_token: ttsModelToken,
- }
- break;
- case EventResponseType.TtsRandomVoice:
- eventResponse.tts_random_voice= {
- tts_model_tokens: [...ttsModelTokens],
- }
- break;
- }
-
- return eventResponse;
-}
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/EventResponseComponent.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/EventResponseComponent.tsx
deleted file mode 100644
index 6bdd77afb5..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/EventResponseComponent.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { TtsModelListItem } from '@storyteller/components/src/api/tts/ListTtsModels';
-import { TtsSingleVoiceForm } from './TtsSingleVoiceForm';
-import { EventResponseType } from './EventResponseType';
-import { EventResponse } from '@storyteller/components/src/api/storyteller/twitch_event_rules/shared/EventResponse';
-import { buildEventResponse } from './BuildEventResponse';
-import { TtsRandomVoiceForm } from './TtsRandomVoiceForm';
-
-// NB: This was created for "Edit" view, but we've forced it to work for "Create" view by hardcoding
-// values that don't actually come from the server.
-
-interface EventResponseComponentProps {
- // Original response from server.
- // (also immutable for sanity and because we may lose info on UI changes)
- serverEventResponse: EventResponse,
-
- // Updates sent back up the tree
- updateModifiedEventResponse: (response: EventResponse) => void,
-
- // FakeYou voices
- allTtsModels: TtsModelListItem[],
- allTtsModelsByToken: Map
-
-
- 3) Pick how to respond
- -
-
-
-
-
-
-
-
-
- -
- -
4) Configure the response
- - {responseForm} - --
- - - ) -} - -export { EventResponseComponent } diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/EventResponseType.ts b/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/EventResponseType.ts deleted file mode 100644 index 4131886efa..0000000000 --- a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/EventResponseType.ts +++ /dev/null @@ -1,5 +0,0 @@ - -export enum EventResponseType { - TtsSingleVoice = "tts_single_voice", - TtsRandomVoice = "tts_random_voice", -} diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/TtsRandomVoiceForm.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/TtsRandomVoiceForm.tsx deleted file mode 100644 index 41b72bbc79..0000000000 --- a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/TtsRandomVoiceForm.tsx +++ /dev/null @@ -1,206 +0,0 @@ -import React, { useEffect } from 'react'; -import { TtsModelListItem } from '@storyteller/components/src/api/tts/ListTtsModels'; -import { FakeYouExternalLink } from '@storyteller/components/src/elements/FakeYouExternalLink'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faPlus, faTrash } from '@fortawesome/free-solid-svg-icons'; - -interface TtsRandomVoiceFormProps { - selectedTtsModelTokens: string[], - updateSelectedTtsModelTokens: (tokens: string[]) => void, - - // FakeYou voices - allTtsModels: TtsModelListItem[], - allTtsModelsByToken: Map
- -
- Check out the voices at FakeYou to search for voices, experiment with them,
- and see how they sound. Sorry that this list is a nightmare to navigate. It will improve over time.
-
-
-
-
-
-
- );
-}
-
-export { TtsRandomVoiceForm }
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/TtsSingleVoiceForm.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/TtsSingleVoiceForm.tsx
deleted file mode 100644
index e3a3fbdd4d..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/event_response_builder/TtsSingleVoiceForm.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { TtsModelListItem } from '@storyteller/components/src/api/tts/ListTtsModels';
-import { FakeYouExternalLink } from '@storyteller/components/src/elements/FakeYouExternalLink';
-
-interface TtsSingleVoiceFormProps {
- selectedTtsModelTokens: string[],
- updateSelectedTtsModelToken: (token: string) => void,
-
- // FakeYou voices
- allTtsModels: TtsModelListItem[],
- allTtsModelsByToken: Map
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
- We apologize that this list is a nightmare to navigate right now. It will improve over time.
- In the mean time, check out the voices at FakeYou to
- find the voices you want, experiment with them, and see which ones work best for your stream. The
- names of the voices at FakeYou are the same as in this dropdown, so you can search at FakeYou, then
- add them here when you're done looking.
- - {modelNameAndLinks}
-
-
- )
-}
-
-export { ReorderableTwitchEventRuleElement }
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/pages/tts_configs/rule_cards/TwitchEventRuleElement.tsx b/packages/dashboard.power.stream/src/pages/tts_configs/rule_cards/TwitchEventRuleElement.tsx
deleted file mode 100644
index 174e721bb1..0000000000
--- a/packages/dashboard.power.stream/src/pages/tts_configs/rule_cards/TwitchEventRuleElement.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import React from 'react';
-import { TwitchEventRule } from '@storyteller/components/src/api/storyteller/twitch_event_rules/ListTwitchEventRules';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faEdit, faExternalLinkAlt, faTrash } from '@fortawesome/free-solid-svg-icons';
-import { Link } from 'react-router-dom';
-import { TtsModelListItem } from '@storyteller/components/src/api/tts/ListTtsModels';
-
-interface Props {
- rule: TwitchEventRule,
- allTtsModelsByToken: Map
-
-
-
-
-
- {subtitle}
-
-
- {description}
-
- -
- {modelNameAndLinks}
-
-
- )
-}
-
-export { TwitchEventRuleElement }
\ No newline at end of file
diff --git a/packages/dashboard.power.stream/src/react-app-env.d.ts b/packages/dashboard.power.stream/src/react-app-env.d.ts
deleted file mode 100644
index 6431bc5fc6..0000000000
--- a/packages/dashboard.power.stream/src/react-app-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
-
-
-
- {buttons}
-
- {subtitle}
-
-
- {description}
-
- -