### Install BootstrapBlazor.LlmsDocsGenerator from NuGet Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This bash command installs the tool from NuGet once it has been published. This is a simpler installation method if the tool is available on NuGet. ```bash dotnet tool install --global BootstrapBlazor.LlmsDocsGenerator ``` -------------------------------- ### Install BootstrapBlazor.LlmsDocsGenerator as Global Tool Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md These bash commands show how to pack the tool and install it as a global .NET tool. Ensure you are in the correct directory when running these commands. ```bash dotnet pack tools/LlmsDocsGenerator dotnet tool install --global --add-source ./tools/LlmsDocsGenerator/bin/Release BootstrapBlazor.LlmsDocsGenerator ``` -------------------------------- ### LLM Documentation Reference Example Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This markdown example shows how library users can reference BootstrapBlazor documentation in their own projects by creating an `llms.txt` file. It includes links to the documentation index and specific components. ```markdown # My Project ## Dependencies ### BootstrapBlazor - Documentation Index: https://www.blazor.zone/llms/llms.txt - Button: https://www.blazor.zone/llms/components/Button.txt - Table: https://www.blazor.zone/llms/components/Table.txt - Modal: https://www.blazor.zone/llms/components/Modal.txt ``` -------------------------------- ### Install Bootstrap Blazor Project Template Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md Use this command to install the Bootstrap Blazor project template globally. This allows you to create new projects using the template. ```bash dotnet new install Bootstrap.Blazor.Templates::* ``` -------------------------------- ### Chart Component (Example) Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Basic example of using a chart component. Requires additional configuration for data and chart type. ```razor @code { private BarChartOptions options; private BarChartData data; } ``` -------------------------------- ### Chart Options Example Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Example of options configuration for a bar chart. Customize title, axes, and legend. ```csharp options = new BarChartOptions { Title = new ChartTitle { Text = "Monthly Sales" }, Responsive = true, Legend = new ChartLegend { Display = true } }; ``` -------------------------------- ### Chart Data Example Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Example of data structure for a bar chart. Define labels and datasets. ```csharp data = new BarChartData { Labels = new string[] { "January", "February", "March" }, Datasets = new List { new BarDataset { Label = "Sales", Data = new double[] { 10, 20, 30 } } } }; ``` -------------------------------- ### Create New Project with Bootstrap Blazor Template Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md After installing the template, use this command to create a new Blazor application project with Bootstrap Blazor pre-configured. ```bash dotnet new bbapp ``` -------------------------------- ### Modal Dialog Example Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Illustrates the usage of a modal dialog. Trigger it with a button click. ```razor Show Modal This is the modal content. Close @code { private BModal modal; } ``` -------------------------------- ### Sample Model for Table Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt A sample data model used in the table example. Define properties for columns. ```csharp public class SampleModel { public string Name { get; set; } public int Value { get; set; } } ``` -------------------------------- ### Wizard Component Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Guides users through a multi-step process with clear navigation between steps. ```razor Content for step 1 Content for step 2 ``` -------------------------------- ### Basic Button Example Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Demonstrates a simple button component using BootstrapBlazor. Customize appearance with various color and size options. ```razor Primary Button Large Success Button ``` -------------------------------- ### Pagination Component Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Example of implementing pagination for navigating through large datasets. Customize the number of items per page. ```razor ``` -------------------------------- ### Add Bootstrap Blazor NuGet Package Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md Install the Bootstrap Blazor NuGet package into an existing project. This command should be run from the project's root directory. ```bash dotnet add package BootstrapBlazor ``` -------------------------------- ### Sample Model for Validation Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt A sample data model with validation attributes for form validation examples. ```csharp public class MyModel { [Required] public string Name { get; set; } } ``` -------------------------------- ### Table with Data Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Example of displaying data in a table. Supports sorting, filtering, and pagination. ```razor @code { private List datas = new List(); protected override void OnInitialized() { datas.Add(new SampleModel { Name = "Item 1", Value = 10 }); datas.Add(new SampleModel { Name = "Item 2", Value = 20 }); } public class SampleModel { public string Name { get; set; } public int Value { get; set; } } } ``` -------------------------------- ### Pagination Component (Advanced) Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Advanced pagination example with custom total count and items per page. ```razor ``` -------------------------------- ### Clone Bootstrap Blazor Repository Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.Core/readme.md Clone the Bootstrap Blazor repository to your local machine to run the server-side example application. ```shell git clone https://github.com/dotnetcore/BootstrapBlazor.git cd BootstrapBlazor/src/BootstrapBlazor.Server dotnet run ``` -------------------------------- ### Checkbox Input Example Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt A checkbox input element. ```razor Check me ``` -------------------------------- ### Form Validation with Blazor Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Provides an example of implementing form validation using Blazor and BootstrapBlazor components. Ensure that the `EditContext` and `ValidationSummary` are correctly configured for real-time feedback. ```csharp
@code { private SampleModel Model { get; set; } = new SampleModel(); private EditContext editContext; protected override void OnInitialized() { editContext = new EditContext(Model); } private async Task OnValidSubmit() { // Handle form submission await Task.CompletedTask; } public class SampleModel { [Required(ErrorMessage = "Name is required.")] public string Name { get; set; } } } ``` -------------------------------- ### Flatten Layer Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Configuration for a flatten layer, specifying the axis from which to start flattening. ```protobuf message Flatten { int32 axis = 1; } ``` -------------------------------- ### Radio Button Input Example Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt A radio button input element. ```razor Option 1 ``` -------------------------------- ### Update BootstrapBlazor.LlmsDocsGenerator Global Tool Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md Use this bash command to update the globally installed tool to the latest version available. ```bash dotnet tool update --global BootstrapBlazor.LlmsDocsGenerator ``` -------------------------------- ### Basic Bootstrap Blazor Component Usage Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/readme.md Example of using the Display and Button components in a Blazor component. The button click updates a text variable. ```razor @code { private string? _text; private void ClickButton(MouseEventArgs e) { _text = DateTime.Now.ToString(); } } ``` -------------------------------- ### Uninstall BootstrapBlazor.LlmsDocsGenerator Global Tool Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This bash command removes the globally installed tool from your system. ```bash dotnet tool uninstall --global BootstrapBlazor.LlmsDocsGenerator ``` -------------------------------- ### Alert Message Display Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Example of displaying alert messages with different severity levels (info, success, warning, danger). ```razor This is an informational message. Operation completed successfully. ``` -------------------------------- ### Generate All Documentation Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md Run this command to generate documentation for all components. This is the default behavior when no specific component is provided. ```bash llms-docs ``` -------------------------------- ### Generate Documentation from Source Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md If running the tool directly from the source code, use this command instead of the global tool command. ```bash dotnet run --project tools/LlmsDocsGenerator ``` -------------------------------- ### Register Bootstrap Blazor Service in Startup.cs Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md Configure your application's services by adding the Bootstrap Blazor service. This is typically done in the ConfigureServices method of your Startup.cs file. ```csharp namespace BootstrapBlazorAppName { public class Startup { public void ConfigureServices(IServiceCollection services) { //more code may be present here services.AddBootstrapBlazor(); } //more code may be present here } } ``` -------------------------------- ### Show Help Information Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This command displays the help message, listing all available options and commands for the `llms-docs` tool. ```bash llms-docs --help ``` -------------------------------- ### Generate Documentation for a Specific Component Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md Use the `--component` flag followed by the component name to generate documentation for a single component. ```bash llms-docs --component Table ``` -------------------------------- ### Dockerfile for Documentation Generation Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This Dockerfile snippet generates documentation during the container build process. It sets the working directory and executes the .NET run command. ```dockerfile WORKDIR /tools/LlmsDocsGenerator RUN dotnet run ``` -------------------------------- ### Initialize and Configure SVG-edit Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/xdomain-index.html Instantiate the SVG-edit editor and set initial configuration options. Refer to `docs/tutorials/ConfigOptions.md` for available options. ```javascript import Editor from './xdomain-Editor.js /* for available options see the file `docs/tutorials/ConfigOptions.md` */ const svgEditor = new Editor(document.getElementById('container')) svgEditor.setConfig({ allowInitialUserOverride: true, extensions: [], noDefaultExtensions: false, userExtensions: [/* { pathName: '/packages/react-test/dist/react-test.js' } */] }) svgEditor.init() ``` -------------------------------- ### Generate LLM Documentation with Docker Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This YAML snippet defines a Docker workflow step to generate LLM documentation by running a .NET project. Ensure the project path is correct. ```yaml - name: Generate LLM Documentation run: dotnet run --project tools/LlmsDocsGenerator ``` -------------------------------- ### Initialize and Configure SVG Editor Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/iife-index.html Initializes the SVG editor with basic configuration. For available options, refer to the ConfigOptions.md tutorial. ```javascript const svgEditor = new Editor(document.getElementById('container')) svgEditor.setConfig({ allowInitialUserOverride: true, extensions: [], noDefaultExtensions: false, userExtensions: [/* { pathName: '/packages/react-test/dist/react-test.js' } */] }) svgEditor.init() ``` -------------------------------- ### Specify Custom Output Directory Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md Use the `--output` flag to specify a different directory for the generated documentation files. ```bash llms-docs --output ./docs ``` -------------------------------- ### Register Bootstrap Blazor Services Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/readme.md Register Bootstrap Blazor services in your Program.cs file using AddBootstrapBlazor(). ```csharp builder.Services.AddBootstrapBlazor(); ``` -------------------------------- ### Initialize and Configure SVG Editor Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/index.html Initializes the SVG editor and sets basic configuration options. Ensure the 'container' element exists in your HTML. ```javascript import Editor from './Editor.js' /* for available options see the file `docs/tutorials/ConfigOptions.md` */ const svgEditor = new Editor(document.getElementById('container')) svgEditor.setConfig({ allowInitialUserOverride: true, extensions: [], noDefaultExtensions: false, userExtensions: [/* { pathName: '/packages/react-test/dist/react-test.js' } */] }) svgEditor.init() ``` -------------------------------- ### ReLU Activation Function Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Implements the Rectified Linear Unit (ReLU) activation function, commonly used in neural networks. No specific setup is required beyond including the relevant library. ```Python stage3_4/conv1/relu ReLU ``` -------------------------------- ### Configure MainLayout.razor for Bootstrap Blazor Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/readme.md Wrap your application's content with the BootstrapBlazorRoot component in MainLayout.razor. ```html @Body ``` -------------------------------- ### CI/CD Build Workflow - Check LLM Documentation Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This YAML snippet shows how to integrate the documentation check into a GitHub Actions build workflow. It runs the documentation check on every push to the main branch. ```yaml - name: Check LLM Documentation run: dotnet run --project tools/LlmsDocsGenerator -- --check ``` -------------------------------- ### Input Layer Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/pose_estimation/mpi/pose_deploy_linevec_faster_4_stages.prototxt.txt Defines the input layer for the pose estimation model, specifying the input dimensions. The channel dimension is noted as being defined at runtime. ```protobuf input: "image" input_dim: 1 input_dim: 3 input_dim: 1 # This value will be defined at runtime input_dim: 1 # This value will be defined at runtime ``` -------------------------------- ### Include Bootstrap Blazor Stylesheets and JavaScript Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md Add the Bootstrap Blazor CSS and JavaScript bundles to your main HTML file. For server-side projects, this is typically Pages/_Host.cshtml. For WebAssembly projects, it's wwwroot/index.html. ```html . . . . . . ``` -------------------------------- ### Generate Index Only Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This command generates only the index file (`llms.txt`) without generating individual component documentation files. ```bash llms-docs --index-only ``` -------------------------------- ### Dropdown List with Search Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Demonstrates a dropdown list with integrated search functionality, allowing users to quickly find items in a long list. This is useful for improving user experience in selection scenarios. ```csharp ``` -------------------------------- ### PriorBox Layer Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Configuration for a PriorBox layer, used in object detection models. ```protobuf message PriorBox { repeated float min_sizes = 1; repeated float aspect_ratios = 2; float variance = 3; float offset = 4; } ``` -------------------------------- ### PriorBox Layer Parameters Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.prototxt.txt Defines parameters for the PriorBox layer, which generates anchor boxes for object detection. It includes minimum and maximum box sizes, aspect ratios, variances, and step size. ```protobuf prior_box_param { min_size: 300.0 max_size: 400.0 aspect_ratio: 2.0 aspect_ratio: 0.5 aspect_ratio: 3.0 aspect_ratio: 0.3333333432674408 flip: false clip: false variance: 0.10000000149011612 variance: 0.10000000149011612 variance: 0.20000000298023224 variance: 0.20000000298023224 step: 32.0 } ``` -------------------------------- ### Dropdown Component Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Shows how to implement a dropdown menu. Use it for navigation or selecting options. ```razor Item 1 Item 2 ``` -------------------------------- ### Steps Component Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Visualizes a multi-step process. Allows users to track their progress through a series of steps. ```razor ``` -------------------------------- ### Wizard Step 1 Definition Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Defines the first step of a wizard component. ```razor Content for step 1 ``` -------------------------------- ### Convolutional Layer Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/obj_detection/mobilenet_iter_deploy.prototxt.txt Defines a convolutional layer with specified input/output, kernel size, and weight initialization. ```protobuf layer { name: "conv3/dw" type: "Convolution" bottom: "conv2" top: "conv3/dw" param { lr_mult: 0.1 decay_mult: 0.1 } convolution_param { num_output: 128 bias_term: false pad: 1 kernel_size: 3 group: 128 #engine: CAFFE weight_filler { type: "msra" } } } ``` ```protobuf layer { name: "conv3" type: "Convolution" bottom: "conv3/dw" top: "conv3" param { lr_mult: 0.1 decay_mult: 0.1 } convolution_param { num_output: 128 bias_term: false kernel_size: 1 weight_filler { type: "msra" } } } ``` ```protobuf layer { name: "conv4/dw" type: "Convolution" bottom: "conv3" top: "conv4/dw" param { lr_mult: 0.1 decay_mult: 0.1 } convolution_param { num_output: 128 bias_term: false pad: 1 kernel_size: 3 stride: 2 group: 128 #engine: CAFFE weight_filler { type: "msra" } } } ``` ```protobuf layer { name: "conv4" type: "Convolution" bottom: "conv4/dw" top: "conv4" param { lr_mult: 0.1 decay_mult: 0.1 } convolution_param { num_output: 256 bias_term: false kernel_size: 1 weight_filler { type: "msra" } } } ``` ```protobuf layer { name: "conv5/dw" type: "Convolution" bottom: "conv4" top: "conv5/dw" param { lr_mult: 0.1 decay_mult: 0.1 } convolution_param { num_output: 256 bias_term: false pad: 1 kernel_size: 3 group: 256 #engine: CAFFE weight_filler { type: "msra" } } } ``` ```protobuf layer { name: "conv5" type: "Convolution" bottom: "conv5/dw" top: "conv5" param { lr_mult: 0.1 decay_mult: 0.1 } convolution_param { num_output: 256 bias_term: false kernel_size: 1 weight_filler { type: "msra" } } } ``` -------------------------------- ### Source Code Analysis with Roslyn Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md This C# code snippet demonstrates how to use Roslyn to scan for [Parameter] attributes on properties and extract XML documentation comments. ```csharp // Scans for [Parameter] attributes var parameters = classDeclaration.DescendantNodes() .OfType() .Where(p => HasAttribute(p, "Parameter")); ``` ```csharp // Extracts XML documentation comments var summary = ExtractXmlSummary(property); ``` -------------------------------- ### Wizard Step 2 Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt The second step in a wizard component. ```razor ``` -------------------------------- ### Table Export to CSV Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Shows how to export table data to a CSV file using BootstrapBlazor extensions. This feature is helpful for users who need to download and analyze data offline. ```csharp await table.ToCsvAsync("SampleModel.csv") ``` -------------------------------- ### Add BootstrapBlazor CSS Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Include the BootstrapBlazor CSS file in your project to apply the necessary styles. This is typically done in the main layout file. ```html ``` -------------------------------- ### Wizard Step 1 Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt The first step in a wizard component, marked as active. ```razor ``` -------------------------------- ### Convolutional Layer Parameters Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.prototxt.txt Defines parameters for a convolutional layer, including output channels, bias term, padding, kernel size, stride, weight initialization, and dilation. This snippet shows configuration for a specific convolutional layer. ```protobuf convolution_param { num_output: 24 bias_term: true pad: 0 kernel_size: 1 group: 1 stride: 1 weight_filler { type: "msra" } dilation: 1 } ``` -------------------------------- ### fc7_mbox_conf_perm Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/face/res10_300x300_ssd_iter_140000_fp16.caffemodel.txt Configuration for permuting mbox data. ```APIDOC ## fc7_mbox_conf_perm ### Description Manages mbox configuration permissions, allowing for permuting data. ### Method N/A (Configuration) ### Endpoint N/A (Configuration) ### Parameters N/A ### Request Example N/A ### Response N/A ``` -------------------------------- ### DetectionOutput Layer Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/face/deploy.prototxt.txt Configures the DetectionOutput layer, which performs non-maximum suppression and generates final bounding box detections. It requires location predictions, confidence scores, and prior boxes as input. ```protobuf layer { name: "detection_out" type: "DetectionOutput" bottom: "mbox_loc" bottom: "mbox_conf_flatten" bottom: "mbox_priorbox" top: "detection_out" include { phase: TEST } detection_output_param { num_classes: 2 share_location: true background_label_id: 0 nms_param { nms_threshold: 0.3 top_k: 400 } code_type: CENTER_SIZE keep_top_k: 200 confidence_threshold: 0.01 } } ``` -------------------------------- ### File Upload Component Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Illustrates the use of the BootstrapBlazor file upload component. This component facilitates easy file uploads with progress indication and file management. ```csharp ``` -------------------------------- ### OpenPose BODY_25 Model Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/pose_estimation/body25/pose_deploy.prototxt.txt This is the prototxt definition for the OpenPose BODY_25 pose estimation model. It specifies the network architecture, including input dimensions and layer configurations. ```protobuf name: "OpenPose - BODY_25" input: "image" input_dim: 1 # This value will be defined at runtime input_dim: 3 input_dim: 16 # This value will be defined at runtime input_dim: 16 # This value will be defined at runtime layer { name: "conv1_1" type: "Convolution" bottom: "image" top: "conv1_1" convolution_param { num_output: 64 pad: 1 kernel_size: 3 } } layer { name: "relu1_1" type: "ReLU" bottom: "conv1_1" top: "conv1_1" } layer { name: "conv1_2" type: "Convolution" bottom: "conv1_1" top: "conv1_2" convolution_param { num_output: 64 pad: 1 kernel_size: 3 } } layer { name: "relu1_2" type: "ReLU" bottom: "conv1_2" top: "conv1_2" } layer { name: "pool1_stage1" type: "Pooling" bottom: "conv1_2" top: "pool1_stage1" pooling_param { pool: MAX kernel_size: 2 stride: 2 } } layer { name: "conv2_1" type: "Convolution" bottom: "pool1_stage1" top: "conv2_1" convolution_param { num_output: 128 pad: 1 kernel_size: 3 } } layer { name: "relu2_1" type: "ReLU" bottom: "conv2_1" top: "conv2_1" } layer { name: "conv2_2" type: "Convolution" bottom: "conv2_1" top: "conv2_2" convolution_param { num_output: 128 pad: 1 kernel_size: 3 } } layer { name: "relu2_2" type: "ReLU" bottom: "conv2_2" top: "conv2_2" } layer { name: "pool2_stage1" type: "Pooling" bottom: "conv2_2" top: "pool2_stage1" pooling_param { pool: MAX kernel_size: 2 stride: 2 } } layer { name: "conv3_1" type: "Convolution" bottom: "pool2_stage1" top: "conv3_1" convolution_param { num_output: 256 pad: 1 kernel_size: 3 } } layer { name: "relu3_1" type: "ReLU" bottom: "conv3_1" top: "conv3_1" } layer { name: "conv3_2" type: "Convolution" bottom: "conv3_1" top: "conv3_2" convolution_param { num_output: 256 pad: 1 kernel_size: 3 } } layer { name: "relu3_2" type: "ReLU" bottom: "conv3_2" top: "conv3_2" } layer { name: "conv3_3" type: "Convolution" bottom: "conv3_2" top: "conv3_3" convolution_param { num_output: 256 pad: 1 kernel_size: 3 } } layer { name: "relu3_3" type: "ReLU" bottom: "conv3_3" top: "conv3_3" } layer { name: "conv3_4" type: "Convolution" bottom: "conv3_3" top: "conv3_4" convolution_param { num_output: 256 pad: 1 kernel_size: 3 } } layer { name: "relu3_4" type: "ReLU" bottom: "conv3_4" top: "conv3_4" } layer { name: "pool3_stage1" type: "Pooling" bottom: "conv3_4" top: "pool3_stage1" pooling_param { pool: MAX kernel_size: 2 stride: 2 } } layer { name: "conv4_1" type: "Convolution" bottom: "pool3_stage1" top: "conv4_1" convolution_param { num_output: 512 pad: 1 kernel_size: 3 } } layer { name: "relu4_1" type: "ReLU" bottom: "conv4_1" top: "conv4_1" } layer { name: "conv4_2" type: "Convolution" bottom: "conv4_1" top: "conv4_2" convolution_param { num_output: 512 pad: 1 kernel_size: 3 } } layer { name: "prelu4_2" type: "PReLU" bottom: "conv4_2" top: "conv4_2" } layer { name: "conv4_3_CPM" type: "Convolution" bottom: "conv4_2" top: "conv4_3_CPM" convolution_param { num_output: 256 pad: 1 kernel_size: 3 } } layer { name: "prelu4_3_CPM" type: "PReLU" bottom: "conv4_3_CPM" top: "conv4_3_CPM" } layer { name: "conv4_4_CPM" type: "Convolution" bottom: "conv4_3_CPM" top: "conv4_4_CPM" convolution_param { num_output: 128 pad: 1 kernel_size: 3 } } layer { name: "prelu4_4_CPM" type: "PReLU" bottom: "conv4_4_CPM" top: "conv4_4_CPM" } layer { name: "Mconv1_stage0_L2_0" type: "Convolution" bottom: "conv4_4_CPM" top: "Mconv1_stage0_L2_0" convolution_param { num_output: 96 pad: 1 kernel_size: 3 } } layer { name: "Mprelu1_stage0_L2_0" type: "PReLU" bottom: "Mconv1_stage0_L2_0" top: "Mconv1_stage0_L2_0" } layer { name: "Mconv1_stage0_L2_1" type: "Convolution" bottom: "Mconv1_stage0_L2_0" top: "Mconv1_stage0_L2_1" convolution_param { num_output: 96 pad: 1 kernel_size: 3 } } layer { name: "Mprelu1_stage0_L2_1" type: "PReLU" bottom: "Mconv1_stage0_L2_1" top: "Mconv1_stage0_L2_1" } layer { name: "Mconv1_stage0_L2_2" type: "Convolution" bottom: "Mconv1_stage0_L2_1" top: "Mconv1_stage0_L2_2" convolution_param { num_output: 96 pad: 1 kernel_size: 3 } } layer { name: "Mprelu1_stage0_L2_2" type: "PReLU" bottom: "Mconv1_stage0_L2_2" top: "Mconv1_stage0_L2_2" } layer { name: "Mconv1_stage0_L2_concat" type: "Concat" bottom: "Mconv1_stage0_L2_0" bottom: "Mconv1_stage0_L2_1" bottom: "Mconv1_stage0_L2_2" top: "Mconv1_stage0_L2_concat" concat_param { axis: 1 } } layer { name: "Mconv2_stage0_L2_0" type: "Convolution" bottom: "Mconv1_stage0_L2_concat" top: "Mconv2_stage0_L2_0" convolution_param { num_output: 96 pad: 1 ``` -------------------------------- ### Add Bootstrap Blazor to _Imports.razor Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/readme.md Import the BootstrapBlazor.Components namespace into your _Imports.razor file to make components available. ```razor @using BootstrapBlazor.Components ``` -------------------------------- ### Progress Bar Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Illustrates how to use a progress bar to indicate task completion. Can be animated. ```razor ``` -------------------------------- ### Table Column Visibility Toggle Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Demonstrates how to allow users to toggle the visibility of table columns. This enhances usability by letting users focus on relevant data. ```csharp await table.ToggleColumn("Name") ``` -------------------------------- ### PriorBox Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/face/res10_300x300_ssd_iter_140000_fp16.caffemodel.txt Configures the PriorBox component, often used in computer vision models for generating anchor boxes. ```csharp fc7_mbox_priorbox ``` -------------------------------- ### Permute Operation Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Demonstrates the permute operation, likely used for data manipulation or reordering. ```protobuf message Permute { repeated int32 loc1 = 1; repeated int32 permute = 2; } ``` -------------------------------- ### Convolution Layer Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Configuration for a convolution layer, specifying input and output channels, kernel size, and stride. ```protobuf message Convolution { int32 input_channels = 1; int32 output_channels = 2; int32 kernel_size = 3; int32 stride = 4; } ``` -------------------------------- ### Permute Layer Configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Configuration for a permute layer, defining the order of dimensions. ```protobuf message Permute { repeated int32 order = 1; } ``` -------------------------------- ### Configure SVG-edit for XDomain Build Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/xdomain-index.html Apply specific configurations for the xdomain build, such as setting the canvas name and allowed origins. This configuration is applied within a try-catch block to handle cases where XDOMAIN might be undefined. ```javascript // Variable XDOMAIN below is created by Rollup for the Xdomain build (see rollup.config.js) /* globals XDOMAIN */ try { // try clause to avoid js to complain if XDOMAIN undefined if (XDOMAIN) { svgEditor.setConfig({ canvasName: 'xdomain', // Namespace this allowedOrigins: ['*'] }) console.info('xdomain config activated') } } catch (error) { /* empty fn */ } ``` -------------------------------- ### Add BootstrapBlazor JavaScript Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Include the BootstrapBlazor JavaScript bundle for interactive components. This should be placed before the closing body tag. ```html ``` -------------------------------- ### DetectionOutput Layer Parameters Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.prototxt.txt Defines parameters for the DetectionOutput layer, which performs non-maximum suppression and generates final bounding box detections. Key parameters include number of classes, NMS threshold, code type, and confidence threshold. ```protobuf detection_output_param { num_classes: 2 share_location: true background_label_id: 0 nms_param { nms_threshold: 0.44999998807907104 top_k: 100 } code_type: CENTER_SIZE keep_top_k: 100 confidence_threshold: 0.20000000298023224 } ``` -------------------------------- ### Placeholder with Width Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt A placeholder component with a specified width of 50%. ```razor ``` -------------------------------- ### Form Input Fields Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Demonstrates various input fields like text boxes, checkboxes, and radio buttons. ```razor @code { private string textValue; private bool isChecked; private List radioItems = new List { new SelectedItem("1", "Option 1"), new SelectedItem("2", "Option 2") }; private string radioValue; } ``` -------------------------------- ### Date Picker Component Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt Shows how to use the date picker for selecting dates. Supports various formatting options. ```razor @code { private DateTime? selectedDate; } ``` -------------------------------- ### Configure SVG Editor for XDomain Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/iife-index.html Applies specific configurations for cross-domain usage if the XDOMAIN global variable is available. This includes setting a canvas name and allowed origins. ```javascript try { if (XDOMAIN) { svgEditor.setConfig({ canvasName: 'xdomain', allowedOrigins: ['*'] }) console.info('xdomain config activated') } } catch (error) { /* empty fn */ } ``` -------------------------------- ### MobilenetV2 expanded_conv_11 expand weights configuration Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/semantic_segmentation/opt_deeplabv3_mnv2_513.pb.txt Configuration for the weights of the expand layer in expanded_conv_11. This includes the value and dtype. ```protobuf MobilenetV2/expanded_conv_11/expand/weightsConst*\nvalueB`"B'<7vnH8+6\tT<7RF;x<&޻s!:/}Ի4=`an:GXw׬k;q<;=O3