@kirby-tools/licensing 0.1.1 → 0.1.2

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+interface LicenseOptions {
+    label: string;
+    apiNamespace: string;
+}
+declare function useLicense({ label, apiNamespace, }: LicenseOptions): {
+    isLocalhost: boolean;
+    openLicenseModal: () => void;
+};
+
+export { useLicense };

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+interface LicenseOptions {
+    label: string;
+    apiNamespace: string;
+}
+declare function useLicense({ label, apiNamespace, }: LicenseOptions): {
+    isLocalhost: boolean;
+    openLicenseModal: () => void;
+};
+
+export { useLicense };

package/dist/index.mjs

@@ -0,0 +1,113 @@
+import { usePanel, useApi } from 'kirbyuse';
+
+const TRANSLATIONS = {
+  en: {
+    "modal.info": "Thanks for purchasing {plugin}! Please enter your email address and order ID to activate your license.",
+    "modal.help.orderId": '<a href="https://app.lemonsqueezy.com/my-orders" target="_blank">Get your order number</a> from Lemon Squeezy or <a href="mailto:hello@kirby.tools">contact us</a> if you cannot find it.',
+    "activate": "Activate",
+    "activated": "Plugin activated"
+  },
+  de: {
+    "modal.info": "Dankesch\xF6n f\xFCr den Kauf vom {plugin}! Bitte gib deine E-Mail-Adresse und Bestellnummer ein, um deine Lizenz zu aktivieren.",
+    "modal.help.orderId": 'Rufe die <a href="https://app.lemonsqueezy.com/my-orders" target="_blank">Bestellnummer von Lemon Squeezy ab</a> oder <a href="mailto:hello@kirby.tools">kontaktiere uns</a>, wenn du sie nicht finden kannst.',
+    "activate": "Aktivieren",
+    "activated": "Plugin aktiviert"
+  },
+  fr: {
+    "modal.info": "Merci d'avoir achet\xE9 {plugin} ! Veuillez saisir votre adresse e-mail et votre num\xE9ro de commande pour activer votre licence.",
+    "modal.help.orderId": 'Obtenez votre num\xE9ro de commande sur <a href="https://app.lemonsqueezy.com/my-orders" target="_blank">Lemon Squeezy</a> ou <a href="mailto:hello@kirby.tools">contactez-nous</a> si vous ne le trouvez pas.',
+    "activate": "Activer",
+    "activated": "Plugin activ\xE9"
+  }
+};
+
+function t(key, data, fallback) {
+  const panel = usePanel();
+  const languageCode = panel.translation.code;
+  const translation = TRANSLATIONS?.[languageCode]?.[key] ?? fallback;
+  if (!translation)
+    return;
+  return data ? template(translation, data) : translation;
+}
+function template(input, values, fallback) {
+  return input.replace(
+    /\{(\w+)\}/g,
+    (_, key) => values[key] || (key)
+  );
+}
+
+function useLicense({
+  label,
+  apiNamespace
+}) {
+  const panel = usePanel();
+  const api = useApi();
+  const isLocalhost = _isLocalhost();
+  const register = async (email, orderId) => {
+    if (!email || !orderId) {
+      throw new Error("Email and order ID are required");
+    }
+    const response = await api.post(`${apiNamespace}/register`, { email, orderId });
+    if (!response?.ok) {
+      throw new Error("Registration failed");
+    }
+    return true;
+  };
+  const openLicenseModal = () => {
+    panel.dialog.open({
+      component: "k-form-dialog",
+      props: {
+        submitButton: {
+          icon: "check",
+          theme: "love",
+          text: t("activate", { plugin: label })
+        },
+        fields: {
+          info: {
+            type: "info",
+            text: t("modal.info", { plugin: label })
+          },
+          email: {
+            label: panel.t("email"),
+            type: "email"
+          },
+          orderId: {
+            label: "Order ID",
+            type: "text",
+            help: t("modal.help.orderId", { plugin: label })
+          }
+        }
+      },
+      on: {
+        submit: async (event) => {
+          const { email, orderId } = event;
+          if (!email || !orderId) {
+            panel.notification.error("Email and order ID are required");
+            return;
+          }
+          try {
+            await register(email, Number(orderId));
+          } catch (error) {
+            panel.notification.error(error.message);
+            return;
+          }
+          panel.dialog.close();
+          await panel.view.reload();
+          panel.notification.success(t("activated"), { plugin: label });
+        }
+      }
+    });
+  };
+  return {
+    isLocalhost,
+    openLicenseModal
+  };
+}
+function _isLocalhost() {
+  const { hostname } = window.location;
+  const isLocalhost = ["localhost", "127.0.0.1", "::1"].includes(hostname);
+  const isTestDomain = hostname.endsWith(".test");
+  return isLocalhost || isTestDomain;
+}
+
+export { useLicense };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kirby-tools/licensing",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "packageManager": "pnpm@9.3.0",
   "description": "Shared tooling for licensing in the Panel",
   "author": "Johann Schopplich <hello@johannschopplich.com>",
@@ -16,12 +16,17 @@
   },
   "sideEffects": false,
   "exports": {
-    ".": "./src/index.mjs"
+    ".": {
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
+    }
   },
+  "types": "./dist/index.d.ts",
   "files": [
-    "src"
+    "dist"
   ],
   "scripts": {
+    "build": "unbuild",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "release": "bumpp"
@@ -32,6 +37,8 @@
   "devDependencies": {
     "@antfu/eslint-config": "^2.21.1",
     "bumpp": "^9.4.1",
-    "eslint": "^9.5.0"
+    "eslint": "^9.5.0",
+    "typescript": "^5.4.5",
+    "unbuild": "3.0.0-rc.2"
   }
 }

package/src/constants.mjs

@@ -1,20 +0,0 @@
-export const TRANSLATIONS = {
-  en: {
-    'modal.info': 'Thanks for purchasing {plugin}! Please enter your email address and order ID to activate your license.',
-    'modal.help.orderId': '<a href="https://app.lemonsqueezy.com/my-orders" target="_blank">Get your order number</a> from Lemon Squeezy or <a href="mailto:hello@kirby.tools">contact us</a> if you cannot find it.',
-    'activate': 'Activate',
-    'activated': 'Plugin activated',
-  },
-  de: {
-    'modal.info': 'Dankeschön für den Kauf vom {plugin}! Bitte gib deine E-Mail-Adresse und Bestellnummer ein, um deine Lizenz zu aktivieren.',
-    'modal.help.orderId': 'Rufe die <a href="https://app.lemonsqueezy.com/my-orders" target="_blank">Bestellnummer von Lemon Squeezy ab</a> oder <a href="mailto:hello@kirby.tools">kontaktiere uns</a>, wenn du sie nicht finden kannst.',
-    'activate': 'Aktivieren',
-    'activated': 'Plugin aktiviert',
-  },
-  fr: {
-    'modal.info': 'Merci d\'avoir acheté {plugin} ! Veuillez saisir votre adresse e-mail et votre numéro de commande pour activer votre licence.',
-    'modal.help.orderId': 'Obtenez votre numéro de commande sur <a href="https://app.lemonsqueezy.com/my-orders" target="_blank">Lemon Squeezy</a> ou <a href="mailto:hello@kirby.tools">contactez-nous</a> si vous ne le trouvez pas.',
-    'activate': 'Activer',
-    'activated': 'Plugin activé',
-  },
-}

package/src/index.mjs

@@ -1 +0,0 @@
-export { useLicense } from './license.mjs'

package/src/license.mjs

@@ -1,92 +0,0 @@
-import { useApi, usePanel } from 'kirbyuse'
-import { t } from './utils.mjs'
-
-/**
- * @param {object} options
- * @param {string} options.label
- * @param {string} options.apiNamespace
- * @returns {object}
- */
-export function useLicense({
-  label,
-  apiNamespace,
-}) {
-  const panel = usePanel()
-  const api = useApi()
-  const isLocalhost = _isLocalhost()
-
-  const register = async (email, orderId) => {
-    if (!email || !orderId) {
-      throw new Error('Email and order ID are required')
-    }
-
-    const response = await api.post(`${apiNamespace}/register`, { email, orderId })
-    if (!response?.ok) {
-      throw new Error('Registration failed')
-    }
-
-    return true
-  }
-
-  const openLicenseModal = () => {
-    panel.dialog.open({
-      component: 'k-form-dialog',
-      props: {
-        submitButton: {
-          icon: 'check',
-          theme: 'love',
-          text: t('activate', { plugin: label }),
-        },
-        fields: {
-          info: {
-            type: 'info',
-            text: t('modal.info', { plugin: label }),
-          },
-          email: {
-            label: panel.t('email'),
-            type: 'email',
-          },
-          orderId: {
-            label: 'Order ID',
-            type: 'text',
-            help: t('modal.help.orderId', { plugin: label }),
-          },
-        },
-      },
-      on: {
-        submit: async (event) => {
-          const { email, orderId } = event
-          if (!email || !orderId) {
-            panel.notification.error('Email and order ID are required')
-            return
-          }
-
-          try {
-            await register(email, Number(orderId))
-          }
-          catch (error) {
-            panel.notification.error(error.message)
-            return
-          }
-
-          panel.dialog.close()
-          await panel.view.reload()
-          panel.notification.success(t('activated'), { plugin: label })
-        },
-      },
-    })
-  }
-
-  return {
-    isLocalhost,
-    openLicenseModal,
-  }
-}
-
-function _isLocalhost() {
-  const { hostname } = window.location
-  const isLocalhost = ['localhost', '127.0.0.1', '::1'].includes(hostname)
-  const isTestDomain = hostname.endsWith('.test')
-
-  return isLocalhost || isTestDomain
-}

package/src/utils.mjs

@@ -1,19 +0,0 @@
-import { usePanel } from 'kirbyuse'
-import { TRANSLATIONS } from './constants.mjs'
-
-export function t(key, data, fallback) {
-  const panel = usePanel()
-  const languageCode = panel.translation.code
-  const translation = TRANSLATIONS?.[languageCode]?.[key] ?? fallback
-  if (!translation)
-    return
-
-  return data ? template(translation, data) : translation
-}
-
-export function template(input, values, fallback) {
-  return input.replace(
-    /\{(\w+)\}/g,
-    (_, key) => values[key] || ((typeof fallback === 'function' ? fallback(key) : fallback) ?? key),
-  )
-}