{"id":18405587,"url":"https://github.com/mopires/pretty-markup","last_synced_at":"2025-04-07T08:32:09.996Z","repository":{"id":171487455,"uuid":"648005583","full_name":"mopires/pretty-markup","owner":"mopires","description":"Imagine crafting elegant, semantic HTML structures without the clutter of angle brackets. Pretty Markup, a revolutionary preprocessor like Sass for CSS or TypeScript for JavaScript, Pretty Markup takes HTML to the next level.","archived":false,"fork":false,"pushed_at":"2024-07-25T22:51:33.000Z","size":1531,"stargazers_count":22,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-07T07:36:20.488Z","etag":null,"topics":["clean-code","compiler","css","design","front","frontend","html","html5","modern","preprocessor","pretty","sass","semantic-web","typescript","webdesign"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/mopires.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","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-06-01T02:14:33.000Z","updated_at":"2025-01-31T23:41:46.000Z","dependencies_parsed_at":"2024-07-23T18:48:44.472Z","dependency_job_id":"19da2013-93b7-4faf-85be-478722ac8238","html_url":"https://github.com/mopires/pretty-markup","commit_stats":null,"previous_names":["mopires/pretty-markup"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mopires%2Fpretty-markup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mopires%2Fpretty-markup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mopires%2Fpretty-markup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mopires%2Fpretty-markup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mopires","download_url":"https://codeload.github.com/mopires/pretty-markup/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247620217,"owners_count":20968159,"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":["clean-code","compiler","css","design","front","frontend","html","html5","modern","preprocessor","pretty","sass","semantic-web","typescript","webdesign"],"created_at":"2024-11-06T03:02:20.461Z","updated_at":"2025-04-07T08:32:09.188Z","avatar_url":"https://github.com/mopires.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\r\n## Pretty Markup: Write HTML Like Poetry\r\n\r\nImagine crafting elegant, semantic HTML structures without the clutter of angle brackets (really human-friendly).  Pretty Markup, a revolutionary preprocessor like Sass for CSS or TypeScript for JavaScript, Pretty Markup takes HTML to the next level.\r\n\r\n## Why Pretty Markup?\r\n\r\n* **Goodbye `\u003c \u003e`, Hello Readability:** Pretty Markup reimagines HTML syntax, potentially using a more natural language-like approach. This could make writing HTML a breeze, boosting developer productivity.\r\n* **Semantic Powerhouse:**  Focus on the meaning of your content, not just its presentation. Pretty Markup encourage semantic best practices, ensuring your HTML is not only beautiful but also machine-readable.\r\n* **A Superset of HTML?**  Think of it as a layer on top of regular HTML. Write clean, concise code in Pretty Markup, and it seamlessly translates into standard, browser-compatible HTML under the hood. It represents a potential future where writing HTML is an expressive and enjoyable experience.\r\n\r\n![Pretty Markup](https://raw.githubusercontent.com/mopires/pretty-markup/main/assets/gif/intellisense.gif)\r\n\r\n## Get started \r\n\r\n###  Project use (manual)\r\n1. Create a folder __./src__.\r\n2. Create the files with the extension `.pm`\r\n3. Then, run:\r\n\r\n```bash\r\n  pm \r\n```\r\n\r\n\u003e To use the `pm` command, install it globally. Or, use `npx pm`\r\n\r\n## Programmatic use\r\n```ts\r\n  import { compiler } from 'pretty-markup';\r\n  const pm = \"h1 \\\"Hey! This's a Heading 1\\\" /h1\"\r\n  const html = compiler(pm)\r\n  console.log(html);\r\n\r\n  // Output\r\n  // \u003c!DOCTYPE html\u003e\r\n  // \u003ch1\u003e\r\n  //   Hey! This's a Heading 1\u003c/h1\u003e\r\n  //\r\n```\r\n\r\n\r\n## Official syntax highlighter \r\n- **Pretty Markup Language Basics** is available to installation on [VS code](\"https://marketplace.visualstudio.com/items?itemName=mopires.pretty-markup-language-basics\") you can search for `Pretty Markup` and install the extension. Open VSCode and type ctrl+P, type this:\r\n\r\n```bash\r\n  ext install mopires.pretty-markup-language-basics\r\n```\r\n\r\n### How to Contribute \r\nWe welcome contributions! Please see our [CONTRIBUTING.md](CONTRIBUTING.md) for details on how you can help improve the project.\r\n\r\n### Issues and improvements \r\nReport bugs or improvements at https://github.com/mopires/pretty-markup/issues\r\n\r\n### ⚖️ License \r\nThis project is licensed under the [MIT License](LICENSE.txt).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmopires%2Fpretty-markup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmopires%2Fpretty-markup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmopires%2Fpretty-markup/lists"}