{"id":13739992,"url":"https://github.com/Metaxal/MrEd-Designer","last_synced_at":"2025-05-08T19:35:14.299Z","repository":{"id":3050992,"uuid":"4072527","full_name":"Metaxal/MrEd-Designer","owner":"Metaxal","description":"Easily design Racket GUI applications","archived":false,"fork":false,"pushed_at":"2021-05-06T13:48:08.000Z","size":570,"stargazers_count":59,"open_issues_count":9,"forks_count":6,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-05-06T19:16:09.676Z","etag":null,"topics":["racket","racket-gui"],"latest_commit_sha":null,"homepage":null,"language":"Racket","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Metaxal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-04-19T06:59:17.000Z","updated_at":"2024-05-12T22:15:03.000Z","dependencies_parsed_at":"2022-08-27T00:02:00.170Z","dependency_job_id":null,"html_url":"https://github.com/Metaxal/MrEd-Designer","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Metaxal%2FMrEd-Designer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Metaxal%2FMrEd-Designer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Metaxal%2FMrEd-Designer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Metaxal%2FMrEd-Designer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Metaxal","download_url":"https://codeload.github.com/Metaxal/MrEd-Designer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253135609,"owners_count":21859672,"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":["racket","racket-gui"],"created_at":"2024-08-03T04:00:41.001Z","updated_at":"2025-05-08T19:35:13.909Z","avatar_url":"https://github.com/Metaxal.png","language":"Racket","funding_links":[],"categories":["GUI Development","Racket"],"sub_categories":["game"],"readme":"# MrEd Designer 3.x\n\nMrEd Designer is WYSIWYG program to create GUI applications for [Racket](http://www.racket-lang.org/).\n\n**Design principle:** The user should not have to modify the generated code manually. (Because this code is likely to be overwritten regularly.) If you do, then file an [issue](https://github.com/Metaxal/MrEd-Designer/issues).\n\n**Documentation and screenshots:** https://github.com/Metaxal/MrEd-Designer/wiki\n\nIf you face difficulties with MrEd Designer or for any other comment you can contact me (laurent orseau gmail com) or file an [issue](https://github.com/Metaxal/MrEd-Designer/issues).\n\n## Installation\n\nIn DrRacket: Select `File \u003e Install a package...` and choose `mred-designer`.\n\nOr from the command line, type:\n```shell\nraco pkg install mred-designer\n```\n\n## Quick Start\n\nTo start MrEd Designer, either type in the interactions window in DrRacket:\n```racket\n(require mred-designer)\n```\nor from the command line (recommended):\n```shell\nracket -l mred-designer\n```\n\nMrEd Designer starts with an empty project.\n\n1. Click on the \"frame\" button ![Frame](https://raw.githubusercontent.com/Metaxal/MrEd-Designer/master/mred-designer/widgets/frame/icons/24x24.png) in the Main Panel (the one labelled \"MrEd Designer\" with all the buttons); this adds a frame to the project. The (small) frame appears on the screen and a new entry appears below the project name in the Hierarchy Panel.\n2. Select the frame, either by clicking inside it, or by clicking on its name in the Hierarchy Panel. Several buttons become enabled in the Main Panel. Now click on the \"button\" button ![Frame](https://raw.githubusercontent.com/Metaxal/MrEd-Designer/master/mred-designer/widgets/button/icons/24x24.png). A button appears in the frame.\n3. Click on this new button. It is now selected in the Hierarchy Panel, and the Properties Panel displays various modifiable information about the button. In front of \"label\", change the label from \"Button\" to \"Click me!\". Click on `Apply\u0026Update Preview`.\n4. Click on `File \u003e Generate Racket file...` and save the code to some place, say in `my-project-GUI.rkt`. (Note that this only generates a Racket file but does not save your MrEd Designer project for further editing--use `File \u003e Save Project` for this.) \n5. Now, either open `my-project-GUI.rkt` in DrRacket and execute it, or call on the command line with `racket my-project-GUI.rkt`. You should see the frame that you have created.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/Metaxal/MrEd-Designer/master/mred-designer/images/screenshots/click-me-frame.png\" alt=\"A frame with a button\"\u003e\n\u003c/p\u003e\n\n## Writing your program's logic\n\nOnce `my-project-GUI.rkt` is generated, you can write your program logic in a *separate* file, say `my-project-logic.rkt` (here we assume the two files are in the same directory).\nWrite the following code in this new file:\n```racket\n#lang racket\n(require \"my-project-GUI.rkt\")\n\n(project-1488-init\n #:button-1689-callback\n (λ(bt ev)\n   (send bt set-label \"It works!\")))\n```\nMake sure you change the numbers accordingly (see inside `my-project-GUI.rkt`), or better yet in MrEd Designer change the *names* of the project and the button to something more meaningful in the Properties Panel (don't forget to click `Apply\u0026Update Preview` and then `File \u003e Generate Racket file...`).\n\n\u003e Do not modify the file `my-project-GUI.rkt` manually, as you will likely re-generate this file several times from within MrEd Designer, thus overwriting any change you may have done!\n\nExecute `my-project-logic.rkt`, the frame and button should appear. Click on the button. The button's label should now say \"It works!\".\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/Metaxal/MrEd-Designer/master/mred-designer/images/screenshots/click-me-frame.png\" alt=\"A frame with a button\"\u003e\n \u0026rarr;\n\u003cimg src=\"https://raw.githubusercontent.com/Metaxal/MrEd-Designer/master/mred-designer/images/screenshots/it-works-frame.png\" alt=\"A frame with a button\"\u003e\n\u003c/p\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMetaxal%2FMrEd-Designer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMetaxal%2FMrEd-Designer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMetaxal%2FMrEd-Designer/lists"}