[{"_path":"/docs","_draft":false,"_partial":false,"_empty":false,"title":"Intro","description":"Simple is a Free & Open Source framework agnostic event tracking tools, created by @zernonia for the Supabase Launch Week 5 Hackathon.","excerpt":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"simplelog-docs"},"children":[{"type":"text","value":"SimpleLog docs"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Simple is a Free & Open Source framework agnostic event tracking tools, created by "},{"type":"element","tag":"a","props":{"href":"https://twitter.com/zernonia","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"@zernonia"}]},{"type":"text","value":" for the "},{"type":"element","tag":"a","props":{"href":"https://supabase.com/launch-week","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Supabase Launch Week 5 Hackathon"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"ℹ️"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"SimpleLog is only supported on web, as well as PWA (desktop/mobile). If you would love to help setting up for Android/IOS apps or Desktop apps, please reach out to me at "},{"type":"element","tag":"a","props":{"href":"mailto:zernonia@gmail.com"},"children":[{"type":"text","value":"zernonia@gmail.com"}]},{"type":"text","value":"!"}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alright! Without any further ado, let's "},{"type":"element","tag":"a","props":{"href":"/docs/getting-started"},"children":[{"type":"text","value":"Get Started"}]},{"type":"text","value":"!"}]}]},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"simplelog-docs"},"children":[{"type":"text","value":"SimpleLog docs"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Simple is a Free & Open Source framework agnostic event tracking tools, created by "},{"type":"element","tag":"a","props":{"href":"https://twitter.com/zernonia","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"@zernonia"}]},{"type":"text","value":" for the "},{"type":"element","tag":"a","props":{"href":"https://supabase.com/launch-week","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Supabase Launch Week 5 Hackathon"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"ℹ️"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"SimpleLog is only supported on web, as well as PWA (desktop/mobile). If you would love to help setting up for Android/IOS apps or Desktop apps, please reach out to me at "},{"type":"element","tag":"a","props":{"href":"mailto:zernonia@gmail.com"},"children":[{"type":"text","value":"zernonia@gmail.com"}]},{"type":"text","value":"!"}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alright! Without any further ado, let's "},{"type":"element","tag":"a","props":{"href":"/docs/getting-started"},"children":[{"type":"text","value":"Get Started"}]},{"type":"text","value":"!"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:docs:1.index.md","_source":"content","_file":"docs/1.index.md","_extension":"md"},{"_path":"/docs/getting-started","_draft":false,"_partial":false,"_empty":false,"title":"Getting Started","description":"Easy as ABC","excerpt":{"type":"root","children":[{"type":"element","tag":"h2","props":{"id":"setup-your-project"},"children":[{"type":"text","value":"Setup your Project"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"SimpleLog is heavily inspired by "},{"type":"element","tag":"a","props":{"href":"https://discord.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Discord's"}]}]},{"type":"text","value":" "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Server & Channel"}]},{"type":"text","value":" system, but we rename it to "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Project & Channel"}]},{"type":"text","value":". Within each project, you can create as many channels to organize events."}]},{"type":"element","tag":"ol","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"To get started, login with your GitHub account "},{"type":"element","tag":"a","props":{"href":"/login"},"children":[{"type":"text","value":"here"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Login to SimpleLog","src":"/assets/docs/getting-started/pic2.png"},"children":[]}]},{"type":"element","tag":"ol","props":{"start":2},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Setup your first project and channel. In the example below, I call my project as "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"simple-log"}]},{"type":"text","value":", and my first channel as "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"user-signup"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Setup first project and channel in SimpleLog","src":"/assets/docs/getting-started/pic3.png"},"children":[]}]},{"type":"element","tag":"blockquote","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The project and channel name should be lowercase! Alphabet characters, digits, and dashes \"-\" are accepted."}]}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"copy-your-token"},"children":[{"type":"text","value":"Copy your Token"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"After you setup your first project and channel, you will be redirected to API page. Your API requests are authenticated using these API keys. Any request that doesn't include an API key will return an error."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Copy your first API token","src":"/assets/docs/getting-started/pic4.png"},"children":[]}]},{"type":"element","tag":"blockquote","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"⚠️ Currently, you should log your events server-sided only. There's no layer of protection for public token yet."}]}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"log-event"},"children":[{"type":"text","value":"Log event"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Now you can publish your first event to SimpleLog. Simply make a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"POST request"}]},{"type":"text","value":" to the log endpoint (You can use "},{"type":"element","tag":"a","props":{"href":"https://simple-log.vercel.app/app/playground","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Playground"}]},{"type":"text","value":" to help you setting up the request)."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Once you have published your event, it will show up in the SimpleLog App in real-time, and you will receive a push notification if you have set the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"notify"}]},{"type":"text","value":" flag to true."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Example:"}]},{"type":"element","tag":"code","props":{"code":"var payload = JSON.stringify({\n  project: \"simple-log\",\n  channel: \"user-signup\",\n  event: \"New User SignUp\",\n  description: \"email: zernonia@gmail.com\",\n  icon: \"🤩\",\n  notify: true,\n})\n\nvar requestOptions = {\n  method: \"POST\",\n  headers: {\n    \"Content-Type\": \"application/json\",\n    Authorization: \"Bearer API_TOKEN\",\n  },\n  body: payload,\n}\n\nfetch(\"https://simple-log.vercel.app/api/v1/log\", requestOptions)\n  .then((response) => response.json())\n  .catch((error) => console.log(\"error\", error))\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"var payload = JSON.stringify({\n  project: \"simple-log\",\n  channel: \"user-signup\",\n  event: \"New User SignUp\",\n  description: \"email: zernonia@gmail.com\",\n  icon: \"🤩\",\n  notify: true,\n})\n\nvar requestOptions = {\n  method: \"POST\",\n  headers: {\n    \"Content-Type\": \"application/json\",\n    Authorization: \"Bearer API_TOKEN\",\n  },\n  body: payload,\n}\n\nfetch(\"https://simple-log.vercel.app/api/v1/log\", requestOptions)\n  .then((response) => response.json())\n  .catch((error) => console.log(\"error\", error))\n"}]}]}]},{"type":"element","tag":"h2","props":{"id":"-"},"children":[{"type":"text","value":"🎉 !"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Awesome! You've just log your first event!"}]}]},"body":{"type":"root","children":[{"type":"element","tag":"h2","props":{"id":"setup-your-project"},"children":[{"type":"text","value":"Setup your Project"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"SimpleLog is heavily inspired by "},{"type":"element","tag":"a","props":{"href":"https://discord.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Discord's"}]}]},{"type":"text","value":" "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Server & Channel"}]},{"type":"text","value":" system, but we rename it to "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Project & Channel"}]},{"type":"text","value":". Within each project, you can create as many channels to organize events."}]},{"type":"element","tag":"ol","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"To get started, login with your GitHub account "},{"type":"element","tag":"a","props":{"href":"/login"},"children":[{"type":"text","value":"here"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Login to SimpleLog","src":"/assets/docs/getting-started/pic2.png"},"children":[]}]},{"type":"element","tag":"ol","props":{"start":2},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Setup your first project and channel. In the example below, I call my project as "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"simple-log"}]},{"type":"text","value":", and my first channel as "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"user-signup"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Setup first project and channel in SimpleLog","src":"/assets/docs/getting-started/pic3.png"},"children":[]}]},{"type":"element","tag":"blockquote","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The project and channel name should be lowercase! Alphabet characters, digits, and dashes \"-\" are accepted."}]}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"copy-your-token"},"children":[{"type":"text","value":"Copy your Token"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"After you setup your first project and channel, you will be redirected to API page. Your API requests are authenticated using these API keys. Any request that doesn't include an API key will return an error."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Copy your first API token","src":"/assets/docs/getting-started/pic4.png"},"children":[]}]},{"type":"element","tag":"blockquote","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"⚠️ Currently, you should log your events server-sided only. There's no layer of protection for public token yet."}]}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"log-event"},"children":[{"type":"text","value":"Log event"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Now you can publish your first event to SimpleLog. Simply make a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"POST request"}]},{"type":"text","value":" to the log endpoint (You can use "},{"type":"element","tag":"a","props":{"href":"https://simple-log.vercel.app/app/playground","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Playground"}]},{"type":"text","value":" to help you setting up the request)."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Once you have published your event, it will show up in the SimpleLog App in real-time, and you will receive a push notification if you have set the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"notify"}]},{"type":"text","value":" flag to true."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Example:"}]},{"type":"element","tag":"code","props":{"code":"var payload = JSON.stringify({\n  project: \"simple-log\",\n  channel: \"user-signup\",\n  event: \"New User SignUp\",\n  description: \"email: zernonia@gmail.com\",\n  icon: \"🤩\",\n  notify: true,\n})\n\nvar requestOptions = {\n  method: \"POST\",\n  headers: {\n    \"Content-Type\": \"application/json\",\n    Authorization: \"Bearer API_TOKEN\",\n  },\n  body: payload,\n}\n\nfetch(\"https://simple-log.vercel.app/api/v1/log\", requestOptions)\n  .then((response) => response.json())\n  .catch((error) => console.log(\"error\", error))\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#91B4D5"}},"children":[{"type":"text","value":"var"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"payload"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#91B4D5"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"JSON"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FBD0"}},"children":[{"type":"text","value":"stringify"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"project"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"simple-log"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"channel"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"user-signup"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"event"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"New User SignUp"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"email: zernonia@gmail.com"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"icon"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"🤩"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"notify"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"})"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#91B4D5"}},"children":[{"type":"text","value":"var"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"requestOptions"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#91B4D5"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"method"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"POST"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"headers"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"Content-Type"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"application/json"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"Authorization"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"Bearer API_TOKEN"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":"body"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ADD7FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"payload"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FBD0"}},"children":[{"type":"text","value":"fetch"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"https://simple-log.vercel.app/api/v1/log"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"requestOptions"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"  ."}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FBD0"}},"children":[{"type":"text","value":"then"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"(("}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"response"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":") "}]},{"type":"element","tag":"span","props":{"style":{"color":"#91B4D5"}},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"response"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FBD0"}},"children":[{"type":"text","value":"json"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"())"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"  ."}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FBD0"}},"children":[{"type":"text","value":"catch"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"(("}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"error"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":") "}]},{"type":"element","tag":"span","props":{"style":{"color":"#91B4D5"}},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"console"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FBD0"}},"children":[{"type":"text","value":"log"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#5DE4C7"}},"children":[{"type":"text","value":"error"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":{"color":"#E4F0FB"}},"children":[{"type":"text","value":"error"}]},{"type":"element","tag":"span","props":{"style":{"color":"#A6ACCD"}},"children":[{"type":"text","value":"))"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"-"},"children":[{"type":"text","value":"🎉 !"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Awesome! You've just log your first event!"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"setup-your-project","depth":2,"text":"Setup your Project"},{"id":"copy-your-token","depth":2,"text":"Copy your Token"},{"id":"log-event","depth":2,"text":"Log event"},{"id":"-","depth":2,"text":"🎉 !"}]}},"_type":"markdown","_id":"content:docs:2.getting-started.md","_source":"content","_file":"docs/2.getting-started.md","_extension":"md"},{"_path":"/docs/plugins/supabase","_draft":false,"_partial":false,"_empty":false,"title":"Supabase Integration","description":"SimpleLog is powered by Supabase, so naturally a plugin is a must 😂!\nJust follow these few simple steps to start.","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"SimpleLog is powered by "},{"type":"element","tag":"a","props":{"href":"https://supabase.com","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Supabase"}]},{"type":"text","value":", so naturally a plugin is a must 😂!\nJust follow these few simple steps to start."}]},{"type":"element","tag":"h2","props":{"id":"create-integration"},"children":[{"type":"text","value":"Create Integration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Navigate to "},{"type":"element","tag":"a","props":{"href":"/app/settings/plugins"},"children":[{"type":"text","value":"Plugin"}]},{"type":"text","value":" page in the app, and you will be welcomed with Supabase integration immediately."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"SimpleLog plugin page","src":"/assets/docs/supabase/pic1.png"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Then, select the desired project and channels to populate events from Supabase.\nAfter "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"create"}]},{"type":"text","value":" the integration, copy the endpoint."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Create Supabase integration","src":"/assets/docs/supabase/pic2.png"},"children":[]}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"connect-with-supabase"},"children":[{"type":"text","value":"Connect with Supabase"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Next, login to your "},{"type":"element","tag":"a","props":{"href":"https://app.supabase.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Supabase project"}]},{"type":"text","value":", and navigate to "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"Database"}]},{"type":"text","value":" → "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"Database Webhooks"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Supabase Database","src":"/assets/docs/supabase/pic3.png"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create a new database webhook with the table you want to log the events with. You can select any "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"Events"}]},{"type":"text","value":" you wish to trigger. In this example below, I've selected "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"users"}]},{"type":"text","value":" table, and only log the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"Insert"}]},{"type":"text","value":" event in SimpleLog."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Create Supabase Database Webhooks","src":"/assets/docs/supabase/pic4.png"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Lastly, change the Method to "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"POST"}]},{"type":"text","value":", and paste in the URL field with the endpoint you copied just now.\nYou can also add "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"notify"}]},{"type":"text","value":" parameter to "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"true/false"}]},{"type":"text","value":". (default to "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"true"}]},{"type":"text","value":")."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Create Supabase integration","src":"/assets/docs/supabase/pic5.png"},"children":[]}]},{"type":"element","tag":"h2","props":{"id":"-"},"children":[{"type":"text","value":"🎉 !"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Awesome! You've create an integration with Supabase, and it will notify you when there's a change in Supabase table!"}]}]},"slug":"Supabase","icon":"i-logos-supabase-icon","body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"SimpleLog is powered by "},{"type":"element","tag":"a","props":{"href":"https://supabase.com","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Supabase"}]},{"type":"text","value":", so naturally a plugin is a must 😂!\nJust follow these few simple steps to start."}]},{"type":"element","tag":"h2","props":{"id":"create-integration"},"children":[{"type":"text","value":"Create Integration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Navigate to "},{"type":"element","tag":"a","props":{"href":"/app/settings/plugins"},"children":[{"type":"text","value":"Plugin"}]},{"type":"text","value":" page in the app, and you will be welcomed with Supabase integration immediately."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"SimpleLog plugin page","src":"/assets/docs/supabase/pic1.png"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Then, select the desired project and channels to populate events from Supabase.\nAfter "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"create"}]},{"type":"text","value":" the integration, copy the endpoint."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Create Supabase integration","src":"/assets/docs/supabase/pic2.png"},"children":[]}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"connect-with-supabase"},"children":[{"type":"text","value":"Connect with Supabase"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Next, login to your "},{"type":"element","tag":"a","props":{"href":"https://app.supabase.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Supabase project"}]},{"type":"text","value":", and navigate to "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"Database"}]},{"type":"text","value":" → "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"Database Webhooks"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Supabase Database","src":"/assets/docs/supabase/pic3.png"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create a new database webhook with the table you want to log the events with. You can select any "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"Events"}]},{"type":"text","value":" you wish to trigger. In this example below, I've selected "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"users"}]},{"type":"text","value":" table, and only log the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"Insert"}]},{"type":"text","value":" event in SimpleLog."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Create Supabase Database Webhooks","src":"/assets/docs/supabase/pic4.png"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Lastly, change the Method to "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"POST"}]},{"type":"text","value":", and paste in the URL field with the endpoint you copied just now.\nYou can also add "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"notify"}]},{"type":"text","value":" parameter to "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"true/false"}]},{"type":"text","value":". (default to "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"true"}]},{"type":"text","value":")."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Create Supabase integration","src":"/assets/docs/supabase/pic5.png"},"children":[]}]},{"type":"element","tag":"h2","props":{"id":"-"},"children":[{"type":"text","value":"🎉 !"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Awesome! You've create an integration with Supabase, and it will notify you when there's a change in Supabase table!"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"create-integration","depth":2,"text":"Create Integration"},{"id":"connect-with-supabase","depth":2,"text":"Connect with Supabase"},{"id":"-","depth":2,"text":"🎉 !"}]}},"_type":"markdown","_id":"content:docs:plugins:supabase.md","_source":"content","_file":"docs/plugins/supabase.md","_extension":"md"}]