{"id":21305965,"url":"https://github.com/whitetigle/fable-uploadcare","last_synced_at":"2026-05-05T22:32:47.132Z","repository":{"id":144167001,"uuid":"131873670","full_name":"whitetigle/fable-uploadcare","owner":"whitetigle","description":"Upload care widget testing","archived":false,"fork":false,"pushed_at":"2018-05-03T08:58:48.000Z","size":796,"stargazers_count":4,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-10T19:36:05.505Z","etag":null,"topics":["fable","fsharp","react","uploadcare"],"latest_commit_sha":null,"homepage":"https://whitetigle.github.io/fable-uploadcare/.","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/whitetigle.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}},"created_at":"2018-05-02T15:52:59.000Z","updated_at":"2024-11-15T22:52:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"4ed1f93d-5a87-4d0c-b20c-40e57f5941c0","html_url":"https://github.com/whitetigle/fable-uploadcare","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/whitetigle/fable-uploadcare","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whitetigle%2Ffable-uploadcare","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whitetigle%2Ffable-uploadcare/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whitetigle%2Ffable-uploadcare/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whitetigle%2Ffable-uploadcare/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/whitetigle","download_url":"https://codeload.github.com/whitetigle/fable-uploadcare/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whitetigle%2Ffable-uploadcare/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260546248,"owners_count":23025903,"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":["fable","fsharp","react","uploadcare"],"created_at":"2024-11-21T16:20:12.826Z","updated_at":"2026-05-05T22:32:47.076Z","avatar_url":"https://github.com/whitetigle.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fable UploadCare Widget\n\nTry it: click [here](https://whitetigle.github.io/fable-uploadcare/)\n\n## Building and running the app\n\n\u003e In the commands below, yarn is the tool of choice. If you want to use npm, just replace `yarn` by `npm` in the commands.\n\n* `cd UploadCare`\n* Install dependencies: `yarn`\n* Start Fable daemon and [Webpack](https://webpack.js.org/) dev server: `yarn start`\n* In your browser, open: http://localhost:8084/\n\n## How to use in your project\n* Add dependency: `yarn add uploadcare-widget`\n* Grab the `src/UploadCarecomponent.fs` file and add it to your project.\n\n\n## How does it work?\n\n### Prepare a component helper\n ```f#\n  let inline UploadCare props = ofType\u003cUploadCareComponent.Input,_,_\u003e props []\n```\n\n### Use it in your React view\n```f#\n UploadCare  \n    { \n        value=\"\"\n        onChange=(fun _ -\u003e printfn \"onChange\")\n        onUploadComplete=(fun info -\u003e printfn \"%s\" info.cdnUrl)\n    }\n```\n\n### Update your index.html with credentials\n\n```html\n\u003cscript\u003e\n  UPLOADCARE_PUBLIC_KEY = 'demopublickey'; // change to your private key\n\u003c/script\u003e\n```\n\n### Use it with Elmish\n\nJust have a look at `src/App.fs` to see a complete sample\n\n## Disclaimer\n\u003e The whole UploadCare API has not been handled in this project. It's merely a simple sample you can then change according to your needs.\n\n\u003e So fork this project or send a PR if you wish to add more bindings.\n\n## Credits\nThanks to @vbfox for his great [React to fable tutorials](https://blog.vbfox.net/2018/02/06/fable-react-1-react-in-fable-land.html)!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwhitetigle%2Ffable-uploadcare","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwhitetigle%2Ffable-uploadcare","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwhitetigle%2Ffable-uploadcare/lists"}