{"id":13466555,"url":"https://github.com/cloudcrate/BlazorStorage","last_synced_at":"2025-03-25T21:32:30.839Z","repository":{"id":143647732,"uuid":"131387154","full_name":"cloudcrate/BlazorStorage","owner":"cloudcrate","description":"A library for Blazor local and session storage support.","archived":false,"fork":false,"pushed_at":"2020-02-25T11:35:47.000Z","size":56,"stargazers_count":114,"open_issues_count":2,"forks_count":19,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-03-09T23:15:53.242Z","etag":null,"topics":["asp-net-core","blazor","local","localstorage","session","sessionstorage","storage"],"latest_commit_sha":null,"homepage":"","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/cloudcrate.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-04-28T07:55:00.000Z","updated_at":"2025-01-24T23:31:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"a0067e2c-7532-4713-bc90-4ee0ee2c97d9","html_url":"https://github.com/cloudcrate/BlazorStorage","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudcrate%2FBlazorStorage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudcrate%2FBlazorStorage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudcrate%2FBlazorStorage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudcrate%2FBlazorStorage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudcrate","download_url":"https://codeload.github.com/cloudcrate/BlazorStorage/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245548570,"owners_count":20633611,"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":["asp-net-core","blazor","local","localstorage","session","sessionstorage","storage"],"created_at":"2024-07-31T15:00:46.216Z","updated_at":"2025-03-25T21:32:30.518Z","avatar_url":"https://github.com/cloudcrate.png","language":"C#","readme":"\n# Blazor Local and Session Storage Support\n\n## Installation\n\n```powershell\nPM\u003e Install-Package Cloudcrate.AspNetCore.Blazor.Browser.Storage\n```\n\n## See it in Action\n\nCheck out [Steve Sanderson's demo at NDC Minnesota, at minute 48](https://youtu.be/JU-6pAxqAa4?t=2875)\n\n## Usage\n\nAdd Services to Dependency Injection\n\n```csharp\nservices.AddStorage();\n```\n\nAdd Javascript file to your `index.html` or `_Host.cshtml` page in `\u003cbody\u003e` after either `\u003cscript src=\"_framework/blazor.webassembly.js\"\u003e\u003c/script\u003e` or `\u003cscript src=\"_framework/blazor.server.js\"\u003e\u003c/script\u003e` depending on what architecture you are using.\n\n```html   \n\u003cscript src=\"_content/Cloudcrate.AspNetCore.Blazor.Browser.Storage/Storage.js\"\u003e\u003c/script\u003e\n```\n\n## Client-Side\n\nInject and use Storage\n\n```razor\n@using Cloudcrate.AspNetCore.Blazor.Browser.Storage;\n@inject LocalStorage Storage\n\n\u003cinput type=\"text\" @bind=\"value\" /\u003e\n\u003cbutton @onclick=\"SetValue\"\u003eSet\u003c/button\u003e\n\u003cbutton @onclick=\"GetValue\"\u003eGet\u003c/button\u003e\n\n\n@code\n{\n    string value;\n\n    void SetValue()\n    {\n        Storage.SetItem(\"storageKey\", value);\n    }\n\n    void GetValue()\n    {\n        value = Storage.GetItem(\"storageKey\");\n    }\n}\n```\n\n## Server-Side\n\nInject and use Storage\n\n```razor\n@using Cloudcrate.AspNetCore.Blazor.Browser.Storage;\n@inject LocalStorage Storage\n\n\u003cinput type=\"text\" @bind=\"value\" /\u003e\n\u003cbutton @onclick=\"SetValue\"\u003eSet\u003c/button\u003e\n\u003cbutton @onclick=\"GetValue\"\u003eGet\u003c/button\u003e\n\n\n@code\n{\n    string value;\n\n    async Task SetValue()\n    {\n        await Storage.SetItemAsync(\"storageKey\", value);\n    }\n\n    async Task GetValue()\n    {\n        value = await Storage.GetItemAsync(\"storageKey\");\n    }\n}\n```\n\n## Events\n\nUsing `storage` native event: [StorageEvent](https://developer.mozilla.org/en-US/docs/Web/API/StorageEvent)\n\n```csharp\nprotected override void OnInit()\n{\n    Storage.StorageChanged += HandleStorageChanged;\n}\n\nvoid HandleStorageChanged(object sender, StorageEventArgs e)  \n{  \n    Console.WriteLine($\"Value for key {e.Key} changed from {e.OldValue} to {e.NewValue}\");\n} \n\npublic void Dispose()\n{\n    Storage.StorageChanged -= HandleStorageChanged;\n}\n```\n\n## Contributors\n\n* StorageEvent implementation by [@peterblazejewicz](https://github.com/peterblazejewicz)\n* Server-side support by [@konradbartecki](https://github.com/konradbartecki/)\n","funding_links":[],"categories":["Libraries \u0026 Extensions"],"sub_categories":["Tools \u0026 Utilities"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudcrate%2FBlazorStorage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudcrate%2FBlazorStorage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudcrate%2FBlazorStorage/lists"}