add auth slice to playground

Author: joshunrau

apps/playground/src/store/index.ts

@@ -6,6 +6,7 @@ import { immer } from 'zustand/middleware/immer';
 
 import { resolveIndexFilename } from '@/utils/file';
 
+import { createAuthSlice } from './slices/auth.slice';
 import { createEditorSlice } from './slices/editor.slice';
 import { createInstrumentSlice } from './slices/instrument.slice';
 import { createSettingsSlice } from './slices/settings.slice';
@@ -19,6 +20,7 @@ export const useAppStore = create(
     persist(
       subscribeWithSelector(
         immer<AppStore>((...a) => ({
+          ...createAuthSlice(...a),
           ...createEditorSlice(...a),
           ...createInstrumentSlice(...a),
           ...createSettingsSlice(...a),

apps/playground/src/store/slices/auth.slice.ts

@@ -0,0 +1,10 @@
+import type { AuthSlice, SliceCreator } from '../types';
+
+export const createAuthSlice: SliceCreator<AuthSlice> = (set) => ({
+  accessToken: null,
+  setAccessToken: (accessToken) => {
+    set((state) => {
+      state.accessToken = accessToken;
+    });
+  }
+});

apps/playground/src/store/types.ts

@@ -34,6 +34,11 @@ export type TranspilerSlice = {
   transpilerState: TranspilerState;
 };
 
+export type AuthSlice = {
+  accessToken: null | string;
+  setAccessToken: (accessToken: null | string) => void;
+};
+
 export type EditorState = {
   files: EditorFile[];
   indexFilename: null | string;
@@ -77,7 +82,7 @@ export type ViewerSlice = {
   };
 };
 
-export type AppStore = EditorSlice & InstrumentSlice & SettingsSlice & TranspilerSlice & ViewerSlice;
+export type AppStore = AuthSlice & EditorSlice & InstrumentSlice & SettingsSlice & TranspilerSlice & ViewerSlice;
 
 export type SliceCreator<T extends { [key: string]: unknown }> = StateCreator<
   AppStore,