feat: project files added

src/Sitko.Blockly.MudBlazor/ApplicationExtensions.cs

@@ -0,0 +1,17 @@
+using JetBrains.Annotations;
+using Sitko.Core.App;
+
+namespace Sitko.Blockly.MudBlazor;
+
+[PublicAPI]
+public static class ApplicationExtensions
+{
+    public static Application AddAntDesignBlockly(this Application application,
+        Action<IApplicationContext, MudBlazorBlocklyModuleOptions> configure,
+        string? configKey = null) =>
+        application.AddModule<MudBlazorBlocklyModule, MudBlazorBlocklyModuleOptions>(configure, configKey);
+
+    public static Application AddAntDesignBlockly(this Application application,
+        Action<MudBlazorBlocklyModuleOptions>? configure = null, string? configKey = null) =>
+        application.AddModule<MudBlazorBlocklyModule, MudBlazorBlocklyModuleOptions>(configure, configKey);
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudCutBlockDescriptor.cs

@@ -0,0 +1,18 @@
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record MudCutBlockDescriptor : BlazorBlockDescriptor<CutBlock, MudCutBlockComponent, MudCutBlockForm>
+{
+    public MudCutBlockDescriptor(ILocalizationProvider<CutBlock> localizationProvider) : base(localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon(Icons.Filled.ContentCut);
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudFilesBlockDescriptor.cs

@@ -0,0 +1,18 @@
+using Microsoft.AspNetCore.Components;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record MudFilesBlockDescriptor : BlazorBlockDescriptor<FilesBlock, MudFilesBlockComponent, MudFilesBlockForm>
+{
+    public MudFilesBlockDescriptor(ILocalizationProvider<FilesBlock> localizationProvider) : base(
+        localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon("attach");
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudGalleryBlockDescriptor.cs

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Components;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record
+    MudGalleryBlockDescriptor : BlazorBlockDescriptor<GalleryBlock, MudGalleryBlockComponent, MudGalleryBlockForm>
+{
+    public MudGalleryBlockDescriptor(ILocalizationProvider<GalleryBlock> localizationProvider) : base(
+        localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon("gallery");
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudIframeBlockDescriptor.cs

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Components;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record
+    MudIframeBlockDescriptor : BlazorBlockDescriptor<IframeBlock, MudIframeBlockComponent, MudIFrameBlockForm>
+{
+    public MudIframeBlockDescriptor(ILocalizationProvider<IframeBlock> localizationProvider) : base(
+        localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon("embed");
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudQuoteBlockDescriptor.cs

@@ -0,0 +1,18 @@
+using Microsoft.AspNetCore.Components;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record MudQuoteBlockDescriptor : BlazorBlockDescriptor<QuoteBlock, MudQuoteBlockComponent, MudQuoteBlockForm>
+{
+    public MudQuoteBlockDescriptor(ILocalizationProvider<QuoteBlock> localizationProvider) : base(
+        localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon("quote");
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudTextBlockDescriptor.cs

@@ -0,0 +1,18 @@
+using Microsoft.AspNetCore.Components;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record MudTextBlockDescriptor : BlazorBlockDescriptor<TextBlock, MudTextBlockComponent, MudTextBlockForm>
+{
+    public MudTextBlockDescriptor(ILocalizationProvider<TextBlock> localizationProvider) : base(
+        localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon("text");
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudTwitchBlockDescriptor.cs

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Components;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record
+    MudTwitchBlockDescriptor : BlazorBlockDescriptor<TwitchBlock, MudTwitchBlockComponent, MudTwitchBlockForm>
+{
+    public MudTwitchBlockDescriptor(ILocalizationProvider<TwitchBlock> localizationProvider) : base(
+        localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon("twitch");
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudTwitterBlockDescriptor.cs

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Components;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record
+    MudTwitterBlockDescriptor : BlazorBlockDescriptor<TwitterBlock, MudTwitterBlockComponent, MudTwitterBlockForm>
+{
+    public MudTwitterBlockDescriptor(ILocalizationProvider<TwitterBlock> localizationProvider) : base(
+        localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon("twitter");
+}

src/Sitko.Blockly.MudBlazor/Blocks/MudYoutubeBlockDescriptor.cs

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Components;
+using Sitko.Blockly.Blazor;
+using Sitko.Blockly.Blocks;
+using Sitko.Blockly.MudBlazor.Display.Blocks;
+using Sitko.Blockly.MudBlazor.Forms.Blocks;
+using Sitko.Core.App.Localization;
+
+namespace Sitko.Blockly.MudBlazor.Blocks;
+
+public record
+    MudYoutubeBlockDescriptor : BlazorBlockDescriptor<YoutubeBlock, MudYoutubeBlockComponent, MudYoutubeBlockForm>
+{
+    public MudYoutubeBlockDescriptor(ILocalizationProvider<YoutubeBlock> localizationProvider) : base(
+        localizationProvider)
+    {
+    }
+
+    public override RenderFragment Icon => builder => builder.AddIcon("youtube");
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudCutBlockComponent.razor

@@ -0,0 +1,26 @@
+@inherits CutBlockComponent<MudBlazorBlocklyListOptions>
+@if (Options.EntityUrl is not null)
+{
+    <a href="@Options.EntityUrl">
+        <Button>
+            @{
+                if (string.IsNullOrEmpty(Block.ButtonText))
+                {
+                    <span>
+                        @LocalizationProvider["Read more..."]
+                    </span>
+                }
+                else
+                {
+                    <span>
+                        @Block.ButtonText
+                    </span>
+                }
+            }
+        </Button>
+    </a>
+}
+else
+{
+    <AntBlockErrorComponent Error="@LocalizationProvider["Not Entity url provided"]"></AntBlockErrorComponent>
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudCutBlockComponent.razor.cs

@@ -0,0 +1,5 @@
+namespace Sitko.Blockly.MudBlazor.Display.Blocks;
+
+public partial class MudCutBlockComponent
+{
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudFilesBlockComponent.razor

@@ -0,0 +1,16 @@
+@inherits FilesBlockComponent<MudBlazorBlocklyListOptions>
+@if (Options.Storage is not null)
+{
+    <ul>
+        @foreach (var file in Block.Files)
+        {
+            <li>
+                <AntDesign.Icon Type="paper-clip"/> <a target="_blank" rel="noopener noreferrer" title="@file.FileName" href="@Options.Storage.PublicUri(file)">@file.FileName</a><span class="filesize">&nbsp;(@file.HumanSize)</span>
+            </li>
+        }
+    </ul>
+}
+else
+{
+    <AntBlockErrorComponent Error="@LocalizationProvider["Storage is not configured"]"></AntBlockErrorComponent>
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudFilesBlockComponent.razor.cs

@@ -0,0 +1,5 @@
+namespace Sitko.Blockly.MudBlazor.Display.Blocks;
+
+public partial class MudFilesBlockComponent
+{
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudFilesBlockComponent.razor.css

@@ -0,0 +1,19 @@
+ul {
+  padding: 0;
+  margin: 0;
+  font-size: 1.1em;
+}
+
+li {
+  display: inline-block;
+}
+
+li + li {
+  margin-left: 1em;
+}
+
+li span.filesize {
+  color: rgba(128, 128, 128, .5);
+  font-size: .8em;
+  vertical-align: bottom;
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudGalleryBlockComponent.razor

@@ -0,0 +1,31 @@
+@inherits GalleryBlockComponent<MudBlazorBlocklyListOptions>
+@if (Options.Storage is not null)
+{
+    if (Block.Pictures.Any())
+    {
+        @if (Block.Pictures.Count > 1)
+        {
+            <div class="block-content">
+                <Carousel Autoplay="TimeSpan.FromSeconds(2)">
+                    @foreach (var image in Block.Pictures)
+                    {
+                        <CarouselSlick>
+                            <img src="@Options.Storage.PublicUri(image).ToString()" alt="Image: @image.FileName"/>
+                        </CarouselSlick>
+                    }
+                </Carousel>
+            </div>
+        }
+        else
+        {
+            var image = Block.Pictures.First();
+            <div class="single-image">
+                <img src="@Options.Storage.PublicUri(image).ToString()" alt="Image: @image.FileName"/>
+            </div>
+        }
+    }
+}
+else
+{
+    <AntBlockErrorComponent Error="@LocalizationProvider["Storage is not configured"]"></AntBlockErrorComponent>
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudGalleryBlockComponent.razor.cs

@@ -0,0 +1,5 @@
+namespace Sitko.Blockly.MudBlazor.Display.Blocks;
+
+public partial class MudGalleryBlockComponent
+{
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudGalleryBlockComponent.razor.css

@@ -0,0 +1,17 @@
+.single-image {
+  text-align: center;
+}
+
+img {
+  max-width: 100%;
+  max-height: 50vh;
+}
+
+.ant-carousel .slick-slide img {
+  max-height: 50vh;
+  margin: 0 auto;
+}
+
+.slick-list {
+  background-color: rgba(128, 128, 128, .05);
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudIframeBlockComponent.razor

@@ -0,0 +1,12 @@
+@inherits IframeBlockComponent<MudBlazorBlocklyListOptions>
+<!--suppress HtmlDeprecatedAttribute -->
+<div class="block-content">
+    <div class="iframe-container-wrapper">
+        <div class="iframe-container">
+            @* ReSharper disable once Html.Obsolete *@
+            <iframe src="@Block.Src"
+                    frameborder="0" allowfullscreen class="iframe-content">
+            </iframe>
+        </div>
+    </div>
+</div>

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudIframeBlockComponent.razor.cs

@@ -0,0 +1,5 @@
+namespace Sitko.Blockly.MudBlazor.Display.Blocks;
+
+public partial class MudIframeBlockComponent
+{
+}

src/Sitko.Blockly.MudBlazor/Display/Blocks/MudIframeBlockComponent.razor.css

@@ -0,0 +1,20 @@
+.iframe-container-wrapper {
+  position: relative;
+  width: 50%;
+  margin: 0 auto;
+}
+
+.iframe-container {
+  position: relative;
+  width: 100%;
+  height: 0;
+  padding-bottom: 56.25%;
+}
+
+.iframe-content {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}