Extraction of MatBlazor Documentation as a reusable component

src/AddForkBaseRemote.bat

@@ -0,0 +1,4 @@
+@echo off
+git remote add upstream2 https://github.com/SamProf/MatBlazor.git
+echo IMPORTANT: now fetch upstream2 from sync window in visual studio
+pause

src/MatBlazor.Demo.ClientApp/MatBlazor.Demo.ClientApp.csproj

@@ -17,6 +17,7 @@
 
     <ItemGroup>
         <ProjectReference Include="..\MatBlazor.Demo\MatBlazor.Demo.csproj" />
+        <ProjectReference Include="..\MatBlazor.Doc.Demo\MatBlazor.Doc.Demo.csproj" />
         <ProjectReference Include="..\MatBlazor\MatBlazor.csproj" />
     </ItemGroup>
 

src/MatBlazor.Demo.ClientApp/Program.cs

@@ -1,5 +1,8 @@
 using MatBlazor.Demo.Models;
 using MatBlazor.Demo.Services;
+using MatBlazor.Demo.Pages;
+using MatBlazor.Doc;
+using MatBlazor.Doc.Demo;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using Microsoft.Extensions.DependencyInjection;
 using System;
@@ -13,27 +16,24 @@ public class Program
         public static async Task Main(string[] args)
         {
             var builder = WebAssemblyHostBuilder.CreateDefault(args);
-            builder.RootComponents.Add<App>("app");
-
-            builder.Services.AddTransient(sp => new HttpClient
+            builder.RootComponents.Add<MatBlazor.Doc.DocApp>("app");
+            var services = builder.Services;
+            services.AddTransient(sp => new HttpClient
                 {BaseAddress = new Uri(builder.HostEnvironment.BaseAddress)});
 
-
-            builder.Services.AddMatBlazor();
-            builder.Services.AddSingleton<AppModel>();
-            builder.Services.AddScoped<UserAppModel>();
-            builder.Services.AddScoped<DemoUserService>();
-            builder.Services.AddMatToaster(config =>
-            {
-                //example MatToaster customizations
-                config.PreventDuplicates = false;
-                config.NewestOnTop = true;
-                config.ShowCloseButton = true;
-            });
 
-            await builder
-                .Build()
-                .RunAsync();
+            var useDocFrameModel = Environment.GetEnvironmentVariable("USE_DOC_APPFRAME_DEMO") == "true";
+            AppModel appModel = useDocFrameModel ?
+                new DocFrameAppModel() :
+                new MatBlazorDocumentationAppModel();
+
+            services.AddDocApp(appModel);
+
+            //builder.Services.AddDocApp(new AppModel(typeof(Pages.Index), DemoNavModel.Default()));
+            services.AddScoped<DemoUserService>();
+
+
+            await builder.Build().RunAsync();
         }
     }
 }

src/MatBlazor.Demo.ClientApp/Properties/launchSettings.json

@@ -22,6 +22,16 @@
         "ASPNETCORE_ENVIRONMENT": "Development"
       },
       "applicationUrl": "http://localhost:62766/"
+    },
+    "MatBlazor.Demo.ClientApp_new": {
+      "commandName": "Project",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development",
+        "USE_DOC_APPFRAME_DEMO": "true"
+      },
+      "applicationUrl": "http://localhost:62766/"
     }
+
   }
 }

src/MatBlazor.Demo.ClientApp/wwwroot/index.html

@@ -22,11 +22,11 @@
     </script>
 
 
-    <link href="_content/MatBlazor.Demo/site.css" rel="stylesheet" />
+    <link href="_content/MatBlazor.Doc/site.css" rel="stylesheet" />
     <script src="_content/MatBlazor/dist/matBlazor.js"></script>
     <link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />
-    <script src="_content/MatBlazor.Demo/matBlazorDemo.js"></script>
-    <script src="_content/MatBlazor.Demo/blazorFiddleLoader.js"></script>
+    <script src="_content/MatBlazor.Doc/matBlazorDemo.js"></script>
+    <script src="_content/MatBlazor.Doc/blazorFiddle.js"></script>
     <script data-ad-client="ca-pub-3904134905954949" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 
 

src/MatBlazor.Demo.ServerApp/MatBlazor.Demo.ServerApp.csproj

@@ -3,7 +3,7 @@
   <PropertyGroup>
     <LangVersion>9</LangVersion>
     <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
-    <TargetFrameworks>net5.0;netcoreapp3.1</TargetFrameworks>
+    <TargetFramework>net5.0</TargetFramework>
   </PropertyGroup>
 
   <ItemGroup>
@@ -19,6 +19,7 @@
 
   <ItemGroup>
     <ProjectReference Include="..\MatBlazor.Demo\MatBlazor.Demo.csproj" />
+    <ProjectReference Include="..\MatBlazor.Doc.Demo\MatBlazor.Doc.Demo.csproj" />
     <ProjectReference Include="..\MatBlazor\MatBlazor.csproj" />
   </ItemGroup>
 

src/MatBlazor.Demo.ServerApp/Pages/_Host.cshtml

@@ -6,4 +6,4 @@
 }
 
 
-@(await Html.RenderComponentAsync<App>(RenderMode.ServerPrerendered))
+@(await Html.RenderComponentAsync<MatBlazor.Doc.DocApp>(RenderMode.ServerPrerendered))

src/MatBlazor.Demo.ServerApp/Pages/_Layout.cshtml

@@ -25,11 +25,11 @@
     </script>
 
 
-    <link href="_content/MatBlazor.Demo/site.css" rel="stylesheet" />
+    <link href="_content/MatBlazor.Doc/site.css" rel="stylesheet" />
     <script src="_content/MatBlazor/dist/matBlazor.js"></script>
     <link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />
-    <script src="_content/MatBlazor.Demo/matBlazorDemo.js"></script>
-    <script src="_content/MatBlazor.Demo/blazorFiddleLoader.js"></script>
+    <script src="_content/MatBlazor.Doc/matBlazorDemo.js"></script>
+    <script src="_content/MatBlazor.Doc/blazorFiddle.js"></script>
     <script data-ad-client="ca-pub-3904134905954949" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 
 </head>

src/MatBlazor.Demo.ServerApp/Properties/launchSettings.json

@@ -23,6 +23,15 @@
         "ASPNETCORE_ENVIRONMENT": "Development"
       },
       "applicationUrl": "https://localhost:5001;http://localhost:5000"
+    },
+    "MatBlazor.Demo.ServerApp_new": {
+      "commandName": "Project",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development",
+        "USE_DOC_APPFRAME_DEMO": "true"
+      },
+      "applicationUrl": "https://localhost:5001;http://localhost:5000"
     }
   }
 }

src/MatBlazor.Demo.ServerApp/Startup.cs

@@ -1,5 +1,7 @@
 using MatBlazor.Demo.Models;
 using MatBlazor.Demo.Services;
+using MatBlazor.Doc.Demo;
+using MatBlazor.Demo.Pages;
 using Microsoft.AspNetCore.Builder;
 using Microsoft.AspNetCore.Hosting;
 using Microsoft.AspNetCore.HttpOverrides;
@@ -33,18 +35,14 @@ public void ConfigureServices(IServiceCollection services)
 
             });
 
+            var useDocFrameModel = Environment.GetEnvironmentVariable("USE_DOC_APPFRAME_DEMO") == "true";
+            AppModel appModel = useDocFrameModel ?
+                new DocFrameAppModel() :
+                new MatBlazorDocumentationAppModel();
 
+            services.AddDocApp(appModel);
 
-            services.AddSingleton<AppModel>();
-            services.AddScoped<UserAppModel>();
-            services.AddScoped<DemoUserService>();
-            services.AddMatToaster(config =>
-            {
-                //example MatToaster customizations
-                config.PreventDuplicates = false;
-                config.NewestOnTop = true;
-                config.ShowCloseButton = true;
-            });
+            services.AddScoped<DemoUserService>();           
         }
 
         // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.

src/MatBlazor.Demo/Demo/DemoAutocomplete.razor

@@ -25,7 +25,7 @@
 
     </Content>
     <SourceContent>
-    	<BlazorFiddle Template="MatBlazor" Code=@(@"
+        <BlazorFiddle Template="MatBlazor" Code=@(@"
         <MatAutocomplete Items=""@options"" Label=""Pick one"" @bind-Value=""@value""></MatAutocomplete>
 
         @code

src/MatBlazor.Demo/MatBlazor.Demo.csproj

@@ -4,29 +4,30 @@
     <OutputType>Library</OutputType>
     <IsPackable>true</IsPackable>
     <LangVersion>9</LangVersion>
-    <RazorLangVersion>3.0</RazorLangVersion>
-    <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
-    <TargetFrameworks>net5.0;netstandard2.1</TargetFrameworks>
+    <TargetFramework>net5.0</TargetFramework>
   </PropertyGroup>
 
-
-
-  <ItemGroup Condition="$(TargetFramework) == 'netstandard2.1'">
-    <PackageReference Include="Microsoft.AspNetCore.Components" Version="3.1.0" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="3.1.0" />
-  </ItemGroup>
-
-  <ItemGroup Condition="$(TargetFramework) == 'net5.0'">
-    <PackageReference Include="Microsoft.AspNetCore.Components" Version="5.0.0" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="5.0.0" />
-  </ItemGroup>
-
+  <Choose>
+    <When Condition="$(TargetFramework) == 'netstandard2.1'">
+      <PropertyGroup>
+        <RazorLangVersion>3.0</RazorLangVersion>
+        <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
+      </PropertyGroup>
+      <ItemGroup>
+        <PackageReference Include="Microsoft.AspNetCore.Components" Version="3.1.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="3.1.0" />
+      </ItemGroup>
+    </When>
+    <Otherwise>
+      <ItemGroup>
+        <PackageReference Include="Microsoft.AspNetCore.Components" Version="5.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="5.0.0" />
+      </ItemGroup>
+    </Otherwise>
+  </Choose>
 
   <ItemGroup>
+    <ProjectReference Include="..\MatBlazor.Doc\MatBlazor.Doc.csproj" />
     <ProjectReference Include="..\MatBlazor\MatBlazor.csproj" />
   </ItemGroup>
-
-  <ItemGroup>
-    <Folder Include="Doc" />
-  </ItemGroup>
 </Project>