{"id":16241506,"url":"https://github.com/code-crash/cc-terminal","last_synced_at":"2025-08-09T12:36:28.513Z","repository":{"id":33770019,"uuid":"161500829","full_name":"Code-Crash/cc-terminal","owner":"Code-Crash","description":"Angular 4+ web terminal.","archived":false,"fork":false,"pushed_at":"2023-02-04T10:20:34.000Z","size":8118,"stargazers_count":4,"open_issues_count":4,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-17T09:11:25.571Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://code-crash.github.io/cc-terminal/","language":"TypeScript","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/Code-Crash.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":"2018-12-12T14:35:52.000Z","updated_at":"2023-01-27T16:56:45.000Z","dependencies_parsed_at":"2023-02-18T15:45:29.173Z","dependency_job_id":null,"html_url":"https://github.com/Code-Crash/cc-terminal","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Crash%2Fcc-terminal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Crash%2Fcc-terminal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Crash%2Fcc-terminal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Crash%2Fcc-terminal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Code-Crash","download_url":"https://codeload.github.com/Code-Crash/cc-terminal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244473586,"owners_count":20458488,"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":[],"created_at":"2024-10-10T14:07:51.126Z","updated_at":"2025-03-19T17:30:25.545Z","avatar_url":"https://github.com/Code-Crash.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CcTerminalApp\n\nThis project contain the source code for [CC Terminal](https://www.npmjs.com/package/cc-terminal).\n\nTry to enter `help` or `10+10` or even `alert(\"Hello World\")` :P\n\n## Demo\n\n1. Simple Integration: https://codesandbox.io/s/03w0sg\n2. Custom Prompt and Register Custom Commands: https://codesandbox.io/s/hidden-fog-57lnwh\n\n## How to Install?\n\n### Step 1 (Install Library):\n\n```sh\n# Please run following command in your terminal, before running this, make sure you already have installed Node, npm and angular cli.\n\nnpm install cc-terminal\n```\n\n### Step 2 (To Get the assets from cc-terminal library to your project):\n\n1. Open angular.json\n2. Copy/Paste follows config into your architect \u003e build \u003e options \u003e assets:\n\n```\n\n{\n  \"glob\": \"**/*\",\n  \"input\": \"./node_modules/cc-terminal/lib/assets/\",\n  \"output\": \"./assets\"\n}\n\nExample: \n\n\"assets\": [\n  // ... Other assets like \"src/favicon.ico\", \"src/assets\",\n  {\n    \"glob\": \"**/*\",\n    \"input\": \"./node_modules/cc-terminal/lib/assets/\",\n    \"output\": \"./assets\"\n  }\n]\n\n```\n\n## How to Use?\n\n### Simple Example to use existing functionality\n\n```javascript\n\n// Step 1. In your app.module.ts, first you need to import cc-module and then, you need to add it in imports, please see as below:\n\n... // Other imports Here\n\nimport { CcTerminalModule } from 'cc-terminal';\n\n@NgModule({\n  declarations: [\n    ... // Your other declarations\n  ],\n  imports: [\n    ... // Your other imports\n    CcTerminalModule\n  ],\n  providers: [\n    ... // Your other providers\n  ],\n  bootstrap: [\n    ... // Your bootstrap component\n  ]\n})\n``` \n\n``` html\n\u003c!-- Step 2. To use this in you components, you need to just a tag use as follows: --\u003e\n\n\u003c!-- In your any component html file or template style, add follows line, in my case its app.component.html --\u003e\n\n\u003ccc-terminal \u003e\u003c/cc-terminal\u003e\n\n```\n\n### Customize Styling Example\n\n```javascript\n// Step 1: Add style in your application component\n\n// ... Other imports\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.css']\n})\nexport class AppComponent {\n  // ... other declaration\n  _styles: any; // declaration of a property which will assign to ccStyle in template\n  constructor() {\n    // custom styling definition\n    this._styles = {\n      section: {\n        color: 'lightgreen', background: 'black' // To Modify Default Width and Height, Add in Section\n      },\n      viewport: {\n        color: 'yellow', background: 'black'\n      },\n      input: {\n        color: 'red', background: 'black'\n      },\n      cursor: {\n        color: 'green', background: 'black'\n      }\n    };\n  }\n}\n\n```\n\n```html\n\n\u003c!-- Step 2: Add ccStyle property with the defined model in your component --\u003e\n\u003ccc-terminal [ccStyle]=\"_styles\"\u003e\u003c/cc-terminal\u003e\n```\n\n```\nNote: There are more to come, please have patience! :)\n```\n\n## TODO:\n\n- [x] Add classes/style to re design the terminal configuration from External Module\n- [x] Add Terminal Configuration from External Module.\n- [x] Add Feasibility to create a custom commands.\n- [x] Add centralize command registry for simplicity. [High Priority]\n- [ ] Print commands from command Queue sequentially. [In Progress]\n- [ ] Add support for custom welcome message\n- [ ] Add support to execute callback command and result command simultaneously.\n- [ ] Try to add support for complex commands\n- [ ] Add Test Cases\n- [ ] Add Support For ASCII Characters on Terminal Output\n- [ ] Add Support For Images on Terminal Output\n- [ ] Add Support For Videos on Terminal Output\n- [ ] Add Support For Custom Design (Graphic or Canvas) on Terminal Output\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-crash%2Fcc-terminal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-crash%2Fcc-terminal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-crash%2Fcc-terminal/lists"}