{"id":14962618,"url":"https://github.com/oslabs-beta/svolte","last_synced_at":"2025-10-23T22:48:42.722Z","repository":{"id":163751376,"uuid":"636944269","full_name":"oslabs-beta/SVOLTE","owner":"oslabs-beta","description":"Open Source Svelte Developer Toolkit","archived":false,"fork":false,"pushed_at":"2023-10-05T00:33:13.000Z","size":20513,"stargazers_count":89,"open_issues_count":0,"forks_count":8,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-07-26T04:59:17.506Z","etag":null,"topics":["debugger-extension","debugging-tool","dev","developer-tool","developer-tools","devtool","devtools","devtools-extension","svelte","svelte-components","svelte-devtool","svelte-v3","svelte3","sveltejs","time-travel","time-travel-debugger","time-traveling"],"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/oslabs-beta.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},"funding":{"github":"open-source-labs","custom":["https://donorbox.org/donations-to-oslabs-inc"]}},"created_at":"2023-05-06T03:30:03.000Z","updated_at":"2025-01-15T19:29:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"361d9ccb-77f3-46ac-b71d-e977167bbeab","html_url":"https://github.com/oslabs-beta/SVOLTE","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/oslabs-beta/SVOLTE","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FSVOLTE","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FSVOLTE/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FSVOLTE/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FSVOLTE/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oslabs-beta","download_url":"https://codeload.github.com/oslabs-beta/SVOLTE/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FSVOLTE/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280706796,"owners_count":26376970,"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-23T02:00:06.710Z","response_time":142,"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":["debugger-extension","debugging-tool","dev","developer-tool","developer-tools","devtool","devtools","devtools-extension","svelte","svelte-components","svelte-devtool","svelte-v3","svelte3","sveltejs","time-travel","time-travel-debugger","time-traveling"],"created_at":"2024-09-24T13:30:16.828Z","updated_at":"2025-10-23T22:48:42.704Z","avatar_url":"https://github.com/oslabs-beta.png","language":"TypeScript","funding_links":["https://github.com/sponsors/open-source-labs","https://donorbox.org/donations-to-oslabs-inc"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"/assets/svolte_banner.png\" alt=\"Svolte banner\" width=\"60%\"/\u003e\n\u003c/div\u003e\n\n# Overview\n\nSvolte is an open source Chrome developer tool for time travel debugging and component hierarchy visualization in Svelte applications. Svolte enables developers to record snapshots of component states, visualize component props, inspect and jump between snapshots. Svolte is the first Svelte time travel debugger that is compatible with writable stores and includes a skip feature.\n\n**Developed with**\n\n[![Svelte](https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge\u0026logo=svelte\u0026logoColor=FF3E00)](#)\n[![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)](#)\n[![D3.js](https://img.shields.io/badge/d3.js-F9A03C?style=for-the-badge\u0026logo=d3.js\u0026logoColor=white)](#)\n[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)](#)\n[![Vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge\u0026logo=vite\u0026logoColor=FFD62E)](#)\n[![Google Chrome](https://img.shields.io/badge/Google_chrome-4285F4?style=for-the-badge\u0026logo=Google-chrome\u0026logoColor=white)](#)\n\n# Features\n\n## Component Hierarchy and Props Visualization\n\nVisualize the hierarchy of your Svelte app and check the props of each component.\n\n\u003cimg src=\"/assets/treeDemo.gif\" alt=\"tree demo gif\"/\u003e\n\n## Record and Inspect Component State Snapshots\n\nRecord the states of your components to see how each state has changed.\n\n\u003cimg src=\"/assets/inspectState.gif\" alt=\"state inspection gif\"/\u003e\n\n## Jumping and Skipping\n\n- Jump through each snapshot to recreate state changes.\n\n- Have a snapshot you want to skip? Simply toggle skip to ignore that snapshot when you jump.\n\n\u003cimg src=\"/assets/timeTravel.gif\" alt=\"time travel gif\"/\u003e\n\n# Getting Started\n\n## Download from the Chrome Store\n\nDownload the chrome extension [here](#).\n\nThis extension is only compatible with Svelte projects running in `development mode`, so be sure to check that configuration if you are not starting up your project with `npm run dev`.\n\n## Manual Installation for Developers\n\nFork and clone this repository into your local machine. Once that is done, run the commands `npm i` and `npm run build` to download the dependencies and build the dev tool. Finally, making sure you toggle Developer mode `on` in your Chrome browser, you can load unpack the extension folder (located in the root level of the repository).\n\n# How to Use\n\nAfter installing the Chrome extension open up your project in Chrome, and be sure your Svelte application is running in `development mode`.\n\nRight click your application and `Inspect` or press `f12` to open up Chrome Dev Tools, and navigate to the Svolte panel (which may be hidden behind `\u003e\u003e` if you have too many tabs).\n\nYou are then ready to debug your Svolte application!\n\n\u003cimg src=\"/assets/openDev.gif\" alt=\"open dev gif\"/\u003e\n\n# The Svolte Team\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://avatars.githubusercontent.com/u/107030143?v=4\" width=\"175\" height=\"175\"/\u003e\n      \u003cbr /\u003e\n      \u003csub\u003e\u003cb\u003eHarry Vu\u003c/b\u003e\u003c/sub\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://www.linkedin.com/in/hnvu/\"\u003e\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn Icon\"/\u003e\u003c/a\u003e\n      \u003ca href=\"https://github.com/boilerpot\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub Icon\"/\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://avatars.githubusercontent.com/u/121269905?v=4\" width=\"175\" height=\"175\"/\u003e\n      \u003cbr /\u003e\n      \u003csub\u003e\u003cb\u003eScott Kim\u003c/b\u003e\u003c/sub\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://www.linkedin.com/in/skottcim/\"\u003e\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn Icon\"/\u003e\u003c/a\u003e\n      \u003ca href=\"https://github.com/skottcim\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub Icon\"/\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://avatars.githubusercontent.com/u/122405088?v=4\" width=\"175\" height=\"175\"/\u003e\n      \u003cbr /\u003e\n      \u003csub\u003e\u003cb\u003eYing-An Wang\u003c/b\u003e\u003c/sub\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://www.linkedin.com/in/yingan-wang01/\"\u003e\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn Icon\"/\u003e\u003c/a\u003e\n      \u003ca href=\"https://github.com/yingan-wang01\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub Icon\"/\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://avatars.githubusercontent.com/u/106777128?v=4\" width=\"175\" height=\"175\"/\u003e\n      \u003cbr /\u003e\n      \u003csub\u003e\u003cb\u003ePetros Ogbamichael\u003c/b\u003e\u003c/sub\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://www.linkedin.com/in/petros-ogbamichael/\"\u003e\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn Icon\"/\u003e\u003c/a\u003e\n      \u003ca href=\"https://github.com/PetrosO123\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub Icon\"/\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n# Support\n\nIf you find Svolte to be useful please throw a :star2: our way and share this project with your Svelte developer friends!\n\n# License\n\nSvolte is developed under the [MIT license](/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foslabs-beta%2Fsvolte","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foslabs-beta%2Fsvolte","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foslabs-beta%2Fsvolte/lists"}