{"id":18386250,"url":"https://github.com/bethropolis/haze-editor","last_synced_at":"2025-10-07T16:14:13.246Z","repository":{"id":171704749,"uuid":"647752489","full_name":"bethropolis/haze-editor","owner":"bethropolis","description":"Haze Editor is an HTML, CSS, and JS code editor with version management, integrated Todo app, themes and plugins.","archived":false,"fork":false,"pushed_at":"2025-03-28T00:15:14.000Z","size":6823,"stargazers_count":40,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-07T00:33:04.141Z","etag":null,"topics":["beercss","code","code-editor","css","editor","html","js","madewithsvelte","svelte","theme"],"latest_commit_sha":null,"homepage":"https://haze-editor.vercel.app","language":"Svelte","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/bethropolis.png","metadata":{"files":{"readme":"README.md","changelog":null,"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}},"created_at":"2023-05-31T12:56:27.000Z","updated_at":"2025-03-28T00:10:35.000Z","dependencies_parsed_at":"2025-04-07T00:43:09.568Z","dependency_job_id":null,"html_url":"https://github.com/bethropolis/haze-editor","commit_stats":null,"previous_names":["bethropolis/codeeditor","bethropolis/haze-editor"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/bethropolis/haze-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bethropolis%2Fhaze-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bethropolis%2Fhaze-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bethropolis%2Fhaze-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bethropolis%2Fhaze-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bethropolis","download_url":"https://codeload.github.com/bethropolis/haze-editor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bethropolis%2Fhaze-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278804669,"owners_count":26048959,"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-07T02:00:06.786Z","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":["beercss","code","code-editor","css","editor","html","js","madewithsvelte","svelte","theme"],"created_at":"2024-11-06T01:21:13.073Z","updated_at":"2025-10-07T16:14:13.201Z","avatar_url":"https://github.com/bethropolis.png","language":"Svelte","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Haze Editor\n![Haze Editor](githubassets/haze.png)\n[![MadeWithSvelte.com shield](https://madewithsvelte.com/storage/repo-shields/4519-shield.svg)](https://madewithsvelte.com/p/haze-editor/shield-link)\n\n\nHaze Editor is an HTML, CSS, and JS code editor with version management, integrated Todo app, plugins, and more.\n\nLIVE: [haze-editor.vercel.app](https://haze-editor.vercel.app) \u003cbr\u003e\nBACKUP: [bethropolis.github.io/haze-editor](https://bethropolis.github.io/haze-editor/)\n\n\n## Table of Contents\n- [Haze Editor](#haze-editor)\n  - [Table of Contents](#table-of-contents)\n  - [Introduction](#introduction)\n  - [Installation](#installation)\n  - [Features](#features)\n    - [Code editor](#code-editor)\n    - [version management](#version-management)\n    - [Library management](#library-management)\n    - [Todo app](#todo-app)\n    - [Plugins](#plugins)\n    - [More](#more)\n  - [Plugins](#plugins-1)\n    - [building a plugin/theme](#building-a-plugintheme)\n    - [testing a plugin/theme](#testing-a-plugintheme)\n  - [Issues](#issues)\n  - [License](#license)\n\n## Introduction\nHaze Editor is a HTML, CSS, and JS code editor that provides version management, integrated Todo app, plugins, and more. It was developed as a fun project and we hope you enjoy using it.\n\n## Installation\nTo install and run Haze Editor locally, follow these steps:\n\n```shell\ngit clone https://github.com/bethropolis/haze-editor.git\ncd haze-editor\nnpm install\n```\n\nYou can use the following command to run it:\n```\nnpm run dev\n```\nTo build for deployment, use the command:\n```\nnpm run build\n```\n\n## Features\n- Code editor\n- Version management\n- Library management\n- Todo app\n- Plugins\n- more\n\n\n### Code editor\nThe code editor in Haze Editor supports HTML, CSS, and JS. It provides features such as syntax highlighting, auto-completion, embedded browser preview, code export, and code import.\n\n![](githubassets/code.png)\n\n### version management\n It comes with a built-in custom-made version control system, allowing you to manage and track changes to your code effectively.\n ![](githubassets/git.png)\n\n### Library management\nThis allows you to manage external JS \u0026 CSS libraries.\nThe `cdnjs API` is used to search and get the latest version of a library.\n\n![](githubassets/Libraries.png)\n\n### Todo app\nThis is an in-built todo list app.\nYou can use it to keep track of your tasks, and mark them as done.\n\n![](githubassets/todo.png)\n\n### Plugins\nExtend and customize the editor by adding `plugins` and `themes`. `Plugins` allow you to enhance the functionality of the editor, while `themes` provide different visual styles.\n\n![](githubassets/plugins.png)\n\n### More\n- Themes: Customize the visual appearance of the editor with various themes.\n    ![](githubassets/dark.png)\n    \u003cbr\u003e\u003cbr\u003e\n- Settings: Configure the editor according to your preferences.\n    ![](githubassets/settings.png)\n\n\n\n\n## Plugins\n\nPlugins allow you to personalize and extend the Editor;\n### building a plugin/theme\nTo build a plugin you need to create a json file with the following structure:\n```json\n {\n  \"name\": \"Aura Theme\",\n  \"description\": \"A beautiful and elegant theme with a soothing color scheme.\",\n  \"version\": \"1.0.0\",\n  \"type\": \"theme\", \n  \"file\": \"path/to/theme/file.css\",\n  \"author\": \"John Doe\"\n}\n\n ```\n\n`\"name\"`: The name of the plugin or theme\u003cbr\u003e\n`\"description\"`: A brief description of its features or visual style\u003cbr\u003e\n`\"version\"`: The version number of the plugin or theme\u003cbr\u003e\n`\"type\"`: Specify whether it is a \"plugin\" or a \"theme\"\u003cbr\u003e\n`\"file\"`: The path to the CSS/JS file that contains the styling or functionality of the plugin or theme.\u003cbr\u003e\n`\"author\"`: The name of the author or creator of the plugin or theme\u003cbr\u003e\n\n\n### testing a plugin/theme\nTo try out your plugin or theme, open the Haze Editor, go to the Plugins section, and click the \"Load plugin\" button.\n\nThemes can also be tested and edited directly in the editor.\u003cbr/\u003e\nNaigate to settings \u003e turn on Theme Editor Mode.\n\n## Issues\nIf you encounter any problems or have suggestions for improvement, please report them on [Github issues](https://github.com/bethropolis/haze/issues).\n## License\nNothing says more open source than MIT. \u003cbr\u003e\u003cbr\u003e\nHappy Coding! 💜\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbethropolis%2Fhaze-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbethropolis%2Fhaze-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbethropolis%2Fhaze-editor/lists"}