Drop task builds

Author: vtm9

apps/codebattle/assets/css/style.scss

@@ -2724,3 +2724,4 @@ a.cb-text-light:hover {
     border-bottom-color: rgba(0, 0, 0, 0.3);
   }
 }
+

apps/codebattle/assets/js/app.js

@@ -36,7 +36,6 @@ import { LiveSocket } from "phoenix_live_view";
 
 import "./widgets/lib/sentry";
 import {
-  renderBuilderWidget,
   renderEventPage,
   renderGroupTournamentPage,
   renderGameThreejsPage,
@@ -53,6 +52,7 @@ import {
   renderSettingPage,
   renderStairwayGamePage,
   renderStreamPage,
+  renderTaskPreviewPage,
   renderTournamentAdminPage,
   renderTournamentPage,
   renderTournamentEditPage,
@@ -103,7 +103,6 @@ window.addEventListener("phx:page-loading-stop", (_info) => NProgress.done());
 
 liveSocket.connect();
 
-const builderWidgetRoot = document.getElementById("builder-widget-root");
 const gameWidgetRoot = document.getElementById("game-widget-root");
 const gameThreejsRoot = document.getElementById("game-threejs-root");
 const heatmapRoot = document.getElementById("heatmap-root");
@@ -127,6 +126,7 @@ const hallOfFameRoot = document.getElementById("hall-of-fame-root");
 const headToHeadRoot = document.getElementById("head-to-head-root");
 const seasonsRoot = document.getElementById("seasons-root");
 const seasonShowRoot = document.getElementById("season-show-root");
+const taskPreviewRoot = document.getElementById("task-preview-root");
 
 if (gameWidgetRoot) {
   renderGameWidget(gameWidgetRoot);
@@ -136,10 +136,6 @@ if (gameThreejsRoot) {
   renderGameThreejsPage(gameThreejsRoot);
 }
 
-if (builderWidgetRoot) {
-  renderBuilderWidget(builderWidgetRoot);
-}
-
 if (heatmapRoot) {
   renderHeatmapWidget(heatmapRoot);
 }
@@ -223,3 +219,7 @@ if (seasonsRoot) {
 if (seasonShowRoot) {
   renderSeasonShowPage(seasonShowRoot);
 }
+
+if (taskPreviewRoot) {
+  renderTaskPreviewPage(taskPreviewRoot);
+}

apps/codebattle/assets/js/widgets/App.jsx

@@ -73,6 +73,7 @@ const TournamentEdit = React.lazy(() => import("./pages/tournament/EditTournamen
 const TournamentPlayer = React.lazy(() => import("./pages/tournamentPlayer"));
 const GroupTournament = React.lazy(() => import("./pages/groupTournament"));
 const TournamentsSchedule = React.lazy(() => import("./pages/schedule"));
+const TaskPreview = React.lazy(() => import("./pages/taskPreview"));
 const UserProfile = React.lazy(() => import("./pages/profile"));
 const UserSettings = React.lazy(() => import("./pages/settings"));
 
@@ -121,25 +122,6 @@ export function GameThreejsPage() {
   );
 }
 
-export function Builder() {
-  return (
-    <Provider store={store}>
-      <PersistGate loading={null} persistor={persistor}>
-        <Suspense>
-          <NiceModal.Provider>
-            <RoomWidget
-              pageName={PageNames.builder}
-              mainMachine={mainMachine}
-              taskMachine={taskMachine}
-              editorMachine={editorMachine}
-            />
-          </NiceModal.Provider>
-        </Suspense>
-      </PersistGate>
-    </Provider>
-  );
-}
-
 export function Lobby() {
   return (
     <Provider store={store}>
@@ -363,6 +345,16 @@ export function SeasonsPage() {
   );
 }
 
+export function TaskPreviewPage() {
+  return (
+    <Provider store={store}>
+      <Suspense>
+        <TaskPreview />
+      </Suspense>
+    </Provider>
+  );
+}
+
 export function SeasonShowPage() {
   return (
     <Provider store={store}>

apps/codebattle/assets/js/widgets/components/LanguagePicker.jsx

@@ -2,11 +2,8 @@ import React, { useContext } from "react";
 
 import { useDispatch } from "react-redux";
 
-import { inTestingRoomSelector, openedReplayerSelector } from "../machines/selectors";
-import {
-  sendCurrentLangAndSetTemplate,
-  updateCurrentLangAndSetTemplate,
-} from "../middlewares/Room";
+import { openedReplayerSelector } from "../machines/selectors";
+import { sendCurrentLangAndSetTemplate } from "../middlewares/Room";
 import useMachineStateSelector from "../utils/useMachineStateSelector";
 
 import LanguagePickerView from "./LanguagePickerView";
@@ -17,13 +14,8 @@ function LanguagePicker({ status, editor }) {
 
   const { mainService } = useContext(RoomContext);
   const isOpenedReplayer = useMachineStateSelector(mainService, openedReplayerSelector);
-  const isTestingRoom = useMachineStateSelector(mainService, inTestingRoomSelector);
   const changeLang = ({ label: { props } }) => {
-    if (isTestingRoom) {
-      dispatch(updateCurrentLangAndSetTemplate(props.slug));
-    } else {
-      dispatch(sendCurrentLangAndSetTemplate(props.slug));
-    }
+    dispatch(sendCurrentLangAndSetTemplate(props.slug));
   };
 
   return (

apps/codebattle/assets/js/widgets/config/gameModes.js

@@ -4,5 +4,4 @@ export default {
   standard: "standard",
   tournament: "tournament",
   history: "history",
-  builder: "builder",
 };

apps/codebattle/assets/js/widgets/config/gameStateCodes.js

@@ -7,5 +7,4 @@ export default {
   timeout: "timeout",
   rematchRejected: "rematch_rejected",
   rematchInApproval: "rematch_in_approval",
-  builder: "builder",
 };

apps/codebattle/assets/js/widgets/config/modalCodes.js

@@ -1,7 +1,5 @@
 const modalCodes = {
-  taskParamsModal: "task_params_modal",
   gameResultModal: "game_results_modal",
-  taskConfigurationModal: "task_configuration_modal",
   taskDescriptionModal: "task_description_modal",
   tournamentStatisticsModal: "tournament_statistics_modal",
   tournamentDescriptionModal: "tournament_description_modal",

apps/codebattle/assets/js/widgets/config/pageNames.js

@@ -1,6 +1,5 @@
 const pageNames = {
   game: "game",
-  builder: "builder",
 };
 
 export default pageNames;

apps/codebattle/assets/js/widgets/index.jsx

@@ -3,7 +3,6 @@ import React from "react";
 import { createRoot } from "react-dom/client";
 
 import {
-  Builder,
   EventPage,
   GroupTournamentPage,
   Game,
@@ -16,6 +15,7 @@ import {
   RegistrationPage,
   SeasonsPage,
   SeasonShowPage,
+  TaskPreviewPage,
   SettingsPage,
   StairwayGamePage,
   StreamPage,
@@ -30,7 +30,6 @@ import {
 
 const Heatmap = React.lazy(() => import("./pages/profile/Heatmap"));
 
-export const renderBuilderWidget = (domElement) => createRoot(domElement).render(<Builder />);
 export const renderEventPage = (domElement) => createRoot(domElement).render(<EventPage />);
 export const renderGroupTournamentPage = (domElement) =>
   createRoot(domElement).render(<GroupTournamentPage />);
@@ -53,6 +52,8 @@ export const renderHeadToHeadPage = (domElement) =>
 export const renderSeasonsPage = (domElement) => createRoot(domElement).render(<SeasonsPage />);
 export const renderSeasonShowPage = (domElement) =>
   createRoot(domElement).render(<SeasonShowPage />);
+export const renderTaskPreviewPage = (domElement) =>
+  createRoot(domElement).render(<TaskPreviewPage />);
 export const renderTournamentAdminPage = (domElement) =>
   createRoot(domElement).render(<TournamentAdminPage />);
 export const renderTournamentPage = (domElement) =>

apps/codebattle/assets/js/widgets/machines/game.js

@@ -22,9 +22,6 @@ const states = {
     gameOver: "game_over",
 
     stored: "stored",
-
-    builder: "builder.idle",
-    testing: "builder.testing",
   },
   replayer: {
     empty: "empty",
@@ -174,7 +171,6 @@ const machine = {
           on: {
             LOAD_GAME: [
               { target: "waiting", cond: "isWaitingGame" },
-              { target: "builder", cond: "isTaskBuilder" },
               { target: "active", cond: "isActiveGame" },
               {
                 target: "game_over",
@@ -254,28 +250,6 @@ const machine = {
         failure: {
           type: "final",
         },
-        builder: {
-          initial: "idle",
-          states: {
-            idle: {
-              on: {
-                OPEN_TESTING: [
-                  {
-                    target: "idle",
-                    cond: "haveOnlyFreeAccess",
-                    actions: ["showPremiumSubscribeRequestModal"],
-                  },
-                  { target: "testing" },
-                ],
-              },
-            },
-            testing: {
-              on: {
-                OPEN_TASK_BUILDER: "idle",
-              },
-            },
-          },
-        },
       },
     },
     replayer: {
@@ -352,7 +326,6 @@ export const config = {
   guards: {
     // game guards
     isWaitingGame: (_ctx, { payload }) => payload.state === GameStateCodes.waitingOpponent,
-    isTaskBuilder: (_ctx, { payload }) => payload.state === GameStateCodes.builder,
     isActiveGame: (_ctx, { payload }) => payload.state === GameStateCodes.playing,
     haveOnlyFreeAccess: (ctx) => ctx.subscriptionType === "free",
     isGameOver: (_ctx, { payload }) => payload.state === GameStateCodes.gameOver,