{"id":17680155,"url":"https://github.com/grkek/murg","last_synced_at":"2025-05-12T21:26:37.480Z","repository":{"id":60885892,"uuid":"542968000","full_name":"grkek/murg","owner":"grkek","description":"An experimental GUI framework with GTK4 component generation using HTML, CSS and JavaScript","archived":false,"fork":false,"pushed_at":"2023-06-14T18:12:48.000Z","size":493,"stargazers_count":19,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-20T18:38:54.717Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Crystal","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/grkek.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":"2022-09-29T06:57:52.000Z","updated_at":"2025-03-16T21:14:36.000Z","dependencies_parsed_at":"2024-10-24T10:53:16.469Z","dependency_job_id":"c1455a90-c7ab-4cc0-9778-b8734bf244a7","html_url":"https://github.com/grkek/murg","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/grkek%2Fmurg","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grkek%2Fmurg/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grkek%2Fmurg/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grkek%2Fmurg/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/grkek","download_url":"https://codeload.github.com/grkek/murg/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253824377,"owners_count":21970008,"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-24T09:05:47.716Z","updated_at":"2025-05-12T21:26:37.458Z","avatar_url":"https://github.com/grkek.png","language":"Crystal","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Murg\n\n[![Showcase](https://i.postimg.cc/RCKxYtZp/Screenshot-2022-10-06-at-17-14-42.png)](https://github.com/grkek/murg)\n\n### GUI framework with GTK4 component generation using HTML, CSS and JavaScript\n\n- None of the components generated by Layout contain anything remotely related to a Web-Browser.\n\n- Compiled binary reads the custom HTML and builds the GTK components. Since it is already a pre-built release version, it is pretty fast at generating the UI components.\n\n- The compiler supports CSS and JavaScript compilation, which glues the components and makes the UI interactive.\n\n- The JavaScript engine is Duktape, it supports Babel 6.26.0 and CoreJS 2.6.11.\n\n- The CSS is limited to GTK4 specification.\n\n## Installation\n\nBefore you clone the shard and build it, install the GTK libraries.\n\nAdd this to your application's `shard.yml`:\n\n```yaml\ndependencies:\n  murg:\n    github: grkek/murg\n```\n\nAnd run this command in your terminal:\n\n```bash\nshards install\n./bin/gi-crystal\n```\n\n# Code example\nAdd this to your `application.cr`:\n\n```crystal\nrequire \"murg\"\n\n# Disable GC for because of invalid memory access bug.\nGC.disable\n\nhtml = \u003c\u003c-HTML\n  \u003cApplication applicationId=\"com.murg.application\"\u003e\n    \u003cWindow title=\"Untitled Window\"\u003e\n      \u003cLabel\u003eHello, World!\u003c/Label\u003e\n    \u003c/Window\u003e\n  \u003c/Application\u003e\nHTML\n\nbuilder = Murg::Builder.new\n# Make sure you point the path the correct way.\nbuilder.build_from_string(html)\n```\n\nCompile the `application.cr` file.\n\n```bash\ncrystal run application.cr -Dpreview_mt --error-trace\n```\n\nAnd you should have a GUI window with a \"Hello, World!\" text.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrkek%2Fmurg","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrkek%2Fmurg","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrkek%2Fmurg/lists"}