{"id":14962771,"url":"https://github.com/swiftaff/svelte-object-explorer","last_synced_at":"2025-10-10T16:21:35.150Z","repository":{"id":37910097,"uuid":"216817684","full_name":"Swiftaff/svelte-object-explorer","owner":"Swiftaff","description":"A Svelte component to view objects similar to the console to easily see your state or stores","archived":false,"fork":false,"pushed_at":"2023-03-04T04:59:56.000Z","size":3021,"stargazers_count":3,"open_issues_count":10,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-06T13:11:13.610Z","etag":null,"topics":["explorer","object","svelte","svelte-component","svelte3"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/Swiftaff.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":"2019-10-22T13:14:10.000Z","updated_at":"2021-10-09T10:20:53.000Z","dependencies_parsed_at":"2024-09-02T17:13:56.706Z","dependency_job_id":"ec56e173-82d9-4888-ad82-8ff3c45222ef","html_url":"https://github.com/Swiftaff/svelte-object-explorer","commit_stats":{"total_commits":192,"total_committers":2,"mean_commits":96.0,"dds":0.01041666666666663,"last_synced_commit":"7e1b821b081b0781084f2bfceaae5e175cb29b75"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Swiftaff/svelte-object-explorer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swiftaff%2Fsvelte-object-explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swiftaff%2Fsvelte-object-explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swiftaff%2Fsvelte-object-explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swiftaff%2Fsvelte-object-explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Swiftaff","download_url":"https://codeload.github.com/Swiftaff/svelte-object-explorer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swiftaff%2Fsvelte-object-explorer/sbom","scorecard":{"id":136256,"data":{"date":"2025-08-11","repo":{"name":"github.com/Swiftaff/svelte-object-explorer","commit":"7e1b821b081b0781084f2bfceaae5e175cb29b75"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Code-Review","score":0,"reason":"Found 0/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Vulnerabilities","score":0,"reason":"30 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2jc-4fpr-4vhg","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx","Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-wv8q-r932-8hc7","Warn: Project is vulnerable to: GHSA-8266-84wp-wv5c","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-16T06:38:32.295Z","repository_id":37910097,"created_at":"2025-08-16T06:38:32.295Z","updated_at":"2025-08-16T06:38:32.295Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279004685,"owners_count":26083748,"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-10T02:00:06.843Z","response_time":62,"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":["explorer","object","svelte","svelte-component","svelte3"],"created_at":"2024-09-24T13:30:29.243Z","updated_at":"2025-10-10T16:21:35.130Z","avatar_url":"https://github.com/Swiftaff.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Svelte Object Explorer\n\n[![github-package.json-version](https://img.shields.io/github/package-json/v/Swiftaff/svelte-object-explorer?style=social\u0026logo=github)](https://github.com/user/repo) [![CircleCI](https://circleci.com/gh/Swiftaff/svelte-object-explorer.svg?style=svg)](https://circleci.com/gh/Swiftaff/svelte-object-explorer) [![The MIT License](https://img.shields.io/badge/license-MIT-orange.svg?style=flat-square)](http://opensource.org/licenses/MIT)\n\n## Features\n\n[Demo](https://svelte.dev/repl/2bb193c358c84ac0a5a76b546c860664?version=3.12.1)\n\nProvides a simple to use, quick a dirty (well, just plain ugly) panel showing whatever data you wish to temporarily view whilst you are developing your app.\n\nSure you can do this with `console.log({object})` or add breakpoints while debugging...\n\n...but sometimes you just want to see how a value changes over time while using your app without chucking it into the view with `why won't my button toggle: {variable}`, or perhaps you forgot what shape the data is in from that API call or store variable.\n\nDisplays an unobtrusive toggle-able window, with one or multiple variables of most kinds of data:\n\n-   string\n-   number - not including bigint\n-   boolean\n-   null\n-   undefined\n-   object\n-   array - long arrays are chunked for easier navigation\n-   symbol\n-   function\n-   HTML - simplified nested hierarchy of HTML tags and text based on a supplied Node _NEW in v2_\n\nManually expand/contract nested objects and arrays, or show all expanded, and hover to highlight elements of the same level.\n\n## Installation\n\n1. Create your svelte project\n2. `npm install svelte-object-explorer --save-dev`\n\n## Basic usage\n\nInclude **svelte-object-explorer** in the script section of any svelte file, but usually works best in your top level component so it's not hidden by other elements.\n\n```\n// App.svelte\n\u003cscript\u003e\n  import SvelteObjectExplorer from 'svelte-object-explorer'\n\n  // example value watching 2 properties\n  let html = document.body; // can be any Node\n  let staticObject1 = { test1: \"test1\" }\n  let value = { html, staticObject1 }\n\u003c/script\u003e\n\n\u003cSvelteObjectExplorer {value} /\u003e\n// ...\n// the rest of your app\n```\n\n## Options\n\n`value` can be any javaScript object of values that you want to track, e.g. `(Default = document.body)`\n\n-   variables from your component\n-   variables from component props\n-   values from a store\n-   any DOM node, e.g. document.body\n-   outputs from a function...\n\n`fade` is an optional boolean, which fades the panel when not hovered. `(Default = false)`\n\n`tabposition` is an optional string, which affects the position of the \"Show/Hide\" tab.\n\n-   \"top\" `(Default)`\n-   \"middle\"\n-   \"bottom\"\n\n`open` is an optional string, the name of one of the objects you supplied in myStore, to auto-expand it on load `(Default = null)`\n\n`ratelimit` is an optional integer, for the rate at which the view should update (to avoid it getting bogged down by very fast data updates. `(Default = 100 [milliseconds])`\n\n`initialtogglestate` is an optional boolean, for whether the tab is open (true) or closed (false) on startup. `(Default = false)`\n\n`rows` is an optional array of [row overrides](ROWS.md) so you can customise the display of data in the panel of Svelte Object Explorer panel `(Default = [])`\n\n## SvelteValue - to auto-expand deeply nested dom elements\n\nAssuming you have already added SvelteObjectExplorer to this, or a parent Component, AND you are using it to view the dom, then you can use the **SvelteValue** component to auto-expand the dom at deeper nodes - to save you from having to manually click down through the dom to find them.\n\nAlso, optionally displaying a value to help with troubleshooting.\n\n```\n// DeeplyNestedComponent.svelte\n\u003cscript\u003e\n  import SvelteValue from 'svelte-object-explorer/src/Value.svelte'\n  const optionalValue = \"any type of value\";\n\u003c/script\u003e\n\n\u003cdiv\u003e\n  \u003cdiv\u003e\n    \u003cdiv\u003e\n      \u003cSvelteValue /\u003e\n      Will just expand this element to show this text\n    \u003c/div\u003e\n    \u003cdiv\u003e\n      \u003cSvelteValue value={optionalValue} /\u003e\n      Will expand this element to show this text, and also display the value supplied above\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n// ...\n// the rest of your component\n```\n\n## New in v2.2\n\n-   resizable window width - and saves to localStorage to re-use between sessions\n-   SvelteValue - to expand deeply nested dom elements\n-   rows - to customise the default display of the panel\n\n## New in v2.1\n\n-   changes to some of the option names above\n-   mostly refactored code\n-   no external dependencies (except dev dependencies)\n-   now includes basic dom node parsing\n-   3 ways to use it\n\n    1.  use the Svelte Component version as above - but this can sometimes mean some style clashes with your app, so...\n    1.  ...you can use the custom element ES module version instead which sandboxes styles in its shadowRoot.\n\n        -   replace import from above\n\n        ```\n        /* import SvelteObjectExplorer from 'svelte-object-explorer' */\n        import SvelteObjectExplorer from 'svelte-object-explorer/dist/index.mjs'\n        ```\n\n        -   replace svelte element with custom element\n\n        ```\n        \u003c!--SvelteObjectExplorer {value} /--\u003e\n        \u003csvelte-object-explorer {value} /\u003e\n        ```\n\n    1.  ...or you can skip including it in your svelte app code at all, and just include the custom element IIFE file in your index.html instead. This will automatically mount the Custom Element version to the `body`. This should mean you can use it with any vanilla front-end javaScript or other frameworks like React or Vue.\n\n        -   See example `index.html` in this repo's public directory at `/public/VanillaAndIIFE` which imports the copy `iife_copy.js` of the `dist/index.js` (note .js not .mjs)\n        -   In this case you need to pass the options above as a global `svelteobjectexplorer` window object instead, see example JS in the index.html above, e.g.\n\n        ```\n        let value = \"whatever you're watching\";\n        //...assign other options if needed\n        window.svelteobjectexplorer = { value, open, fade, tabposition, ratelimit }\n        ```\n\n\u003e It's not clever, it's not pretty...\n\n\u003e ...it's strong and it's sudden, and it can be cruel sometimes but it might just save your life. That's the power of... `svelte-object-explorer` _(with apologies to Huey Lewis)_\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswiftaff%2Fsvelte-object-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fswiftaff%2Fsvelte-object-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswiftaff%2Fsvelte-object-explorer/lists"}