{"id":15138347,"url":"https://github.com/typefox/monaco-components","last_synced_at":"2025-09-29T06:31:36.663Z","repository":{"id":37993435,"uuid":"449054967","full_name":"TypeFox/monaco-components","owner":"TypeFox","description":"Monaco Editor and Language Client Wrapper, plus Monaco Editor React Component","archived":true,"fork":false,"pushed_at":"2024-03-22T11:07:11.000Z","size":1483,"stargazers_count":43,"open_issues_count":0,"forks_count":13,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-01-17T03:03:46.863Z","etag":null,"topics":["monaco","monaco-editor","monaco-languageclient","monaco-vscode-api","react"],"latest_commit_sha":null,"homepage":"","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/TypeFox.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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},"funding":{"github":"TypeFox"}},"created_at":"2022-01-17T21:33:48.000Z","updated_at":"2024-09-19T03:29:46.000Z","dependencies_parsed_at":"2023-09-23T01:19:06.668Z","dependency_job_id":"5a63367a-efeb-42d6-864f-772e2edccacc","html_url":"https://github.com/TypeFox/monaco-components","commit_stats":{"total_commits":128,"total_committers":5,"mean_commits":25.6,"dds":0.0546875,"last_synced_commit":"9250d72dbd962cb3e56b0af58b916e1f38ab86e0"},"previous_names":[],"tags_count":73,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TypeFox%2Fmonaco-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TypeFox%2Fmonaco-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TypeFox%2Fmonaco-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TypeFox%2Fmonaco-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TypeFox","download_url":"https://codeload.github.com/TypeFox/monaco-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234597574,"owners_count":18857980,"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":["monaco","monaco-editor","monaco-languageclient","monaco-vscode-api","react"],"created_at":"2024-09-26T07:22:17.413Z","updated_at":"2025-09-29T06:31:36.191Z","avatar_url":"https://github.com/TypeFox.png","language":"TypeScript","readme":"# Monaco Editor Wrapper and Monaco Editor React Component\n\n**These projects have been migrated to [monaco-languageclient repo](https://github.com/TypeFox/monaco-languageclient)**\n\nThis repository started as a Lit component for Monaco Editor, but it has transformed into a wrapper for `monaco-editor`, `monaco-languageclient` and `@codingame/monaco-vscode-api` and now features a react component (`@typefox/monaco-editor-react`) that encapsulates the `monaco-editor-wrapper`.\n\n## Packages\n\nThere are two npm packages generated from this repository:\n\n- [Monaco Editor Wrapper](./packages/monaco-editor-wrapper/README.md) + Language Client: Wrapped [monaco-editor](https://github.com/microsoft/monaco-editor) with the capability to plug-in [monaco-languageclient](https://github.com/TypeFox/monaco-languageclient) to connect to languages servers locally running (web worker) or remotely running (web socket).\n- [Monaco Editor React Component](./packages/monaco-editor-react/README.md): Monaco Editor React Component enclosing the **Monaco Editor Wrapper**\n\nAdditionally you can find a private [examples packages](./packages/examples/) containing all examples that are served by Vite (see next chapter).\n\n**Important**: Monaco Editor Workers has been moved to its own [repo](https://github.com/TypeFox/monaco-editor-workers).\n\n## Getting Started\n\nWe recommend using [Volta](https://volta.sh/) to ensure your node \u0026 npm are on known good versions.\n\nIf you have node.js LTS available, then from the root of the project run:\n\n```bash\nnpm i\nnpm run build\n```\n\nIf you get an error with `npm i` regarding tree-mending, you can run `npm ci` to clean things up from previous installations and continue.\n\nAfterwards, launch the Vite development server:\n\n```bash\nnpm run dev\n```\n\nIf you want to change dependent code in the examples (`monaco-editor-wrapper` and `@typefox/monaco-editor-react`), you have to watch code changes in parallel:\n\n```bash\nnpm run watch\n```\n\nYou can find examples (manual human testing) here [index.html](./index.html). They can be used once Vite is running. You can reach it once started on \u003chttp://localhost:20001\u003e.\n","funding_links":["https://github.com/sponsors/TypeFox"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftypefox%2Fmonaco-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftypefox%2Fmonaco-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftypefox%2Fmonaco-components/lists"}