{"id":16265921,"url":"https://github.com/zernonia/supaembed","last_synced_at":"2025-03-19T22:30:35.295Z","repository":{"id":48153490,"uuid":"516057548","full_name":"zernonia/supaembed","owner":"zernonia","description":"Embed custom tools on your website with your Supabase instance.","archived":false,"fork":false,"pushed_at":"2022-07-23T12:50:48.000Z","size":771,"stargazers_count":24,"open_issues_count":0,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-17T11:21:32.363Z","etag":null,"topics":["supabase","vue3"],"latest_commit_sha":null,"homepage":"https://www.aurora.courses/supaembed","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zernonia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-20T16:32:22.000Z","updated_at":"2023-12-01T20:39:23.000Z","dependencies_parsed_at":"2022-09-19T11:41:04.407Z","dependency_job_id":null,"html_url":"https://github.com/zernonia/supaembed","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zernonia%2Fsupaembed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zernonia%2Fsupaembed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zernonia%2Fsupaembed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zernonia%2Fsupaembed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zernonia","download_url":"https://codeload.github.com/zernonia/supaembed/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244515595,"owners_count":20464916,"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":["supabase","vue3"],"created_at":"2024-10-10T17:21:07.239Z","updated_at":"2025-03-19T22:30:34.942Z","avatar_url":"https://github.com/zernonia.png","language":"Vue","funding_links":["https://www.buymeacoffee.com/zernonia"],"categories":[],"sub_categories":[],"readme":"\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/zernonia/supaembed\"\u003e\n    \u003cimg src=\"src/assets/logo.png\" alt=\"Logo\" width=\"auto\" height=\"80\"\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eSupaembed\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    Embed custom tools on your website with your \u003cstrong\u003eSupabase\u003c/strong\u003e instance.\n    \u003cbr /\u003e\n    Free • Open Source\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://www.aurora.courses/supaembed\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/zernonia/supaembed/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/zernonia/supaembed/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n![Supaembed](images/og.png)\n\n## 🚀 Features\n\n- 🤩 Free \u0026 Open Source\n- 🚀 Your own Supabase instance\n- 🌟 Your user can interact without signing in (Respect RLS too)\n- 🎨 Alowed to use on your own project\n- 🌌 No stealing your data, so don't worry 😂\n\n## 📇 About The Project\n\nI wanted to have a **bug/feature request/roadmap tools** in my [latest project, Aurora](https://www.aurora.courses), but I don't want users to sign in another tool just to do that.\n\nThen I discovered the amazing Embedding features by [Dashibase](https://github.com/Dashibase/dashibase-insert), which allow user to embed form and still respect the RLS. I reached out to [SK](https://github.com/greentfrapp) (Thank you! 🙌🏼) to learn the mechanism.\n\n![Supabase Setting's Schema](/images/settings-schema.png)\n\nAfter that, I expose the NEW schema (so that it won't clogged up public schema), and utilized Supabase powerful Postgrest endpoint, as well as the embedding feature above to build this tool.\n\nEnjoy! 😁\n\n### 🔨 Built With\n\n- [Vue 3](https://vuejs.org/)\n- [Vite](https://vitejs.dev/)\n- [WindiCSS](https://windicss.org/)\n- [Supabase](https://supabase.com/)\n\n## Setup (v1)\n\n1. Login to your [Supabase](https://app.supabase.com/) instance that you want to setup this tool.\n\n2. Copy SQL script from [`sql/v1`](/sql/v1), following the file number 1,2,3, and paste it into your Supabase SQL editor and `RUN` it.\n\n   \u003e In [1.supabase_function.sql](/sql/v1/1.supabase_function.sql), you will need to add your admin users' uuid to make sure the admin have the capabiltites to handle admin stuff.\n\n3. Go to Dashboard Settings → API → Settings → Schema, and add the newly created **supaembed** schema into the Schema field.\n   ![Supabase Setting's Schema](/images/settings-schema.png)\n\n4. Copy the `script` below and paste in the HTML where you want it to be rendered.\n   \u003e It's ok to paste your url and keys here because it's gonna be public anyway 😂\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/gh/zernonia/supaembed@1.0.0/dist/embed.js\" async defer\u003e\u003c/script\u003e\n\u003cdiv id=\"supaembed\" data-url=\"YOUR SUPABASE URL\" data-anon-key=\"YOUR SUPABASE ANON KEY\"\u003e\u003c/div\u003e\n```\n\n5. That's it! You should be able to see Supaembed on your website now!\n\n\u003e Let me know if anything stuck!\n\n## 🌎 Local Development\n\n### Prerequisites\n\nYarn\n\n- ```sh\n  npm install --global yarn\n  ```\n\n### Development\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/zernonia/supaembed.git\n   ```\n2. Install NPM packages\n   ```sh\n   cd supaembed\n   yarn install\n   ```\n3. Run local Vercel development instance\n   ```sh\n   yarn dev\n   ```\n\n## ➕ Contributing\n\nContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## 🧡 Acknowledgement\n\n- Thank you [SK](https://github.com/greentfrapp) for discovering the possibilities of embedding tools that respect User's RLS and share it with me! Check out [Dashibase](https://dashibase.com/)!\n\n- Thank you [Austin Malerba](https://github.com/malerba118) for [Supabase Comment Extension](https://github.com/malerba118/supabase-comments-extension) that scaffold the comment for this project. Check out [Scrollex](https://scrollex-docs.vercel.app/)\n\n## 📜 License\n\nNot Associated with Supabase.\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n# 📧 Contact\n\nZernonia - [@zernonia](https://twitter.com/zernonia) - zernonia@gmail.com\n\nAlso, if you like my work, please buy me a coffee ☕😳\n\n\u003ca href=\"https://www.buymeacoffee.com/zernonia\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png\" alt=\"Logo\" \u003e\n  \u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzernonia%2Fsupaembed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzernonia%2Fsupaembed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzernonia%2Fsupaembed/lists"}