{"id":18419661,"url":"https://github.com/teradata/covalent-code-editor-nightly","last_synced_at":"2025-10-05T19:10:40.546Z","repository":{"id":146377441,"uuid":"88673285","full_name":"Teradata/covalent-code-editor-nightly","owner":"Teradata","description":"Nightly builds of https://github.com/teradata/covalent code-editor module","archived":false,"fork":false,"pushed_at":"2021-02-19T19:35:27.000Z","size":814,"stargazers_count":55,"open_issues_count":0,"forks_count":9,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-07-06T22:22:05.497Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/Teradata.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}},"created_at":"2017-04-18T21:45:03.000Z","updated_at":"2022-02-06T16:55:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"c69b1fb1-2d40-4026-9127-be9739eb1e76","html_url":"https://github.com/Teradata/covalent-code-editor-nightly","commit_stats":null,"previous_names":["teradata/covalent-code-editor"],"tags_count":35,"template":false,"template_full_name":null,"purl":"pkg:github/Teradata/covalent-code-editor-nightly","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Teradata%2Fcovalent-code-editor-nightly","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Teradata%2Fcovalent-code-editor-nightly/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Teradata%2Fcovalent-code-editor-nightly/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Teradata%2Fcovalent-code-editor-nightly/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Teradata","download_url":"https://codeload.github.com/Teradata/covalent-code-editor-nightly/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Teradata%2Fcovalent-code-editor-nightly/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278504110,"owners_count":25997890,"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-10-05T02:00:06.059Z","response_time":54,"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-06T04:17:49.445Z","updated_at":"2025-10-05T19:10:40.505Z","avatar_url":"https://github.com/Teradata.png","language":"SCSS","readme":"## TdCodeEditorComponent: td-code-editor\n\n`\u003ctd-code-editor\u003e` is component for code editing based on Covalent and Monaco Editor. The component can run in both Electron and Web Browsers.\n\n## API Summary\n\n#### Inputs\n\n+ value?: string\n  + value of the code editor instance\n+ language?: string\n  + language used for syntax in the editor instance\n+ registerLanguage?: function()\n  + registers a custom Language within the editor\n+ editorStyle?: string\n  + Additional Styling applied to Editor Container\n+ theme?: string\n  + Theme used to style the Editor\n+ editorOptions?: object\n  + Editor Options Object of valid Configurations listed here: \u003ca href=\"https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditoroptions.html\"\u003ehttps://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditoroptions.html\u003c/a\u003e\n+ layout?: function()\n  + Instructs the editor to remeasure its container\n\n#### Properties\n\n+ isFullScreen?: boolean\n  + Is the editor currently in Full Screen mode\n+ fullScreenKeyBinding?: number\n  + Sets the KeyCode for shortcutting to Fullscreen.  Options listed see here: \u003ca href=\"https://microsoft.github.io/monaco-editor/api/enums/monaco.keycode.html\"\u003ehttps://microsoft.github.io/monaco-editor/api/enums/monaco.keycode.html\u003c/a\u003e\n\n#### Events\n\n+ editorInitialized?: function($event)\n  + Emitted when Editor is finished initializing. Event passes a reference to the actual editor instance that can be used to call additional operations outside of the Angular component.\n+ editorConfigurationChanged?: function($event)\n  + Emitted when configuration of the Editor changes\n+ editorLanguageChanged?: function($event)\n  + Emitted when the language of the Editor changes\n\n\n## Installation\n\nThis component can be installed as npm package.\n\n```bash\nnpm install @covalent/code-editor\n```\n\n## Setup\n\nDue to an known issue in Monaco Editor version 0.20.0 \u003ca href=\"https://github.com/microsoft/monaco-editor/issues/1842\"\u003ehttps://github.com/microsoft/monaco-editor/issues/1842\u003c/a\u003e regarding errors arising when quickly disposing editor instances, utilize the 0.17.1 version of monaco-editor.\n\nWe utilize the ESM build of the Monaco Editor. To include this build, you must utilize custom webpack. See \u003ca href=\"https://github.com/Microsoft/monaco-editor/blob/master/docs/integrate-esm.md\"\u003ehttps://github.com/Microsoft/monaco-editor/blob/master/docs/integrate-esm.md\u003c/a\u003e for more information.\n\nInstall the webpack custom builder.\n\n```bash\nnpm install --save-dev @angular-builders/custom-webpack\n```\n\nInstall the Monaco Editor webpack extension plugin.\n\n```bash\nnpm install --save-dev monaco-editor-webpack-plugin\n```\n\nCreate a webpack config file utilizing the Monaco Editor webpack plugin. Languages and features can be included/excluded to control the resulting image size.\n\n```javascript\nconst MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');\n\nmodule.exports = {\n  // target should only be specified when including component in Electron app\n  target: 'electron-renderer',\n  module: {\n    rules: [\n      {\n        test: /\\.css$/,\n        use: ['style-loader'],\n      },\n      {\n        test: /\\.ttf$/,\n        use: ['file-loader'],\n      },\n    ],\n  },\n  plugins: [\n    new MonacoWebpackPlugin({\n      languages: ['css','html','javascript','sql','typescript'],\n      features: ['contextmenu','clipboard','find'],\n    }),\n  ],\n};\n```\nNote: If you are including this component in an Electron application, define the electron-renderer target.  See Electron example here:\n[https://github.com/Teradata/covalent-electron/blob/develop/monaco-webpack.config.js](https://github.com/Teradata/covalent-electron/blob/develop/monaco-webpack.config.js)\n\n\nReference the webpack file in your angular.json build config.\n\n```json\n...\n\"build\": {\n  \"builder\": \"@angular-builders/custom-webpack:browser\",\n  \"options\": {\n    \"customWebpackConfig\": {\n      \"path\": \"./monaco-webpack.config.js\",\n        \"mergeStrategies\": {\n        \"module.rules\": \"prepend\"\n      }\n    },\n...\n```\n\nImport the **CovalentCodeEditorModule** in your NgModule:\n\n```typescript\nimport { CovalentCodeEditorModule } from '@covalent/code-editor';\n@NgModule({\n  imports: [\n    CovalentCodeEditorModule,\n    ...\n  ],\n  ...\n})\nexport class MyModule {}\n```\n\n## Example\n\n```html\n\u003ctd-code-editor\n        [style.height.px]=\"200\"\n        editorStyle=\"border:0;\"\n        flex\n        theme=\"vs\"\n        language=\"sql\"\n        [editorOptions]=\"{readOnly:true, fontSize:20}\"\n        [(ngModel)]=\"model\"\n        (ngModelChange)=\"callBackFunc()\"\u003e\n\u003c/td-code-editor\u003e\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteradata%2Fcovalent-code-editor-nightly","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fteradata%2Fcovalent-code-editor-nightly","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteradata%2Fcovalent-code-editor-nightly/lists"}