{"id":19356881,"url":"https://github.com/alexfigliolia/galena-window","last_synced_at":"2026-02-08T22:31:58.912Z","repository":{"id":251429035,"uuid":"837385912","full_name":"alexfigliolia/galena-window","owner":"alexfigliolia","description":"A window size observer for Galena apps","archived":false,"fork":false,"pushed_at":"2024-08-12T14:31:59.000Z","size":87,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-22T13:59:58.641Z","etag":null,"topics":["galena","observer","react","window-size"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@figliolia/galena-window","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexfigliolia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-08-02T21:12:46.000Z","updated_at":"2024-08-12T14:32:02.000Z","dependencies_parsed_at":"2025-06-21T22:40:03.578Z","dependency_job_id":"44a08b57-8cf4-4f3e-8660-4ae35cd0ab1b","html_url":"https://github.com/alexfigliolia/galena-window","commit_stats":null,"previous_names":["alexfigliolia/galena-window"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alexfigliolia/galena-window","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexfigliolia%2Fgalena-window","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexfigliolia%2Fgalena-window/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexfigliolia%2Fgalena-window/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexfigliolia%2Fgalena-window/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexfigliolia","download_url":"https://codeload.github.com/alexfigliolia/galena-window/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexfigliolia%2Fgalena-window/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270032623,"owners_count":24515322,"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-08-12T02:00:09.011Z","response_time":80,"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":["galena","observer","react","window-size"],"created_at":"2024-11-10T07:05:45.022Z","updated_at":"2026-02-08T22:31:58.851Z","avatar_url":"https://github.com/alexfigliolia.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Galena Window \nA window size observer for [Galena](https://www.npmjs.com/package/@figliolia/galena) Apps\n\n## Installation\n```\nnpm i @figliolia/galena @figliolia/galena-window\n# or\nyarn add @figliolia/galena @figliolia/galena-window\n```\n\n## Basic Usage\n```typescript\n// WindowSize.ts\nimport { WindowManager } from \"@figliolia/galena-window\";\n\nexport const WindowSize = new WindowManager();\n\n// Begin listening for changes to the window size\nWindowSize.initialize();\n\n// Listen for changes\nWindowSize.subscribe(({ width, height }) =\u003e {\n  // Your logic\n})\n\n// Clean up and remove listeners\nWindowSize.destroy();\n```\n\n## Integrating With React Apps\n### Installation\n```bash\nnpm i @figliolia/react-galena\n# or\nyarn add @figliolia/react-galena\n```\n### Basc Usage\nThe when calling `new WindowManager()`, a `State` instance is returned. You can generate `useState` hooks using:\n\n```typescript\n// WindowSize.ts\n\nimport { WindowManager } from \"@figliolia/galena-window\";\nimport { createUseState } from \"@figliolia/react-galena\";\n\nexport const WindowSize = new WindowManager();\nexport const useWindowSize = createUseState(WindowSize);\n```\nYou can also initialize and destroy your `WindowManager` instance in your root component:\n\n```tsx\n// App.tsx\n\nimport { memo } from \"react\";\nimport { useSetup } from \"@figliolia/galena-window\";\nimport { WindowSize, useWindowSize } from \"./WindowState\";\n\nexport const App = memo(function App() {\n  // Initialize!\n  useSetup(WindowSize);\n\n  // Get the current window size\n  const [width, height] = useWindowSize(({ width, height }) =\u003e [\n    width, \n    height\n  ]);\n\n  return (\n    \u003csection style={{ width, height }}\u003e\n      \u003cp\u003eThe Current Width: {width}\u003c/p\u003e\n      \u003cp\u003eThe Current Height: {height}\u003c/p\u003e\n    \u003c/section\u003e\n  );\n})\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexfigliolia%2Fgalena-window","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexfigliolia%2Fgalena-window","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexfigliolia%2Fgalena-window/lists"}