{"id":19318421,"url":"https://github.com/localjo/react-tater","last_synced_at":"2025-04-09T18:16:17.860Z","repository":{"id":41671589,"uuid":"255287672","full_name":"localjo/react-tater","owner":"localjo","description":"A React component to add annotations to any element on a page 🥔","archived":false,"fork":false,"pushed_at":"2022-12-12T11:55:40.000Z","size":4818,"stargazers_count":244,"open_issues_count":21,"forks_count":11,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-02T17:08:36.922Z","etag":null,"topics":["annotations","emoji","react"],"latest_commit_sha":null,"homepage":"https://iamlocaljo.com/react-tater-demo/","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/localjo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"patreon":"localjo"}},"created_at":"2020-04-13T09:48:23.000Z","updated_at":"2024-07-25T08:58:46.000Z","dependencies_parsed_at":"2023-01-27T19:00:28.381Z","dependency_job_id":null,"html_url":"https://github.com/localjo/react-tater","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/localjo%2Freact-tater","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/localjo%2Freact-tater/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/localjo%2Freact-tater/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/localjo%2Freact-tater/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/localjo","download_url":"https://codeload.github.com/localjo/react-tater/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247980808,"owners_count":21027803,"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":["annotations","emoji","react"],"created_at":"2024-11-10T01:18:35.303Z","updated_at":"2025-04-09T18:16:17.823Z","avatar_url":"https://github.com/localjo.png","language":"JavaScript","funding_links":["https://patreon.com/localjo"],"categories":["📦 Legacy \u0026 Inactive Projects"],"sub_categories":[],"readme":"# `react-tater` 🥔\n\n\u003e A React component to add annotations to any element on a page\n\n![Screenshot](./screenshot.png)\n\n[![NPM](https://img.shields.io/npm/v/react-tater.svg)](https://www.npmjs.com/package/react-tater)\n\n## Install\n\n```bash\nyarn add react-tater\n```\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport Tater from 'react-tater';\nimport YourElement from './your-element';\n\nconst taterOptions = {\n  name: 'your-element-1', // The namespace used for local storage\n  space: 30 // The size, in pixels, of the grid and emojis\n};\n\nconst App = () =\u003e (\n  \u003c\u003e\n    \u003cTater options={taterOptions}\u003e\n      \u003cYourElement /\u003e {/* any element you want to annotate */}\n    \u003c/Tater\u003e\n  \u003c/\u003e\n);\n```\n\n## Development\n\nIf you want to make changes to this library in a local development environment,\nfirst you need to symlink some packages:\n\n```bash\ncd ../example-app/node_modules/react \u0026\u0026 yarn link\ncd react-tater \u0026\u0026 yarn link \u0026\u0026 yarn link react\ncd ../example-app \u0026\u0026 yarn link react-tater\n```\n\nThis allows you to see changes to this package immediately in your example app\nand prevents the example app from seeing more than one copy of React.\n\nThen start the dev server which will build the module and watch for changes to\nautomatically rebuild:\n\n```bash\ncd react-tater \u0026\u0026 yarn start\n```\n\nThen add `import Tater from 'react-tater';` to your example project to use it.\n\nTo run tests:\n\n```bash\ncd react-tater \u0026\u0026 yarn test\n```\n\nOr:\n\n```bash\ncd react-tater \u0026\u0026 yarn test:watch\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flocaljo%2Freact-tater","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flocaljo%2Freact-tater","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flocaljo%2Freact-tater/lists"}