{"id":18716547,"url":"https://github.com/dotswan/filament-code-editor","last_synced_at":"2025-04-12T13:31:18.932Z","repository":{"id":211239170,"uuid":"728581816","full_name":"dotswan/filament-code-editor","owner":"dotswan","description":"Supercharge Filament with CodeMirror! Effortlessly edit CSS, HTML, JS, JSON, PHP in Filament forms.","archived":false,"fork":false,"pushed_at":"2024-05-22T08:30:27.000Z","size":558,"stargazers_count":7,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-20T11:51:44.472Z","etag":null,"topics":["codemirror","codemirror-editor","filament","filament-code-editor","filament-code-editor-v3","filamentphp","laravel","php"],"latest_commit_sha":null,"homepage":"","language":"PHP","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/dotswan.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2023-12-07T08:50:35.000Z","updated_at":"2024-09-01T13:06:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"89b890d3-35fe-4649-9552-302c1eafe658","html_url":"https://github.com/dotswan/filament-code-editor","commit_stats":null,"previous_names":["dotswan/filament-code-editor"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotswan%2Ffilament-code-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotswan%2Ffilament-code-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotswan%2Ffilament-code-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotswan%2Ffilament-code-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dotswan","download_url":"https://codeload.github.com/dotswan/filament-code-editor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223518449,"owners_count":17158689,"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":["codemirror","codemirror-editor","filament","filament-code-editor","filament-code-editor-v3","filamentphp","laravel","php"],"created_at":"2024-11-07T13:13:02.220Z","updated_at":"2024-11-07T13:13:02.916Z","avatar_url":"https://github.com/dotswan.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Filament Code Editor\n\n[![Latest Version on Packagist][ico-version]][link-packagist]\n[![Total Downloads][ico-downloads]][link-downloads]\n[![Software License][ico-license]][link-license]\n\n\n\u003cimg src=\"https://github.com/dotswan/filament-code-editor/assets/20874565/f814ec5f-5d73-4331-a669-25d50cfdc444\" width=\"400\" height=\"320\"\u003e\n\n\u003cimg src=\"https://github.com/dotswan/filament-code-editor/assets/20874565/df6608c9-2088-4d78-8a94-a814ba873c6b\" width=\"400\" height=\"320\"\u003e\n\n## Introduction\n\nThe Filament Code Editor package enhances Filament with a specialized field type, allowing seamless code editing powered by the CodeMirror JavaScript library within Filament components. This integration provides users with a dedicated environment for editing various code languages such as CSS, HTML, JavaScript, JSON, and PHP directly within Filament forms.\n\n* Key Features:\n  * Integration of the CodeMirror JavaScript library into Filament components.\n  * Support for multiple code languages including CSS, HTML, JavaScript, JSON, and PHP.\n  * Effortless editing of code within the familiar Filament interface.\n\n## Installation\n\nTo integrate the Filament Code Editor package into your project, use Composer:\n\n```bash\ncomposer require dotswan/filament-code-editor\n```\n\n## Basic Usage\n\nTo implement the code editor field within Filament forms, use the `CodeEditor` field type:\n\n```php\nuse Dotswan\\FilamentCodeEditor\\Fields\\CodeEditor;\n\nCodeEditor::make('codes')\n    // Additional configuration goes here, if needed\n    -\u003eid('unique_field_id')\n    -\u003eminHeight(768)\n    -\u003eisReadOnly(true)\n    -\u003eshowCopyButton(true)\n    -\u003edarkModeTheme('gruvbox-dark')\n    -\u003elightModeTheme('basic-light')\n    -\u003ecolumnSpanFull(),\n```\n\n**Theme values:**\n - basic-light\n - basic-dark\n - solarized-dark\n - solarized-light\n - material-dark\n - nord\n - gruvbox-light\n - gruvbox-dark\n\n## Supported Languages\n\nThe Filament Code Editor supports the following languages:\n\n* CSS\n* HTML\n* JavaScript\n* JSON\n* PHP\n\nCustomize and manage code for these languages effortlessly within your Filament forms.\n\n## License\n\nThis package is distributed under the [MIT License](link-to-your-license).\n\n## Security\n\nSecurity is a priority for us. If you encounter any security-related issues or vulnerabilities, please report them via our [GitHub issue tracker][link-github-issue]. For direct communication, reach out to [tech@dotswan.com](mailto:tech@dotswan.com).\n\n## Contribution\n\nContributions are welcome and valued. Enhancements, suggestions, and bug reports help improve this package for everyone. Here's how you can contribute:\n\n1. Fork the Project\n2. Create a Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\nThank you for considering contributing to the Filament Code Editor!\n\n[ico-version]: https://img.shields.io/packagist/v/dotswan/filament-code-editor.svg?style=flat-square\n[ico-license]: https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square\n[ico-downloads]: https://img.shields.io/packagist/dt/dotswan/filament-code-editor.svg?style=flat-square\n\n[link-packagist]: https://packagist.org/packages/dotswan/filament-code-editor\n[link-license]: https://github.com/dotswan/filament-code-editor/blob/master/LICENSE.md\n[link-downloads]: https://packagist.org/packages/dotswan/filament-code-editor\n[link-github-issue]: https://github.com/dotswan/filament-code-editor/issues\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotswan%2Ffilament-code-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdotswan%2Ffilament-code-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotswan%2Ffilament-code-editor/lists"}