{"id":21244420,"url":"https://github.com/unyt-org/example-website-screenshot","last_synced_at":"2026-02-23T09:09:02.654Z","repository":{"id":195053983,"uuid":"691933408","full_name":"unyt-org/example-website-screenshot","owner":"unyt-org","description":"A website screenshot app based on UIX and DATEX","archived":false,"fork":false,"pushed_at":"2025-03-21T19:46:00.000Z","size":3182,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-24T23:41:41.569Z","etag":null,"topics":["datex","pointers","screenshot","typescript","uix","uix-example","unyt","website-screenshot"],"latest_commit_sha":null,"homepage":"https://screenshot.example.unyt.org","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/unyt-org.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,"zenodo":null},"funding":{"github":["unyt-org"],"patreon":"unyt","custom":["https://unyt.org/donate","https://shop.unyt.org"]}},"created_at":"2023-09-15T07:42:48.000Z","updated_at":"2025-03-21T19:46:06.000Z","dependencies_parsed_at":"2023-09-16T10:17:11.531Z","dependency_job_id":"59dc8686-148b-4e2f-a265-6a814c87c1dc","html_url":"https://github.com/unyt-org/example-website-screenshot","commit_stats":null,"previous_names":["unyt-org/example-website-screenshot"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/unyt-org/example-website-screenshot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unyt-org%2Fexample-website-screenshot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unyt-org%2Fexample-website-screenshot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unyt-org%2Fexample-website-screenshot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unyt-org%2Fexample-website-screenshot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/unyt-org","download_url":"https://codeload.github.com/unyt-org/example-website-screenshot/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unyt-org%2Fexample-website-screenshot/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281865204,"owners_count":26575208,"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-30T02:00:06.501Z","response_time":61,"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":["datex","pointers","screenshot","typescript","uix","uix-example","unyt","website-screenshot"],"created_at":"2024-11-21T01:25:06.775Z","updated_at":"2025-10-30T19:21:42.491Z","avatar_url":"https://github.com/unyt-org.png","language":"TypeScript","funding_links":["https://github.com/sponsors/unyt-org","https://patreon.com/unyt","https://unyt.org/donate","https://shop.unyt.org"],"categories":[],"sub_categories":[],"readme":"# Example: Screenshot app\n\nThis repository demonstrates some essential concept of the\n[UIX](https://uix.unyt.org) framework such as\n[Realm Imports](https://unyt.org/glossary#realm-import) and\n[Web components](https://unyt.org/glossary#web-components) using the example of\na **website screenshot app**.\n\nThe repository includes persistent file storage and implements\n[front-end](https://unyt.org/glossary#front-end).\n\n## Installation\n\n1. Install the **UIX command line tool** following the\n   [Getting Started](https://docs.unyt.org/manual/uix/getting-started#the-uix-command-line-tool)\n   guide in our documentation.\n\n2. Clone this repository to your local machine:\n\n   ```bash\n   $ git clone https://github.com/unyt-org/example-website-screenshot.git\n   ```\n3. Run the project local\n   ```bash\n   $ uix --port 8000\n   ```\n4. Navigate to your favourite web browser and open http://localhost:8000 to see\n   everything in action.\n\n## Structure\n\nThis diagram outlines the UIX default project structure. We split our code base\nin [back-end](https://unyt.org/glossary#back-end),\n[front-end](https://unyt.org/glossary#front-end), and commons folder.\n\n```\n.\n└── example-website-screenshot/\n    ├── backend/\n    │   ├── .dx                 // Config file for deployment\n    │   └── entrypoint.tsx      // Back-end entrypoint\n    ├── common/\n    │   └── components/\n    │       ├── MainPage.scss   // Main style declaration\n    │       └── MainPage.tsx    // Main component\n    ├── frontend/\n    │   ├── entrypoint.css      // Front-end style declaration\n    │   └── entrypoint.tsx      // Front-end entrypoint\n    ├── app.dx                  // Endpoint config file\n    └── deno.json               // Deno config file\n```\n\n## Features\n\n- Take screenshot on the back-end\n- Display of screenshot on front-end\n- Auto caching support\n- Exposes FileProvider on `/image/*`-route\n\n## Preview\n\n\u003cimg src=\".github/screenshot.png\" width=\"400\"\u003e\n\n## Explanation\n\n### Persistent Storage of Files\n\nTo provide a seamless experience, our screenshot app demonstrates how to\npersistently store files. This means that even if the application is restarted,\nprevious screenshots will be stored.\n\n### File Provider\n\nTo access files the back-end exposes a route via FileProvider to serve static\nfiles.\n\n---\n\n\u003csub\u003e\u0026copy; unyt 2025 • [unyt.org](https://unyt.org)\u003c/sub\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funyt-org%2Fexample-website-screenshot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Funyt-org%2Fexample-website-screenshot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funyt-org%2Fexample-website-screenshot/lists"}