{"id":37434829,"url":"https://github.com/dont-code/preview-ui","last_synced_at":"2026-01-16T06:39:03.692Z","repository":{"id":39877703,"uuid":"253492359","full_name":"dont-code/preview-ui","owner":"dont-code","description":"The UI running the preview of the application while you \"dont develop\"","archived":false,"fork":false,"pushed_at":"2024-12-31T16:00:29.000Z","size":12209,"stargazers_count":0,"open_issues_count":4,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-12-31T17:17:33.125Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dont-code.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":"2020-04-06T12:34:41.000Z","updated_at":"2024-12-31T15:55:02.000Z","dependencies_parsed_at":"2023-12-02T12:25:04.644Z","dependency_job_id":"9b68478d-46d2-4609-b76c-aa304cfea125","html_url":"https://github.com/dont-code/preview-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dont-code/preview-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dont-code%2Fpreview-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dont-code%2Fpreview-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dont-code%2Fpreview-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dont-code%2Fpreview-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dont-code","download_url":"https://codeload.github.com/dont-code/preview-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dont-code%2Fpreview-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28477912,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-16T06:30:42.265Z","status":"ssl_error","status_checked_at":"2026-01-16T06:30:16.248Z","response_time":107,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":[],"created_at":"2026-01-16T06:39:03.019Z","updated_at":"2026-01-16T06:39:03.674Z","avatar_url":"https://github.com/dont-code.png","language":"TypeScript","readme":"![image](https://dont-code.net/assets/logo-shadow-squared.png)\n## Important !\nThis repository is now deprecated. All developments for Dont-code are now happening in the [Monorepo repository](https://github.com/dont-code/monorepo)\n\n## What was it for ?\n\nThis application allows you to see in realtime the effect of the changes you are doing with the dont-code editor.\nIt is part of the [Dont-code](https://dont-code.net) no-code / low-code platform enabling you to quickly produce your very own application. \n\n## What is it ?\nIt's an Angular application that listens to changes sent by the editor application and updates or pushes changes to plugins\n![Screenshot](https://dont-code.net/assets/Previewer%20Edit%20Task.png)\n\n## How is it working ?\n\n## How to build it ?\nThis project is a standard Angular - npm project, so the usual commands apply:\n\n1. Installing\n\n`npm install nx -g` Install nx.dev globally\n\n`npm install`\n\n4. Running\n\n  `nx run preview-ui:server:online`\n\nand point your browser to https://localhost:4201\n\n3. Running unit tests\n\n  `nx run preview-ui:test`\n\n4. Running Cypress End to end tests\n\n   `nx run preview-ui-e2e:e2e`\n\n6. Debugging your plugin in the Builder itself\n   We have setup some commands to enable debugging the plugin when run inside the Builder.\n   Using npm link is difficult and doesn't work all the time, so we use [Yalc](https://github.com/wclr/yalc).\n\n`npm install yalc -g` Installs the Yalc tool globally\n\n`npm run publish-all` in the dist/libs/XXX directory of your plugin to publish it to Yalc repository, after version increase (to bypass Angular caching)\n\nThen in this project (ide-ui) :\n`npm run yalc-add-all` to install all the common plugins and libraries\n\nand\n\n`yalc add @dontcode/plugin-xxxx` to install your plugin using Yalc\n\nYou can now set breakpoints in your plugin classes running in the builder, and if you modify your plugin code, just run\n`npm run publish-all` again to rebuild it and reload in the builder application.\n\n7. Committing\n   If you are using yalc as described above, it modifies the package.json to point to the yalc repository, like this:\n   ```\n   \"@dontcode/core\": \"file:.yalc/@dontcode/core\",\n   \"@dontcode/plugin-basic\": \"file:.yalc/@dontcode/sandbox\",\n   \"@dontcode/plugin-common\": \"file:.yalc/@dontcode/plugin-common\",\n   ```\n\nBefore publishing, you need to revert package.json to the standard npm import, you can do it easily with some yalc commands:\n```\n$\u003e yalc retreat --all\nRetreating package @dontcode/core version ==\u003e ^0.5.2\nRetreating package @dontcode/plugin-common version ==\u003e ^0.5.2\nRetreating package @dontcode/sandbox version ==\u003e ^0.5.2\n\n$\u003e git commit ....\n....\n\n$\u003e yalc restore --all\nRestoring package `@dontcode/core` from .yalc directory\nRestoring package `@dontcode/plugin-common` from .yalc directory\nRestoring package `@dontcode/sandbox` from .yalc directory\nPackage @dontcode/plugin-common@0.5.6-3 added ==\u003e /home/gc-garunda/devs/dont-code/github/ide-ui/node_modules/@dontcode/plugin-common\nPackage @dontcode/sandbox@0.5.6-2 added ==\u003e /home/gc-garunda/devs/dont-code/github/ide-ui/node_modules/@dontcode/plugin-basic\nPackage @dontcode/core@0.5.3-5 added ==\u003e /home/gc-garunda/devs/dont-code/github/ide-ui/node_modules/@dontcode/core\n\n```\n\n## Thank you\n\nThis project was generated using [Nx](https://nx.dev), visit the [Nx Documentation](https://nx.dev/angular) to learn more.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdont-code%2Fpreview-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdont-code%2Fpreview-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdont-code%2Fpreview-ui/lists"}