ChromeKit
HomepagePricing
  • 👋Get Started
  • 💡What you get?
  • 🔬Chrome Extension Types
  • ☄️Examples
  • ⚡Extension directory
  • 🖌️Initialise
    • Content script
    • Content script Sidebar
    • Sidepanel
    • Popup
    • IFrame (Content script sidebar from web app)
    • IFrame (Content script sidebar from extension files)
  • 🔧Feature
    • Auth External Communication
    • Session auth
    • Supabase auth
    • Welcome page
    • Uninstall page
  • 🧩Component
    • Twitter
    • License
    • Floating Input
  • 📙Guidelines (Only for purchased users)
    • Message passing
    • Permissions
    • Chrome web store
    • Tips
  • ❓FAQ
    • How to get extension id?
    • Common
Powered by GitBook
On this page
  1. Component

License

PreviousTwitterNextFloating Input

Last updated 10 months ago

Use this template if you want your extension to support licenses. It has support for licenses from Lemonsqueezy and Gumroad.

Install

npx ChromeKit-Org/cli add-component license
npx ChromeKit-Org/cli add-component license-server

This will get the license component and license-server. Copy the license directory into your react project.

License component Props

Name
Description

licenseError

Error message to show when the user is shown this component.

licenseAddedSuccessfully

Function to be called once the license has been successfully validated and stored.

Create a .env file in your react project where you will be using this license component and add the following to it

VITE_LICENSE_URL_DOMAIN=https://example.com
VITE_LICENSE_PROVIDER=lemon_squeezy

VITE_LICENSE_URL_DOMAIN - URL of license server

VITE_LICENSE_PROVIDER - lemon_squeezy or gumroad.

License server

The provided license server is a nextjs app. If required you can re-create the same in any language/framework.

Check for more details (Available only to purchased users)

🧩
https://github.com/ChromeKit-Org/cli/blob/main/assets/license-server/README.md