refactor: redesign platform service structure (#39)

* refactoring action reducer

* change match to switch statement in action reducer

* fix _run scripts

* rework actions reducer with immer

* first step of rework

* removing payload variable from period result reducer

* tiny revisit of SegementReducer

* fix result.facts passed to period start

* prototype separate reducer fns suggestion

* period reducer separate fns: adding payload types

* Segment Reducer to separate fns

* period result separate fns

* segment result separate fns, some renaming of previous payload types

* additional todos and clean up

* move action types to platform and add todos

* removing action types for input and ouput of reducer fns

* isDirty todo, minor cleanup

* remove ResultState for now

* remove comment wrt userrole in demo-game

* remove todo comment wrt roleAssigner

* introduce settings/constants

* period reducer: remove isDirty and return result directly

* period reducer: remove isDirty and return result directly consolidate

* segment reducer: remove isDirty and return result directly

* period result reducer typed

* adding brackets for type union

* segment result reducer, remove isDirty and typed

* segment result reducer, remove isDirty and typed, missed return type

* moving mapper into if statement

* update design system to 2.7.0 latest version

* making roleAssigner work with undefined players

* using OutputFacts platform type for user output types

* replace state with facts and added all output types

* rename result to resultFacts

* rename reducers to services

* move types from graphql to separate folder types

* segment initializer clean input and output type

* clean up input output types for services

---------

Co-authored-by: Roland Schläfli <rolandschlaefli@gmail.com>

Author: jajakob

_run.sh

@@ -1,3 +1,3 @@
 #!/bin/sh
 cd apps/demo-game
-podman-compose up
+docker compose up

apps/demo-game/_run.sh

@@ -1,2 +1,2 @@
 #!/bin/sh
-podman-compose up
+docker compose up

apps/demo-game/package.json

@@ -13,13 +13,14 @@
     "@gbl-uzh/ui": "workspace:*",
     "@next-auth/prisma-adapter": "1.0.7",
     "@prisma/client": "5.14.0",
-    "@uzh-bf/design-system": "1.8.0",
+    "@uzh-bf/design-system": "2.7.0",
     "date-fns": "2.30.0",
     "formik": "2.4.3",
     "graphql": "16.8.0",
     "graphql-sse": "2.2.3",
     "graphql-yoga": "4.0.4",
     "i18next": "22.5.0",
+    "immer": "10.1.1",
     "jsonwebtoken": "9.0.2",
     "next": "14.2.4",
     "next-auth": "4.23.1",
@@ -47,6 +48,7 @@
     "@tsconfig/node18": "18.2.1",
     "@tsconfig/recommended": "1.0.2",
     "@types/node": "^18.11.9",
+    "@types/ramda": "^0.28.25",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.0",
     "autoprefixer": "10.4.15",

apps/demo-game/src/components/RootLayout.tsx

@@ -3,5 +3,15 @@ import { sourceSansPro } from '@lib/fonts'
 import type { PropsWithChildren } from 'react'
 
 export default function RootLayout({ children }: PropsWithChildren) {
-  return <div className={sourceSansPro.variable}>{children}</div>
+  return (
+    <div className={sourceSansPro.variable}>
+      {children}
+      <style jsx global>{`
+        :root {
+          --source-sans-pro: ${sourceSansPro.variable};
+          --theme-font-primary: ${sourceSansPro.variable};
+        }
+      `}</style>
+    </div>
+  )
 }

apps/demo-game/src/graphql/index.ts

@@ -1,25 +1,22 @@
-import { UserRole } from '@gbl-uzh/platform'
 import {
   generateBaseMutations,
   generateBaseQueries,
   generateBaseSubscriptions,
 } from '@gbl-uzh/platform/dist/nexus'
-import * as reducers from '../reducers'
-import type { PeriodFacts, PeriodSegmentFacts } from './types'
+import type { PeriodFacts, PeriodSegmentFacts } from '../../src/types/Period'
+import * as services from '../services'
 import {
   PeriodFactsInput,
   PeriodFactsSchema,
   PeriodSegmentFactsInput,
   PeriodSegmentFactsSchema,
-} from './types'
+} from '../types'
 export * from '@gbl-uzh/platform/dist/nexus'
-export * from './types'
+export * from '../types'
 
 export const Query = generateBaseQueries()
 export const Mutation = generateBaseMutations<PeriodFacts, PeriodSegmentFacts>({
-  // TODO(JJ): Double-check with RS
-  roleAssigner: (ix) => UserRole.PLAYER,
-  reducers,
+  services,
   schemas: {
     PeriodFactsSchema,
     PeriodSegmentFactsSchema,

apps/demo-game/src/pages/play/cockpit.tsx

@@ -5,7 +5,7 @@ import {
   PerformActionDocument,
   ResultDocument,
 } from 'src/graphql/generated/ops'
-import { ActionTypes } from 'src/reducers/ActionsReducer'
+import { ActionTypes } from 'src/services/ActionsReducer'
 
 function Cockpit() {
   const playerState = useQuery(ResultDocument, { fetchPolicy: 'cache-first' })