DragonFly.BlockField.Client 0.9.32

DragonFly » Headless ASP.NET Core CMS + Blazor

Package	Release
DragonFly.Core
DragonFly.AspNetCore
DragonFly.API
DragonFly.Client
DragonFly.BlockField
DragonFly.Generator
DragonFly.ImageWizard
DragonFly.MongoDB
DragonFly.Identity
DragonFly.ApiKeys

Getting started

Features

• Define schema with custom fields
• Create, update, delete and publish/unpublish content items based on schema
  • Create new Fields with FieldGenerator
• Create typed content items with ModelGenerator
• BlockField for structured page content
  • TextBlock, HtmlBlock, ColumnBlock, GridBlock, AssetBlock, YouTubeBlock, CodeBlock,..
• Asset management
  • Folder tree
  • Asset metadata like ImageMetadata and PdfMetadata
    • Use IAssetProcessing after asset upload
  • Create thumbnails for image and pdf files with ImageWizard
• REST API
• Permissions for content, schema, asset, asset folder, webhooks
  • Dynamic permissions for every schema
• Background tasks
• WebHooks
• MongoDB storage
  • Create proxies with ProxyGenerator
• Admin interface with Blazor

Prerequisites

• .NET 7.0 SDK
• Visual Studio 2022
• MongoDB instance

Create a new project from template

To use the project template you need first to download and install it from NuGet.

dotnet new install DragonFly.Templates

After this you can create the project with:

dotnet new DragonFly

If you have a remote MongoDB instance, you need to add some appsettings:

"MongoDB": {
    "Hostname": "localhost",
    "Database": "DragonFly_App",
    "Port": 27017,
    "Username": "",
    "Password": ""
  },

DragonFly

Use source generators to avoid reflection

• FieldGenerator
• ModelGenerator
• ProxyGenerator

Supported fields

• StringField
• FloatField
• BoolField
• AssetField
• ReferenceField
• ComponentField
• ArrayField
• DateField
• IntegerField
• ColorField
• GeolocationField
• SlugField
• XmlField
• HtmlField
• BlockField (HeadingBlock, TextBlock, HtmlBlock, CodeBlock, ContainerBlock, ColumnBlock, AssetBlock, ReferenceBlock, GridBlock,..)

How to create new content schema and content item

IContentStorage contentStorage = ...;//use MongoStorage or ClientContentService (http client)

//create brand schema
ContentSchema schemaBrand = new ContentSchema("Brand")
                                    .AddString("Name")
                                    .AddSlug("Slug")
                                    .AddTextArea("Description");

//Define schema for product
ContentSchema schemaProduct = new ContentSchema("Product")
                                    .AddReference("Brand")
                                    .AddString("Name", options => options.IsRequired = true)
                                    .AddSlug("Slug")
                                    .AddBool("IsAvailable", options => options.DefaultValue = true)
                                    .AddFloat("Price")
                                    .AddTextArea("Description", options => options.MaxLength = 255)
                                    .AddArray("Attributes", options => options
                                                                        .AddString("Name")
                                                                        .AddString("Value"));

await contentStorage.CreateAsync(schemaProduct);

//create product by schema
ContentItem contentProduct = schemaProduct
                            .CreateContent()
                            .SetReference("Brand", new ContentItem(Guid.Parse(""), schemaBrand))
                            .SetString("Name", "ProductA")
                            .SetBool("IsAvailable", true)
                            .SetFloat("Price", 9.99)
                            .SetTextArea("Description", "...")
                            .AddArrayItem("Attributes", schemaProduct, item => item
                                                                    .SetString("Name", "Size")
                                                                    .SetString("Value", "M"));

await contentStorage.CreateAsync(contentProduct);

Create typed content

DragonFly.Generator

[ContentItem]
public partial class BlogPost
{
    [DateField(Required = true)]
    private DateTime? _date;

    [StringField(Required = true, Searchable = true, ListField = true, MinLength = 8, MaxLength = 512)]
    private string? _title;

    [TextField]
    private string? _description;

    [SlugField(Required = true, Index = true)]
    private string? _slug;

    [AssetField(ListField = true, ShowPreview = true)]
    private AssetField _image;

    [BlockField]
    private BlockField _mainContent;
}

Register typed content

builder.Services.AddDragonFly()
                    .AddModels(x => x.Add<BlogPost>());                    

Use queries for typed content

//get first item
var first = await ContentStorage.FirstOrDefaultAsync<BlogPostModel>(x => x
                                    .Slug(x => x.Slug, slug));

//get all items
var result = await ContentStorage.QueryAsync<BlogPostModel>(x => x
                                    .Published(true)
                                    .Top(10)
                                    .Slug(x => x.Slug, slug));

BackgroundTask

For long running jobs you can use the BackgroundTaskManager.

IBackgroundTaskManager taskManager = app.Services.GetRequiredService<IBackgroundTaskManager>();
taskManager.Start("Test", async ctx => await Task.Delay(TimeSpan.FromSeconds(60), ctx.CancellationToken));

DragonFly.AspNetCore

builder.Services.Configure<DragonFlyOptions>(Configuration.GetSection("General"));
builder.Services.Configure<MongoDbOptions>(Configuration.GetSection("MongoDB"));

//add DragonFly services
builder.Services.AddDragonFly()
                  .AddImageWizard()
                  .AddRestApi()
                  .AddMongoDbStorage()
                  .AddMongoDbIdentity()
                  .AddBlockField()
                  .AddApiKeys();

var app = builder.Build();

//init DragonFly
await app.InitDragonFlyAsync();

if (env.IsDevelopment())
{
  app.UseDeveloperExceptionPage();
  app.UseWebAssemblyDebugging();
}

app.UseDragonFly(x => x             
                  .MapImageWizard()
                  .MapApiKey()
                  .MapIdentity()
                  .MapRestApi());
app.UseDragonFlyManager();
app.UseRouting();
app.Run();

DragonFly.Client (Blazor)

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<DragonFly.App.Client.App>("app");

//Register DragonFly components
builder.AddDragonFly()
          .AddRestApi()
          .AddBlockField()
          .AddIdentity()
          .AddApiKeys();

WebAssemblyHost host = builder.Build();

await host.InitDragonFlyAsync();
await host.RunAsync();