Adding csproj to playground. Switching to a sane state management pat…

…tern.

Src/CSharpier.Playground/CSharpier.Playground.csproj

@@ -9,37 +9,37 @@
     <DefaultItemExcludes>$(DefaultItemExcludes);$(SpaRoot)node_modules\**</DefaultItemExcludes>
   </PropertyGroup>
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.SpaServices.Extensions"/>
-    <PackageReference Include="Serilog.Extensions.Logging.File"/>
+    <PackageReference Include="Microsoft.AspNetCore.SpaServices.Extensions" />
+    <PackageReference Include="Serilog.Extensions.Logging.File" />
   </ItemGroup>
   <ItemGroup>
     <!-- Don't publish the SPA source files, but do show them in the project files list -->
-    <Content Remove="$(SpaRoot)**"/>
-    <None Remove="$(SpaRoot)**"/>
-    <None Include="$(SpaRoot)**" Exclude="$(SpaRoot)node_modules\**"/>
-    <None Remove="App_Data\Uploads\**"/>
-    <Content Remove="App_Data\Uploads\**"/>
+    <Content Remove="$(SpaRoot)**" />
+    <None Remove="$(SpaRoot)**" />
+    <None Include="$(SpaRoot)**" Exclude="$(SpaRoot)node_modules\**" />
+    <None Remove="App_Data\Uploads\**" />
+    <Content Remove="App_Data\Uploads\**" />
   </ItemGroup>
   <ItemGroup>
-    <Compile Remove="App_Data\Uploads\**"/>
+    <Compile Remove="App_Data\Uploads\**" />
   </ItemGroup>
   <ItemGroup>
-    <EmbeddedResource Remove="App_Data\Uploads\**"/>
+    <EmbeddedResource Remove="App_Data\Uploads\**" />
   </ItemGroup>
   <ItemGroup>
-    <ProjectReference Include="..\CSharpier\CSharpier.csproj"/>
+    <ProjectReference Include="..\CSharpier\CSharpier.csproj" />
   </ItemGroup>
   <Target Name="DebugEnsureNodeEnv" BeforeTargets="Build" Condition=" '$(Configuration)' == 'Debug' And !Exists('$(SpaRoot)node_modules') ">
     <Exec Command="node --version" ContinueOnError="true">
-      <Output TaskParameter="ExitCode" PropertyName="ErrorCode"/>
+      <Output TaskParameter="ExitCode" PropertyName="ErrorCode" />
     </Exec>
-    <Error Condition="'$(ErrorCode)' != '0'" Text="Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE."/>
-    <Message Importance="high" Text="Restoring dependencies using 'npm'. This may take several minutes..."/>
-    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install"/>
+    <Error Condition="'$(ErrorCode)' != '0'" Text="Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE." />
+    <Message Importance="high" Text="Restoring dependencies using 'npm'. This may take several minutes..." />
+    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
   </Target>
   <Target Name="PublishRunWebpack" AfterTargets="ComputeFilesToPublish">
     <ItemGroup>
-      <BuildFiles Include="$(SpaRoot)build\**"/>
+      <BuildFiles Include="$(SpaRoot)build\**" />
       <ResolvedFileToPublish Include="@(BuildFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">
         <RelativePath>%(BuildFiles.Identity)</RelativePath>
         <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>

Src/CSharpier.Playground/ClientApp/package.json

@@ -10,6 +10,8 @@
         "@types/react-router-dom": "5.1.7",
         "@vitejs/plugin-react": "1.3.2",
         "codemirror": "5.65.4",
+        "mobx": "6.9.0",
+        "mobx-react-lite": "4.0.2",
         "prettier": "2.2.1",
         "react": "16.14.0",
         "react-codemirror2": "7.2.1",

Src/CSharpier.Playground/ClientApp/src/App.tsx

@@ -1,11 +1,18 @@
-import { AppContext, useSetupAppContext } from "./AppContext";
 import React from "react";
 import { Layout } from "./Layout";
+import { AppState, AppStateContext } from "./AppContext";
+import { configure } from "mobx";
+
+const appState = new AppState();
+
+configure({
+    enforceActions: "always",
+});
 
 export const App = () => {
     return (
-        <AppContext.Provider value={useSetupAppContext()}>
+        <AppStateContext.Provider value={appState}>
             <Layout />
-        </AppContext.Provider>
+        </AppStateContext.Provider>
     );
 };