{"id":22020461,"url":"https://github.com/asathkumara/blazor-jsinterop-helpers","last_synced_at":"2025-05-07T06:05:22.144Z","repository":{"id":43837929,"uuid":"511696089","full_name":"asathkumara/blazor-jsinterop-helpers","owner":"asathkumara","description":"A NuGet package that extends the JavaScript interoperability in Blazor through helpers for interacting with the DOM's Window and Element APIs.","archived":false,"fork":false,"pushed_at":"2022-09-19T16:37:56.000Z","size":237,"stargazers_count":1,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-07T06:05:17.730Z","etag":null,"topics":["blazor","blazor-webassembly","helpers","jsinterop","nuget-package"],"latest_commit_sha":null,"homepage":"https://www.nuget.org/packages/Blazor.JSInterop.Helpers","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/asathkumara.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-07T22:54:49.000Z","updated_at":"2022-08-13T00:32:20.000Z","dependencies_parsed_at":"2023-01-18T14:31:08.302Z","dependency_job_id":null,"html_url":"https://github.com/asathkumara/blazor-jsinterop-helpers","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asathkumara%2Fblazor-jsinterop-helpers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asathkumara%2Fblazor-jsinterop-helpers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asathkumara%2Fblazor-jsinterop-helpers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asathkumara%2Fblazor-jsinterop-helpers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asathkumara","download_url":"https://codeload.github.com/asathkumara/blazor-jsinterop-helpers/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252823918,"owners_count":21809713,"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","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":["blazor","blazor-webassembly","helpers","jsinterop","nuget-package"],"created_at":"2024-11-30T06:06:30.708Z","updated_at":"2025-05-07T06:05:22.049Z","avatar_url":"https://github.com/asathkumara.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Readme-Banner-1200x300](https://user-images.githubusercontent.com/28933557/185797451-14bc37bd-1ea9-4581-a1f9-fc6770d5cbe3.png)\n\n[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/Blazor.JSInterop.Helpers?style=plastic)](https://www.nuget.org/packages/Blazor.JSInterop.Helpers) [![Nuget](https://img.shields.io/nuget/dt/Blazor.JSInterop.Helpers?style=plastic)](https://www.nuget.org/packages/Blazor.JSInterop.Helpers)\n\n## Table of Contents\n1. [Overview](#overview)\n2. [Installation](#installation)\n3. [Usage](#usage)\n4. [Documentation](#documentation)\n5. [License](#license)\n\n## Overview\n\nWhen building robust and complex razor components using Blazor, interactions with the Document Object Model (DOM) become inevitable.\n\n This package extends the JavaScript (JS) interoperability in Blazor through helpers for interacting with the DOM's Window and Element APIs.\n\n## Installation\n\nPackage Manager\n\n```powershell\nInstall-Package Blazor.JSInterop.Handlers -Version 1.1.1\n```\n\n.NET CLI\n\n```powershell\ndotnet add package Blazor.JSInterop.Handlers\n```\n\nPackageReference\n\n```xml\n\u003cPackageReference Include=\"Blazor.JSInterop.Handlers\" Version=\"1.1.1\"\u003e\n```\n\n## Usage\n\nTo use the package, you first need to configure your dependency injection (DI) container. Add the following line of code to your `Program.cs`:\n\n```csharp\nbuilder.Services.AddBlazorInteropHandlers();\n```\n\nThen add references to the namespaces in your `_Imports.razor` or as directives at the top of your razor component's page:\n\n```csharp\n@using Blazor.JSInterop.Helpers.Services\n@using Blazor.JSInterop.Helpers.Models\n```\n\nFinally, inject instances of the service as needed in your razor component in your directive section or code section:\n\n```csharp\n// In directive section\n@inject IElementHandler elementHandler\n@inject IWindowHandler windowHandler\n\n// In code section\n@code\n{\n    [Inject] IElementHandler elementHandler;\n    [Inject] IWindowHandler windowHandler;\n}\n```\n\n## Documentation\n\n\u003e [View complete API documentation and examples on the wiki](https://github.com/asathkumara/blazor-jsinterop-helpers/wiki/API)\n\n## License\n\nThis project is licensed under [MIT](https://github.com/asathkumara/blazor-jsinterop-helpers/blob/master/LICENSE.txt). Feel free to re-use any libraries or code for **non-commercial use** but do your due diligence with attributing credit.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasathkumara%2Fblazor-jsinterop-helpers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasathkumara%2Fblazor-jsinterop-helpers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasathkumara%2Fblazor-jsinterop-helpers/lists"}