{"id":34870817,"url":"https://github.com/eminos/statamic-element-picker","last_synced_at":"2026-03-16T01:47:55.062Z","repository":{"id":219620105,"uuid":"696730998","full_name":"eminos/statamic-element-picker","owner":"eminos","description":"A Statamic addon that adds an Element Picker fieldtype and lets you pick an element and generate a unique CSS selector for that element.","archived":false,"fork":false,"pushed_at":"2024-05-09T16:42:00.000Z","size":117,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-27T08:29:00.639Z","etag":null,"topics":["statamic","statamic-addon","statamic-v3","statamic-v4"],"latest_commit_sha":null,"homepage":"","language":"Vue","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/eminos.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2023-09-26T10:26:03.000Z","updated_at":"2024-05-09T16:41:28.000Z","dependencies_parsed_at":"2024-05-09T18:02:04.098Z","dependency_job_id":null,"html_url":"https://github.com/eminos/statamic-element-picker","commit_stats":null,"previous_names":["eminos/statamic-element-picker"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/eminos/statamic-element-picker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eminos%2Fstatamic-element-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eminos%2Fstatamic-element-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eminos%2Fstatamic-element-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eminos%2Fstatamic-element-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eminos","download_url":"https://codeload.github.com/eminos/statamic-element-picker/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eminos%2Fstatamic-element-picker/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30558425,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-15T23:30:23.986Z","status":"ssl_error","status_checked_at":"2026-03-15T23:28:43.564Z","response_time":61,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["statamic","statamic-addon","statamic-v3","statamic-v4"],"created_at":"2025-12-25T23:46:40.654Z","updated_at":"2026-03-16T01:47:55.050Z","avatar_url":"https://github.com/eminos.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Statamic Element Picker\n\nA Statamic plugin that adds an Element Picker Fieldtype. \u003cbr\u003e\nPick an element and get its short and unique \"CSS selector\".\n\n![Screenshot of the Element Picker Fieldtype](docs/screenshot1.png)\n\n## Installation\n\nInstall this plugin using composer.\n\n```cli\ncomposer require eminos/statamic-element-picker\n```\n\n## Features\n\n- Pick an element right on that page or a configurable URL.\n- Configure where the URL is coming from.\n  - Set the URL in the field config.\n  - Let the URL come from a sibling or ancestor field (works inside Grids or Replicators as well).\n- If you choose to use a URL a new window will open with that URL where you can pick your element with a click.\n- Saves a short and unique \"CSS selector\" for that element which you can use to find the element again (uses [finder](https://github.com/antonmedv/finder) under the hood).\n\n### Here's a screenshot of the config options.\n\n![Screenshot of the Element Picker field config](docs/screenshot2.png)\n\n## Known limitations\n\n- The URL must be the same origin as the page where the Element Picker is loaded. In other words you can only pick an element from the same domain as the control panel. This is because of the security in how messaging between open windows/tabs work. There might be a workaround involving Shadow DOM or similar.\n\n## Possible improvements\n\n- Option to set the URL right on the Element Picker field itself. This can optionally get saved together with the CSS selector string.\n- Configurable CSS selector generation / [finder](https://github.com/antonmedv/finder).\n- Configurable inspector design, background color, border, etc.\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feminos%2Fstatamic-element-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feminos%2Fstatamic-element-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feminos%2Fstatamic-element-picker/lists"}