{"id":19542581,"url":"https://github.com/fable-compiler/packages","last_synced_at":"2026-06-11T16:31:05.813Z","repository":{"id":59942970,"uuid":"534119736","full_name":"fable-compiler/packages","owner":"fable-compiler","description":null,"archived":false,"fork":false,"pushed_at":"2022-10-22T15:37:02.000Z","size":3450,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-27T11:47:32.236Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"F#","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/fable-compiler.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}},"created_at":"2022-09-08T08:28:59.000Z","updated_at":"2022-09-08T18:54:37.000Z","dependencies_parsed_at":"2023-01-20T08:45:55.634Z","dependency_job_id":null,"html_url":"https://github.com/fable-compiler/packages","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fable-compiler/packages","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fable-compiler%2Fpackages","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fable-compiler%2Fpackages/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fable-compiler%2Fpackages/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fable-compiler%2Fpackages/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fable-compiler","download_url":"https://codeload.github.com/fable-compiler/packages/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fable-compiler%2Fpackages/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34208761,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"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":"2024-11-11T03:15:14.420Z","updated_at":"2026-06-11T16:31:05.790Z","avatar_url":"https://github.com/fable-compiler.png","language":"F#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fable.Packages\n\nFable.Packages is a tool used to search for Fable packages.\n\n## Development\n\n### How to run ?\n\nYou can run the project using the `dotnet fsi build.fsx \u003cTarget\u003e`.\n\nDescription of the targets:\n\n| Target | Description |\n|--------|---|\n| Watch | Start a local web server and watch for changes  |\n| Build | Build a production version of the site and publish it on GitHub Pages  |\n\n### Conventions\n\n#### Components\n\nComponents are written using method extension on `Components` classes located in `src\\Components\\Components.fs`.\n\nExample:\n\n```fs\nmodule Fable.Packages.Components.Pagination\n\nopen Fable.Core.JsInterop\nopen Feliz\nopen Feliz.Bulma\n\n// Workaround to have React-refresh working\n// I need to open an issue on react-refresh to see if they can improve the detection\nemitJsStatement () \"import React from \\\"react\\\"\"\n\ntype Components with\n\n    [\u003cReactComponent\u003e]\n    static member private Pagination () =\n        Html.div \"Paginiation components\"\n```\n\nTo consume them you need to open the module to make it accessible on `Components` class.\n\n```fs\nopen Fable.Packages.Pages.Search\n\nopen Fable.pacakges.Components\nopen Fable.pacakges.Components.Pagination\n\ntype Pages with\n\n    [\u003cReactComponent\u003e]\n    static member Search() =\n        Components.Pagination() // You can consume the component here\n\n```\n\n### Pages\n\nPages follow the same convention as components but they extends the `Pages` located in `src\\Pages\\Pages.fs`.\n\n#### Path based routing\n\nFable.Packages is written using path based routing as it makes it easier to host the website on GitHub Pages.\n\nThis also make it easier to use anchor elements as we can rely on the browser native behavior.\n\nExample:\n\n```fs\nBulma.button.a [\n    color.isPrimary\n    color.isLight\n    prop.text \"Return to Home\"\n    prop.href (Router.toUrl Router.Page.Search)\n]\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffable-compiler%2Fpackages","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffable-compiler%2Fpackages","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffable-compiler%2Fpackages/lists"}