{"id":16177501,"url":"https://github.com/theetrain/svelte-cartesian","last_synced_at":"2025-03-19T01:30:40.453Z","repository":{"id":249219266,"uuid":"818738712","full_name":"theetrain/svelte-cartesian","owner":"theetrain","description":"Cartesian Product component for Svelte to help with visual regression testing ","archived":false,"fork":false,"pushed_at":"2024-09-06T02:07:37.000Z","size":5709,"stargazers_count":11,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-16T00:35:14.262Z","etag":null,"topics":["svelte","svelte-component","testing","visual-regression-testing"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/svelte-cartesian","language":"Svelte","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/theetrain.png","metadata":{"files":{"readme":"README-svelte-5.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":"2024-06-22T18:06:05.000Z","updated_at":"2025-03-08T14:30:28.000Z","dependencies_parsed_at":"2024-08-29T19:27:13.193Z","dependency_job_id":"33c82f9f-8f2e-4eda-b614-6fafa281864b","html_url":"https://github.com/theetrain/svelte-cartesian","commit_stats":null,"previous_names":["theetrain/svelte-cartesian"],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theetrain%2Fsvelte-cartesian","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theetrain%2Fsvelte-cartesian/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theetrain%2Fsvelte-cartesian/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theetrain%2Fsvelte-cartesian/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/theetrain","download_url":"https://codeload.github.com/theetrain/svelte-cartesian/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243958028,"owners_count":20374785,"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":["svelte","svelte-component","testing","visual-regression-testing"],"created_at":"2024-10-10T05:09:13.813Z","updated_at":"2025-03-19T01:30:39.973Z","avatar_url":"https://github.com/theetrain.png","language":"Svelte","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Svelte 5 usage (experimental)\n\n\u003e [!WARNING]\n\u003e This component is based on the release candidate of Svelte 5 and is considered\n\u003e unstable. Any breaking changes will not be properly indicated in\n\u003e `svelte-cartesian` releases at this time, but there are no planned changes.\n\n1. Install package\n\n   ```bash\n   npm install -D svelte-cartesian\n   ```\n\n2. Add component to your page.\n\n   ```html\n   \u003cscript\u003e\n     import Button from \"./Button.svelte\"\n     import { CartesianWithRunes as Cartesian } from \"svelte-cartesian\"\n   \u003c/script\u003e\n\n   \u003c!-- define snippet possibilities --\u003e\n   {#snippet children()}\n      Click me\n   {/snippet}\n   \n   \u003c!--\n      Pass in prop and Snippet possibilities as an array of values.\n   --\u003e\n   \u003cCartesian\n      Component={Button}\n      props={{\n         variant: ['primary', 'secondary'],\n         size: ['medium', 'large'],\n         children: [children]\n      }}\n   /\u003e\n   ```\n\n3. Pass props with array of potential values, including an explicit `undefined`\n   where applicable. Ensure snippets are passed in as props and defined within\n   the markup of the page using `\u003cCartesianWithRunes\u003e`.\n\n### Styling `\u003cCartesianWithRunes\u003e`\n\nStyling `\u003cCartesianWithRunes\u003e` is done in the exact same way as with [`\u003cCartesian\u003e`](./README.md#styling-cartesian).\n\n### `\u003cCartesianWithRunes\u003e` props\n\n| prop            | type                            | description                                                                     |\n| --------------- | ------------------------------- | ------------------------------------------------------------------------------- |\n| `Component`     | `ComponentType`                 | **Required**: A Svelte component.                                               |\n| `props`         | `Record\u003cstring, any[]\u003e`         | **Required**: An object containing prop names and an array of potential values. |\n| `unstyled`      | `?boolean=false`                | Disable built-in CSS.                                                           |\n| `divAttributes` | `?SvelteHTMLElements[\"div\"]={}` | Attributes to be spread onto the wrapping `\u003cdiv\u003e` element.                      |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheetrain%2Fsvelte-cartesian","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftheetrain%2Fsvelte-cartesian","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheetrain%2Fsvelte-cartesian/lists"}