{"id":18763472,"url":"https://github.com/fabiandev/typescript-playground","last_synced_at":"2026-04-06T06:03:07.158Z","repository":{"id":42211446,"uuid":"97879371","full_name":"fabiandev/typescript-playground","owner":"fabiandev","description":"TypeScript Playground","archived":false,"fork":false,"pushed_at":"2023-01-06T01:45:39.000Z","size":1748,"stargazers_count":63,"open_issues_count":20,"forks_count":14,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-13T04:45:11.850Z","etag":null,"topics":["playground","typescript"],"latest_commit_sha":null,"homepage":"https://fabiandev.github.io/typescript-playground","language":"TypeScript","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/fabiandev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-07-20T21:23:30.000Z","updated_at":"2024-12-27T12:14:27.000Z","dependencies_parsed_at":"2023-02-05T02:02:13.087Z","dependency_job_id":null,"html_url":"https://github.com/fabiandev/typescript-playground","commit_stats":null,"previous_names":[],"tags_count":41,"template":false,"template_full_name":null,"purl":"pkg:github/fabiandev/typescript-playground","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiandev%2Ftypescript-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiandev%2Ftypescript-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiandev%2Ftypescript-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiandev%2Ftypescript-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fabiandev","download_url":"https://codeload.github.com/fabiandev/typescript-playground/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiandev%2Ftypescript-playground/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31461534,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"online","status_checked_at":"2026-04-06T02:00:07.287Z","response_time":112,"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":["playground","typescript"],"created_at":"2024-11-07T18:26:16.921Z","updated_at":"2026-04-06T06:03:07.142Z","avatar_url":"https://github.com/fabiandev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"100%\" src=\"playground.png?v=1\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://fabiandev.github.io/typescript-playground\"\u003eClick here\u003c/a\u003e to play\n\u003c/p\u003e\n\n# TypeScript Playground\n\nA playground for TypeScript with the [Monaco Editor](https://github.com/Microsoft/monaco-editor).\n\n## Play\n\nSee the playground in action: https://fabiandev.github.io/typescript-playground\n\n\u003e A shareable URL can be obtained from the settings of the editor.\n\n## Compiler Options\n\nThe playground supports some compiler options out of the box. Anyway, a property `tsp` is exposed to the global `window` object, where it is possible to set any option not supported by the UI:\n\n```js\ntsp.setCompilerOption('emitDecoratorMetadata', true);\n```\n\n## Console API\n\nThe editor exposes some more functionality:\n\n| Property                             | Description\n|--------------------------------------|--------------------------------------------------\n| options                              | Holds all options of the editor, including compiler options\n| sync()                               | Syncs (changed) options with the editor\n| emit()                               | Triggers a compilation\n| run()                                | Runs the compiled code in a window\n| share()                              | Retrieves a shareable URL as string\n| reset(reload = false, force = false) | Resets the editor and optionally reloads the page\n| setCompilerOption(option, value)     | Set any compiler option programatically\n| changeTsVersion(version)             | Reloads page with ?ts=version query string\n\n## Development Setup\n\nIf you want to contribute to this project, it is easy to set it up on your system.\n\n### Installation\n\nSimply clone the repository and install its dependencies.\n\n```sh\n$ git clone https://github.com/fabiandev/typescript-playground.git\n$ cd typescript-playground\n$ yarn\n```\n\n\u003e You may also use `npm install` instead of `yarn`\n\n### Configuration\n\nYou can set the configuration for the build in `config.js`:\n\n|   Option   |                        Description                          |\n|------------|-------------------------------------------------------------|\n| paths      | The relative source and destination paths                   |\n| monaco     | Location of the editor                                      |\n| typescript | Options for building TypeScript files                       |\n| webpack    | The settings for bundling the app                           |\n| replace    | Data for [preprocess](https://github.com/jsoverson/preprocess), applied to all files other than assets |\n\n### Build\n\nTo start a build, run `yarn build`.\n\n\u003e `npm run build` is also a possible command.\n\n### Watch\n\nTo run tasks while developing, use `yarn watch`.\n\n### Serve\n\nWith `yarn serve` a dev server with live reload can be started, to preview the project locally.\n\n## Credits\n\n- [Monaco Editor](https://github.com/Microsoft/monaco-editor)\n- [normalize.css](https://github.com/necolas/normalize.css)\n- [lodash.debounce](https://github.com/lodash/lodash)\n\n## License\n\n[MIT](https://github.com/fabiandev/typescript-playground/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffabiandev%2Ftypescript-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffabiandev%2Ftypescript-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffabiandev%2Ftypescript-playground/lists"}