update for 10.25

Author: iJungleboy

reuse/_320-shared-code.cshtml

@@ -1,12 +1,13 @@
+@inherits ToSic.Sxc.Dnn.RazorComponent
 <hide>
 @RenderPage("_header.cshtml")
 </hide>
 
 <trim>
 <h2>Reuse code with .cs files (new in 2sxc 10.01)</h2>
 <p>
-  Starting with 2sxc 10.01 <code>CreateInstance()</code> can also be used with .cs files, 
-  from both razor pages as well as WebApi controllers. 
+  Starting with 2sxc 10.01 <code>CreateInstance()</code> can also be used with .cs files,
+  from both razor pages as well as WebApi controllers.
   This allows you to create shared code which can be used in Razor and WebApi controllers.
 </p>
 </trim>
@@ -15,7 +16,7 @@
 <h2>Using shared library of simple functions</h2>
 <trim>
 <p>
-  The example takes a cs file <code>FunctionsBasic.cs</code> with shared code in a class <code>FunctionsBasic</code>. 
+  The example takes a cs file <code>FunctionsBasic.cs</code> with shared code in a class <code>FunctionsBasic</code>.
   This example uses a simple C# class, so the code only has what's in it.
 </p>
 </trim>
@@ -40,10 +41,10 @@
 <h2>Using shared code with context</h2>
 <trim>
 <p>
-  Often you may need context - like the <code>Dnn</code> or <code>App</code> objects. 
+  Often you may need context - like the <code>Dnn</code> or <code>App</code> objects.
   We made this easy by defining a base class you can inherit from, called <code>ToSic.Sxc.Dnn.DynamicCode</code>.
 
-  If you use that as your base-class, all existing context is automatically attached, allowing you to 
+  If you use that as your base-class, all existing context is automatically attached, allowing you to
   access variables like <code>App</code>.
 </p>
 </trim>
@@ -58,49 +59,54 @@
 <hr>
 <h2>Using shared libraries in WebApi Controllers</h2>
 <p>
-  The mechanism above also works in WebApi Controllers (if you have 2sxc 10.01+). 
-  Note that specifically in WebApi you can only use <code>CreateInstance(...)</code> for <code>.cs</code> files. 
+  The mechanism above also works in WebApi Controllers (if you have 2sxc 10.01+).
+  Note that specifically in WebApi you can only use <code>CreateInstance(...)</code> for <code>.cs</code> files.
 </p>
+</hide>
+
+@* tell 2sxc that we'll use the js API *@
+@Edit.Enable(js:true)
+
 <blockquote>
-  Click to see the result of a WebApi call with the shared code:  
+  Click to see the result of a WebApi call with the shared code:
   <button type="button" class="btn btn-primary" onclick="callApiWithSharedCode(this)">
     Call WebApi
-  </button> 
+  </button>
 </blockquote>
-</hide>
+
 <script>
   function callApiWithSharedCode(context) {
     $2sxc(context).webApi.get('app/auto/reuse/api/sharedcode/hello')
       .then(function (results) {
         console.log(results);
-        alert(results);      
+        alert(results);
       });
     return false;
   }
 </script>
 
 <hide>
-@RenderPage("../shared/_source-code.cshtml", new { Path = VirtualPath }) 
+@RenderPage("../shared/_source-code.cshtml", new { Path = VirtualPath })
 
-@RenderPage("../shared/_source-code.cshtml", new { 
+@RenderPage("../shared/_source-code.cshtml", new {
   Path = VirtualPath,
   File = "FunctionsBasic.cs",
-  Size = 400, 
+  Size = 400,
   Language = "csharp"
-}) 
+})
 
-@RenderPage("../shared/_source-code.cshtml", new { 
+@RenderPage("../shared/_source-code.cshtml", new {
   Path = VirtualPath,
   File = "FunctionsWithContext.cs",
-  Size = 400, 
+  Size = 400,
   Language = "csharp"
-}) 
+})
 
-@RenderPage("../shared/_source-code.cshtml", new { 
+@RenderPage("../shared/_source-code.cshtml", new {
   Path = VirtualPath,
   File = "api/SharedCodeController.cs",
-  Size = 400, 
+  Size = 400,
   Language = "csharp",
   TitlePath = "/reuse/",
-}) 
+})
 </hide>

webapi/_110-basic.cshtml

@@ -1,4 +1,6 @@
 @inherits ToSic.Sxc.Dnn.RazorComponent
+@* tell 2sxc that we'll use the js API *@
+@Edit.Enable(js:true)
 <hide>
 @RenderPage("_header.cshtml")
 </hide>

webapi/_111-verification-token.cshtml

@@ -1,4 +1,6 @@
 @inherits ToSic.Sxc.Dnn.RazorComponent
+@* tell 2sxc that we'll use the js API *@
+@Edit.Enable(js:true)
 <hide>
 @RenderPage("_header.cshtml")
 </hide>

webapi/_210-polymorph-basic.cshtml

@@ -1,4 +1,6 @@
 @inherits ToSic.Sxc.Dnn.RazorComponent
+@* tell 2sxc that we'll use the js API *@
+@Edit.Enable(js:true)
 <hide>
 @RenderPage("_header.cshtml")
 </hide>

webapi/_310-app-data.cshtml

@@ -1,4 +1,6 @@
 @inherits ToSic.Sxc.Dnn.RazorComponent
+@* tell 2sxc that we'll use the js API *@
+@Edit.Enable(js:true)
 <hide>
 @RenderPage("_header.cshtml")
 </hide>

webapi/_410-app-query.cshtml

@@ -1,4 +1,6 @@
 @inherits ToSic.Sxc.Dnn.RazorComponent
+@* tell 2sxc that we'll use the js API *@
+@Edit.Enable(js:true)
 <hide>
 @RenderPage("_header.cshtml")
 </hide>