JeyDotC.JustCs.Mvc 1.1.0

dotnet add package JeyDotC.JustCs.Mvc --version 1.1.0
NuGet\Install-Package JeyDotC.JustCs.Mvc -Version 1.1.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="JeyDotC.JustCs.Mvc" Version="1.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add JeyDotC.JustCs.Mvc --version 1.1.0
#r "nuget: JeyDotC.JustCs.Mvc, 1.1.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install JeyDotC.JustCs.Mvc as a Cake Addin
#addin nuget:?package=JeyDotC.JustCs.Mvc&version=1.1.0

// Install JeyDotC.JustCs.Mvc as a Cake Tool
#tool nuget:?package=JeyDotC.JustCs.Mvc&version=1.1.0

JustCs

Forget about templating, use just C#!

Create your page:

public class MyPage : ComponentElement
{
    protected override Element Render(IElementAttributes props) =>
        _<Html>(
            _<Head>(
                _<Title>("Hello World")
            ),
            _<Body>(
                _<H1>("Hello from JustCs!")
            )
        );
}

Serve your page:

[ApiController]
[Route("[controller]")]
public class MyPageController : ControllerBase
{
    [HttpGet]
    public IView Index() => new View<MyPage>();
}

Installation

dotnet add package JeyDotC.JustCs --version 1.2.0
dotnet add package JeyDotC.JustCs.Mvc --version 1.1.0

Setup

At your Startup.cs file, add this to your controller options:

public void ConfigureServices(IServiceCollection services)
{
    services.AddControllers(options =>
    {
        options.WithJustCs(); //<-- This allows API controllers to render JustCs HTML views.
    });
}

Basic Usage

Create a component

Just create a class that extends ComponentElement (or ComponentElement<>) and implement the Render method.

public class MyPage : ComponentElement
{
    protected override Element Render(IElementAttributes props) =>
        _<Html>(
            _<Head>(
                _<Title>("Hello World")
            ),
            _<Body>(
                _<H1>("Hello from JustCs!")
                _<Form>(new Attrs { Method = "POST", Action = "/login" },
                    _<Label>(new Attrs { For = "username" }, "Username"),
                    _<Input>(new Attrs { Id = "username", Name = "username", Type = "text", Placeholder = "User Name" }),

                    _<Label>(new Attrs { For = "password" }, "Password"),
                    _<Input>(new Attrs { Id = "username", Name = "username", Type = "password" }),

                    _<Button>(new Attrs { Type = "submit" }, "Login"),
                )
            )
        );
}

Return the view as a response

At your controller, just create a View<> instance which will serve as the HTTP response.

[ApiController]
[Route("[controller]")]
public class MyPageController : ControllerBase
{
    [HttpGet]
    public IView Index() => new View<MyPage>();
}

The View class, since it serves as the response, which means you can set the status code and headers too.

[ApiController]
[Route("[controller]")]
public class MyPageController : ControllerBase
{
    [HttpGet]
    public IView Index() => new View<MyPage>();

    [HttpGet]
    public IView Error() => new View<MyErrorPage>(null, HttpStatusCode.ServerError)
                    .WithHeader("X-Some-Header", "some-value");
}

Return as IActionResult

If you're returning an IAction result instance, you can use the MvcView<> class instead.

[Route("[controller]")]
public class MyPageController : Controller
{
    [Route("Create")]
    [HttpGet]
    public IActionResult Create() => new MvcView<Create>(new CreateProps {});

    [Route("Create")]
    [HttpPost]
    public IActionResult Create([FromForm] CreateProps createProps)
    {
        // You can use ModelState as long as the form follows the
        // inputs naming rules and annotate the props with the
        // necessary attributes.
        // See https://github.com/JeyDotC/JustCs/tree/develop/Example.Mvc
        // for a full example on basic MVC work flow.
        if (!ControllerContext.ModelState.IsValid)
        {
            return new MvcView<Create>(createProps with
            {
                Validation = ControllerContext.ModelState,
            }, HttpStatusCode.BadRequest);
        }

        // If everything is Ok, store your data and redirect.

        return Redirect("/");
    }
}
Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.1.0 325 11/2/2022
1.0.0 372 1/22/2022

v1.1.0 Mvc intagration improvement
           Added MvcView class to easilly return views as IActionResult instances.
           Added DI integration through attributes decorators.
           Added AntiForgeryToken component.