{"id":30680633,"url":"https://github.com/welpo/iine","last_synced_at":"2025-09-01T16:48:35.709Z","repository":{"id":306499636,"uuid":"1023250237","full_name":"welpo/iine","owner":"welpo","description":"simple likes for the small/indie web","archived":false,"fork":false,"pushed_at":"2025-07-27T21:20:26.000Z","size":167,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-01T15:51:50.538Z","etag":null,"topics":["indie-web","indieweb","kudos","like-button","privacy","self-hosted","small-web"],"latest_commit_sha":null,"homepage":"https://iine.to","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/welpo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"COPYING","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"welpo"}},"created_at":"2025-07-20T20:55:52.000Z","updated_at":"2025-08-27T22:15:13.000Z","dependencies_parsed_at":"2025-07-26T03:56:55.065Z","dependency_job_id":null,"html_url":"https://github.com/welpo/iine","commit_stats":null,"previous_names":["welpo/iine"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/welpo/iine","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/welpo%2Fiine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/welpo%2Fiine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/welpo%2Fiine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/welpo%2Fiine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/welpo","download_url":"https://codeload.github.com/welpo/iine/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/welpo%2Fiine/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273158647,"owners_count":25055859,"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-09-01T02:00:09.058Z","response_time":120,"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":["indie-web","indieweb","kudos","like-button","privacy","self-hosted","small-web"],"created_at":"2025-09-01T16:48:34.203Z","updated_at":"2025-09-01T16:48:35.697Z","avatar_url":"https://github.com/welpo.png","language":"HTML","funding_links":["https://github.com/sponsors/welpo"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cp\u003e\n    \u003ca href=\"https://iine.to\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/dynamic/json?url=https%3A//vhiweeypifbwacashxjz.supabase.co/rest/v1/rpc/status%3Fapikey%3Dsb_publishable_EoB7MFJhCmb6PiAk-GPJ4w_PGhQ44Ru\u0026query=status\u0026style=flat-square\u0026label=service\u0026labelColor=202b2d\u0026color=3CC512\" alt=\"Service status\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://iine.to\"\u003e\n        \u003cimg src=\"https://img.shields.io/website?url=https%3A%2F%2Fiine.to\u0026style=flat-square\u0026label=website\u0026labelColor=202b2d\" alt=\"Website\"\u003e\u003c/a\u003e\n    \u003ca href=\"CONTRIBUTING.md#pull-requests\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/PRs-welcome-0?style=flat-square\u0026labelColor=202b2d\u0026color=e32915\" alt=\"PRs welcome\"\u003e\u003c/a\u003e\n    \u003ca href=\"COPYING\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/license/welpo/iine?style=flat-square\u0026labelColor=202b2d\u0026color=e32915\" alt=\"License\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://github.com/welpo/git-sumi\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/clean_commits-git--sumi-0?style=flat-square\u0026labelColor=202b2d\u0026color=e32915\" alt=\"Clean commits\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# いいね (iine)\n\n[![iine demo buttons](header.png)](https://iine.to)\n\n\u003c/div\u003e\n\nappreciation buttons for your blog, digital garden, portfolio… no account required. no user tracking\n\n\u003cdiv align=\"center\"\u003e\n\n### [see the live demo and docs →](https://iine.to)\n\n\u003c/div\u003e\n\n## quick start\n\n### 1. add the script\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/gh/welpo/iine@main/iine.mini.js\"\u003e\u003c/script\u003e\n```\n\n### 2. add the button\n\n```html\n\u003cbutton class=\"iine-button\" aria-hidden=\"true\"\u003e\u003c/button\u003e\n```\n\nthat's it! your button will automatically display a heart icon and show the current count\n\n\u003e [!TIP]\n\u003e if you use a content security policy (CSP), you'll need to allow scripts from `cdn.jsdelivr.net` and connections to `*.supabase.co`\n\n## features\n\n- no ips, timestamps, or tracking data processed/stored\n- pure vanilla javascript, ~3KB minified\n- built-in icons (heart, thumbs_up, upvote) + custom emoji\n- accessible: semantic html, aria attributes, keyboard navigation\n- free (at least until i reach over 100,000 websites; then i may need to ask for donations)\n- rate limiting and input validation\n- [customisable](https://iine.to#customise)\n- [self-hostable](./self-hosting.md)\n- [agpl licensed](./COPYING)\n\n## customization\n\n### choose your icon\n\nsee the built in svgs @ [iine.to](https://iine.to#customise) or use any emoji:\n\n```html\n\u003c!-- default is 'heart' --\u003e\n\u003cbutton class=\"iine-button\" data-icon=\"heart\" aria-hidden=\"true\"\u003e\u003c/button\u003e\n\u003c!-- other options: thumbs_up \u0026 upvote --\u003e\n\n\u003c!-- any emoji --\u003e\n\u003cbutton class=\"iine-button\" data-icon=\"💯\" aria-hidden=\"true\"\u003e\u003c/button\u003e\n```\n\n### custom page identifier\n\nto add multiple buttons on the same page:\n\n```html\n\u003c!-- use custom slug --\u003e\n\u003cbutton class=\"iine-button\" data-slug=\"/custom-page\" aria-hidden=\"true\"\u003e\u003c/button\u003e\n```\n\n### style with css\n\nbuttons without styling can look ugly. iine does not inject any css, so you'll have to add your own\n\nhere's a good starting point:\n\n```css\n.iine-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    margin: 0;\n    padding: 0;\n    font-size: inherit;\n    line-height: inherit;\n    cursor: pointer;\n    border: none;\n    background: transparent;\n    color: inherit;\n\n    .icon {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    \u0026:focus {\n        outline: 2px solid currentColor;\n        outline-offset: 2px;\n    }\n}\n```\n\navailable css classes:\n\n- `.iine-button` — main button element\n- `.iine-button.clicked` — added after user clicks. use it to style clicked state or to add animations\n- `.icon` — icon container (svg or emoji)\n- `.counter` — number display\n\n### accessibility\n\niine buttons are built to be accessible, including keyboard navigation, screen reader support, and focus management.\n\nfor screen readers, iine automatically generates `aria-label`s based on the icon and button state. you can set custom labels using the `aria-label` attribute:\n\n```html\n\u003cbutton class=\"iine-button\" aria-label=\"Love this post\"\u003e\u003c/button\u003e\n```\n\n## self-hosting\n\nyou can run **iine** on your own Supabase instance/PostgreSQL setup. see the [self-hosting guide](./self-hosting.md)\n\n## how it works\n\n1. client clicks button → javascript sends request to Supabase\n2. server validates → checks rate limits, domain, and input\n3. counter increments → simple integer increment\n4. display updates → new count shows immediately (optimistic update; reverts if server fails)\n\nno user identification, no behavioural tracking, no analytics. just counters that go up\n\n## contributing\n\nsomething not working? have an idea? let me know!\n\n- questions or ideas → [start a discussion](https://github.com/welpo/iine/discussions)\n- found a bug? → [report it here](https://github.com/welpo/iine/issues/new?\u0026labels=bug)\n- feature request? → [let me know](https://github.com/welpo/iine/issues/new?\u0026labels=feature)\n\n## license\n\n**iine** is free software: you can redistribute it and/or modify it under the terms of the [GNU Affero General Public License as published by the Free Software Foundation](./COPYING), either version 3 of the license, or (at your option) any later version\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwelpo%2Fiine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwelpo%2Fiine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwelpo%2Fiine/lists"}