{"id":18829511,"url":"https://github.com/freecodecamp/phoneide","last_synced_at":"2025-10-09T20:06:48.326Z","repository":{"id":38026643,"uuid":"433090106","full_name":"freeCodeCamp/PhoneIDE","owner":"freeCodeCamp","description":"PhoneIDE freeCodeCamps Mobile Editor Made with Flutter","archived":false,"fork":false,"pushed_at":"2025-07-04T16:25:48.000Z","size":360,"stargazers_count":30,"open_issues_count":2,"forks_count":11,"subscribers_count":14,"default_branch":"main","last_synced_at":"2025-09-03T01:45:16.496Z","etag":null,"topics":["code-editor-mobile","dart","flutter","hacktoberfest"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/freeCodeCamp.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"freecodecamp","patreon":"freecodecamp","custom":["www.freecodecamp.org/donate"]}},"created_at":"2021-11-29T15:10:48.000Z","updated_at":"2025-08-11T09:33:05.000Z","dependencies_parsed_at":"2023-01-21T22:03:59.366Z","dependency_job_id":"72453896-0194-48d7-b9c7-991964e853f0","html_url":"https://github.com/freeCodeCamp/PhoneIDE","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/freeCodeCamp/PhoneIDE","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freeCodeCamp%2FPhoneIDE","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freeCodeCamp%2FPhoneIDE/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freeCodeCamp%2FPhoneIDE/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freeCodeCamp%2FPhoneIDE/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/freeCodeCamp","download_url":"https://codeload.github.com/freeCodeCamp/PhoneIDE/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freeCodeCamp%2FPhoneIDE/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279002016,"owners_count":26083258,"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-09T02:00:07.460Z","response_time":59,"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":["code-editor-mobile","dart","flutter","hacktoberfest"],"created_at":"2024-11-08T01:45:03.175Z","updated_at":"2025-10-09T20:06:48.288Z","avatar_url":"https://github.com/freeCodeCamp.png","language":"Dart","readme":"# Editor Widget\n\nA versatile text editor widget for Flutter applications, supporting syntax highlighting, editable regions, and customizable appearance.\n\n## Installation\n\nInclude the necessary imports in your Dart file:\n\n```dart\nimport 'package:phone_ide/editor/editor.dart';\nimport 'package:phone_ide/editor/editor_options.dart';\n```\n\n## Usage\n\nHere's a basic example of how to integrate the `Editor` widget into your Flutter app:\n\n```dart\nEditor(\n  options: EditorOptions(\n    backgroundColor: Colors.black,\n    linebarColor: Colors.grey.shade800,\n    linebarTextColor: Colors.white,\n    showLinebar: true,\n    takeFullHeight: true,\n    fontFamily: 'Courier',\n    regionOptions: EditorRegionOptions(\n      start: 3,\n      end: 10,\n      color: Colors.grey.shade900,\n    ),\n  ),\n  defaultLanguage: 'dart',\n  defaultValue: '''\nvoid main() {\n  print('Hello, World!');\n}\n''',\n  path: 'main.dart',\n);\n```\n\n### Parameters\n\n- **options** (`EditorOptions`): Customize appearance and behavior of the editor.\n- **defaultLanguage** (`String`): Initial programming language setting (for syntax highlighting).\n- **defaultValue** (`String`): Initial content displayed in the editor.\n- **path** (`String`): Identifier for the file, typically the filename.\n\n## Customizing the Editor\n\nYou can adjust the appearance by tweaking the `EditorOptions`:\n\n```dart\nEditorOptions(\n  backgroundColor: Colors.blueGrey,\n  linebarColor: Colors.black54,\n  fontFamily: 'Monaco',\n  isEditable: false,\n);\n```\n\n## Listening to Text Changes\n\nYou can listen for changes in the editor content through the provided streams:\n\n```dart\nfinal editor = Editor(\n  options: EditorOptions(),\n  defaultLanguage: 'dart',\n  defaultValue: '',\n  path: 'script.dart',\n);\n\neditor.onTextChange.stream.listen((content) {\n  print('Editor content changed: \\$content');\n});\n\neditor.editableRegion.stream.listen((editableContent) {\n  print('Editable region content: \\$editableContent');\n});\n```\n\n## License\n\nThis project is licensed under the MIT License.\n","funding_links":["https://github.com/sponsors/freecodecamp","https://patreon.com/freecodecamp","www.freecodecamp.org/donate"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffreecodecamp%2Fphoneide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffreecodecamp%2Fphoneide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffreecodecamp%2Fphoneide/lists"}