{"id":32465697,"url":"https://github.com/sitkoru/sitko.blazor.scriptinjector","last_synced_at":"2025-10-26T13:59:11.661Z","repository":{"id":37885900,"uuid":"390255010","full_name":"sitkoru/Sitko.Blazor.ScriptInjector","owner":"sitkoru","description":"Library for dynamic scripts injection to blazor page","archived":false,"fork":false,"pushed_at":"2025-05-30T10:36:06.000Z","size":216,"stargazers_count":2,"open_issues_count":6,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-09-10T14:50:46.630Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sitkoru.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-07-28T07:24:24.000Z","updated_at":"2025-05-30T10:35:05.000Z","dependencies_parsed_at":"2025-05-30T11:48:10.914Z","dependency_job_id":"78077334-de6f-46c0-b5da-2b6730ec8cee","html_url":"https://github.com/sitkoru/Sitko.Blazor.ScriptInjector","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/sitkoru/Sitko.Blazor.ScriptInjector","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sitkoru%2FSitko.Blazor.ScriptInjector","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sitkoru%2FSitko.Blazor.ScriptInjector/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sitkoru%2FSitko.Blazor.ScriptInjector/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sitkoru%2FSitko.Blazor.ScriptInjector/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sitkoru","download_url":"https://codeload.github.com/sitkoru/Sitko.Blazor.ScriptInjector/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sitkoru%2FSitko.Blazor.ScriptInjector/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281114804,"owners_count":26446046,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-26T02:00:06.575Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-10-26T13:59:03.733Z","updated_at":"2025-10-26T13:59:11.657Z","avatar_url":"https://github.com/sitkoru.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sitko.Blazor.ScriptInjector\n\n![Nuget](https://img.shields.io/nuget/dt/Sitko.Blazor.ScriptInjector) ![Nuget](https://img.shields.io/nuget/v/Sitko.Blazor.ScriptInjector)\n\nLibrary for script and css injection to Blazor pages\n\n# Installation\n\n```\ndotnet add package Sitko.Blazor.ScriptInjector\n```\n\nRegister in DI and configure in `Startup.cs`\n\n```c#\nservices.AddScriptInjector(Configuration);\n```\n\n# Usage\n\nInject `IScriptInjector`\n\n```c#\n@inject IScriptInjector _scriptInjector\n```\n\n## Inject inline script\n\n```c#\nawait _scriptInjector.InjectAsync(ScriptInjectRequest.Inline(\"inline\", \"console.log('Inline script is executed');\"));\n```\n\n## Inject script from url\n\n```c#\nawait _scriptInjector.InjectAsync(ScriptInjectRequest.FromUrl(\"url\", \"/script.js\"));\n```\n\n## Script from resource\n\nEmbed script as resource in your `.csproj`\n\n```xml\n\u003cItemGroup\u003e\n    \u003cEmbeddedResource Include=\"assembly.js\" LogicalName=\"assembly.js\" /\u003e\n\u003c/ItemGroup\u003e\n```\n\nThen inject\n\n```c#\nawait _scriptInjector.InjectAsync(ScriptInjectRequest.FromResource(\"resource\", GetType().Assembly, \"assembly.js\"));\n```\n\n## Inject inline css\n\n```c#\nawait _scriptInjector.InjectAsync(CssInjectRequest.Inline(\"inlinecss\", \"body{background: blue;}\"));\n```\n\n## Inject css from url\n\n```c#\nawait _scriptInjector.InjectAsync(CssInjectRequest.FromUrl(\"urlcss\", \"/style.css\"));\n```\n\n## Css from resource\n\nEmbed script as resource in your `.csproj`\n\n```xml\n\u003cItemGroup\u003e\n    \u003cEmbeddedResource Include=\"assembly.css\" LogicalName=\"assembly.css\" /\u003e\n\u003c/ItemGroup\u003e\n```\n\nThen inject\n\n```c#\nawait _scriptInjector.InjectAsync(CssInjectRequest.FromResource(\"resourcecss\", GetType().Assembly, \"assembly.css\"));\n```\n\n## Run code after script or css is loaded\n\nPass callback to `InjectAsync`. For example - chain script load:\n\n```c#\nprivate Task LoadInlineScriptAsync()\n{\n    return _scriptInjector.InjectAsync(ScriptInjectRequest.Inline(\"inline\", \"console.log('Inline script is executed');\"), LoadUrlScriptAsync);\n}\n\nprivate Task LoadUrlScriptAsync(CancellationToken cancellationToken)\n{\n    return _scriptInjector.InjectAsync(ScriptInjectRequest.FromUrl(\"url\", \"/script.js\"), LoadResourceScriptAsync, cancellationToken);\n}\n\nprivate Task LoadResourceScriptAsync(CancellationToken cancellationToken)\n{\n    return _scriptInjector.InjectAsync(ScriptInjectRequest.FromResource(\"resource\", GetType().Assembly, \"assembly.js\"), _ =\u003e\n    {\n        // all scripts are loaded\n        return Task.CompletedTask;\n    }, cancellationToken);\n}\n});\n```\n\n## Multiple scripts and styles at once\n\n```c#\nawait _scriptInjector.InjectAsync(new[]\n{\n    ScriptInjectRequest.Inline(\"inline\", \"console.log('Inline script is executed');\")\n    ScriptInjectRequest.FromUrl(\"url\", \"/script.js\"),\n    ScriptInjectRequest.FromResource(\"resource\", GetType().Assembly, \"assembly.js\"),\n    CssInjectRequest.Inline(\"inlinecss\", \"body{background: blue;}\"),\n    CssInjectRequest.FromResource(\"resourcecss\", GetType().Assembly, \"assembly.css\"),\n    CssInjectRequest.FromUrl(\"urlcss\", \"/style.css\")\n}, _ =\u003e\n{\n    // all scripts are loaded\n    return Task.CompletedTask;\n});\n```\n\n## Scripts deduplication\n\nAll script requests with same id will be executed only once per scope\n\n```c#\nawait _scriptInjector.InjectAsync(new[]\n{\n    _scriptInjector.Inline(\"inline\", \"console.log('Inline script is executed');\"),\n    _scriptInjector.Inline(\"inline\", \"console.log('Inline script 2 is executed');\"),\n    _scriptInjector.Inline(\"inline\", \"console.log('Inline script 3 is executed');\"),\n});\n```\n\nIn browser console will be only\n```\nInline script is executed\n```\n\n# Demo\n1. Clone repo\n2. Go to `apps/Sitko.Blazor.ScriptInjector.Demo`\n3. Run `dotnet run`\n4. Open [https://localhost:5001/](https://localhost:5001/) in browser\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsitkoru%2Fsitko.blazor.scriptinjector","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsitkoru%2Fsitko.blazor.scriptinjector","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsitkoru%2Fsitko.blazor.scriptinjector/lists"}