@lukso/core 1.1.0-dev.5ea12c5 → 1.1.0-dev.c21633f

package/src/mixins/theme.ts

@@ -0,0 +1,172 @@
+/**
+ * Theme Mixin
+ *
+ * Mixin to add theme detection and management to a Lit component
+ */
+
+import type { LitElement } from 'lit'
+import { property, state } from 'lit/decorators.js'
+
+export type Theme = 'light' | 'dark' | 'auto'
+
+/**
+ * Mixin to add theme management to a Lit component
+ *
+ * Provides a `theme` property and `isDark` state that automatically handles:
+ * - Manual theme selection ('light' or 'dark')
+ * - Auto theme detection based on system preferences
+ * - Reactive updates when system theme changes
+ * - Automatically wraps all rendered content in a themed div with 'dark' class when dark mode is active
+ *
+ * All content rendered by the component will be inside a theme-root div that receives the dark class.
+ * Components can use render() normally - no changes needed.
+ *
+ * @typeParam T - The Lit component class being extended
+ * @returns Extended class with theme management capabilities
+ *
+ * @example
+ * ```typescript
+ * import { LitElement, html } from 'lit';
+ * import { customElement } from 'lit/decorators.js';
+ * import { withTheme } from '@lukso/core/mixins';
+ *
+ * @customElement('my-component')
+ * export class MyComponent extends withTheme(LitElement) {
+ *   render() {
+ *     return html`
+ *       <div class="text-neutral-20 dark:text-neutral-100">
+ *         Current theme: ${this.theme}
+ *       </div>
+ *     `;
+ *   }
+ * }
+ * ```
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function withTheme<T extends typeof LitElement>(Base: T): any {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  class Mixin extends (Base as any) {
+    /**
+     * Theme mode: 'light', 'dark', or 'auto' (follows system preference)
+     */
+    @property({ type: String, reflect: true })
+    theme: Theme = 'light'
+
+    /**
+     * Computed state indicating if dark mode is active
+     */
+    @state()
+    protected isDark = false
+
+    /**
+     * The theme root element that wraps all rendered content and receives the dark class
+     */
+    private themeRoot!: HTMLDivElement
+
+    private mediaQueryList: MediaQueryList | null = null
+
+    connectedCallback(): void {
+      super.connectedCallback()
+      this.updateTheme()
+      this.updateHostClass()
+
+      // Listen for system theme changes when in 'auto' mode
+      if (this.theme === 'auto') {
+        this.mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)')
+        this.mediaQueryList.addEventListener(
+          'change',
+          this.handleMediaQueryChange
+        )
+      }
+    }
+
+    disconnectedCallback(): void {
+      super.disconnectedCallback()
+
+      if (this.mediaQueryList) {
+        this.mediaQueryList.removeEventListener(
+          'change',
+          this.handleMediaQueryChange
+        )
+      }
+    }
+
+    updated(changedProperties: Map<string, any>): void {
+      super.updated(changedProperties)
+
+      // Handle theme changes
+      if (changedProperties.has('theme')) {
+        this.updateTheme()
+
+        // Update media query listener when theme mode changes
+        if (this.theme === 'auto' && !this.mediaQueryList) {
+          this.mediaQueryList = window.matchMedia(
+            '(prefers-color-scheme: dark)'
+          )
+          this.mediaQueryList.addEventListener(
+            'change',
+            this.handleMediaQueryChange
+          )
+        } else if (this.theme !== 'auto' && this.mediaQueryList) {
+          this.mediaQueryList.removeEventListener(
+            'change',
+            this.handleMediaQueryChange
+          )
+          this.mediaQueryList = null
+        }
+      }
+
+      // Update host class when isDark changes
+      if (changedProperties.has('isDark')) {
+        this.updateHostClass()
+      }
+    }
+
+    /**
+     * Handle system theme changes
+     *
+     * @param event - Media query list event
+     */
+    private handleMediaQueryChange = (event: MediaQueryListEvent): void => {
+      this.isDark = event.matches
+    }
+
+    /**
+     * Update isDark state based on theme property
+     */
+    protected updateTheme(): void {
+      if (this.theme === 'auto') {
+        this.isDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+      } else {
+        this.isDark = this.theme === 'dark'
+      }
+    }
+
+    /**
+     * Create the render root with a themed wrapper div
+     */
+    createRenderRoot(): Element | ShadowRoot {
+      const root = super.createRenderRoot()
+
+      this.themeRoot = document.createElement('div')
+      this.themeRoot.setAttribute('data-theme-root', '')
+
+      root.appendChild(this.themeRoot)
+      return this.themeRoot
+    }
+
+    /**
+     * Update the host element's class based on isDark state
+     */
+    private updateHostClass(): void {
+      if (this.isDark) {
+        this.themeRoot.classList.add('dark')
+      } else {
+        this.themeRoot.classList.remove('dark')
+      }
+    }
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return Mixin as any
+}

package/src/utils/index.ts

@@ -2,3 +2,4 @@ export type { BrowserInfo, BrowserName } from './browserInfo.js'
 export { browserInfo, EXTENSION_STORE_LINKS } from './browserInfo.js'
 
 export { slug } from './slug.js'
+export { UrlConverter, UrlResolver } from './url-resolver.js'

package/src/utils/url-resolver.ts

@@ -0,0 +1,93 @@
+export class UrlConverter {
+  private destination: URL
+  /**
+   * It will relatively append pathname or hostname to the destination URL
+   *
+   * For example:
+   * destination=https://some.api.gateway/something/ipfs
+   * url=ipfs://QmSomeHash
+   * output=https://some.api.gateway/something/ipfs/QmSomeHash
+   *
+   * destination=https://some.api.gateway/something/ipfs
+   * url=https://something.com/somewhere
+   * output=https://some.api.gateway/something/ipfs/somewhere
+   *
+   * @param destination destination string | URL
+   */
+  constructor(destination: string | URL) {
+    this.destination = new URL(destination)
+    if (this.destination.pathname.at(-1) !== '/') {
+      this.destination.pathname += '/'
+    }
+  }
+
+  resolveUrl(url: string): string {
+    // Parse and convert to javascript URL objects
+    // this will manage / and relative paths for us.
+    const source = new URL(url)
+    // extract the relative path. For URLs with a pathname prepend "." to make it ./ (i.e. relative)
+    // for anything that only has a hostname we prepend ./ to make it relative
+    // the pathname is at least slash for https urls, but '' for ipfs for example
+    const relativePath = source.pathname
+      ? `./${source.hostname}${source.pathname}` // pathname always starts with at least a slash
+      : `./${source.hostname}`
+    // Construct relative URL on destination using the relative pathname.
+    const out = new URL(relativePath, this.destination)
+    out.pathname = out.pathname.replaceAll(/\/\/+/g, '/')
+    return out.toString()
+  }
+}
+
+export class UrlResolver {
+  private converters: Array<{
+    match: string | RegExp
+    converter: UrlConverter
+  }> = []
+  constructor(converters: Array<[string | RegExp, UrlConverter | string]>) {
+    for (const item of converters) {
+      const [match, _converter] = item
+      if (match == null) {
+        throw new TypeError('Match criteria not defined')
+      }
+      const converter =
+        typeof _converter === 'string'
+          ? new UrlConverter(_converter)
+          : _converter
+      if (!(converter instanceof UrlConverter)) {
+        throw new TypeError('Invalid converter')
+      }
+      this.converters.push({ match, converter })
+    }
+  }
+
+  /**
+   * Resolves a URL to a gateway URL.
+   * Supports possible multiple converters transforming the URL
+   * in sequence until no converter matches.
+   *
+   * @param {string} url to resolve
+   * @returns {string} resolved url (if resolver is found, otherwise the parameter url is returned)
+   */
+  resolveUrl(url_: string): string {
+    let url = url_
+    const current = new Set<{
+      match: string | RegExp
+      converter: UrlConverter
+    }>(this.converters)
+    let found = true
+    while (found) {
+      found = false
+      for (const entry of current) {
+        const { match, converter } = entry
+        if (match instanceof RegExp ? match.test(url) : url.startsWith(match)) {
+          url = converter.resolveUrl(url)
+          // This converter matches, so don't use it again.
+          current.delete(entry)
+          found = true
+          break
+        }
+      }
+    }
+    return url
+  }
+}

package/dist/chunk-AMRGSLR5.cjs

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-AMRGSLR5.cjs.map

package/dist/chunk-AMRGSLR5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-AMRGSLR5.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-AMRGSLR5.cjs"}

package/dist/chunk-DKEXQFNE.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-DKEXQFNE.js.map

package/dist/chunk-DKXHVRHM.js

@@ -1,84 +0,0 @@
-// src/utils/browserInfo.ts
-var EXTENSION_STORE_LINKS = {
-  chrome: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
-  brave: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
-  edge: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
-  opera: "",
-  safari: "",
-  firefox: ""
-};
-var browserInfo = (deviceService) => {
-  const browserInfoDefaults = {
-    id: "chrome",
-    name: "",
-    icon: ""
-  };
-  const detectBrowser = () => {
-    const { isChrome, isBrave, isFirefox, isSafari, isEdge, isOpera } = deviceService;
-    if (isBrave) {
-      return {
-        id: "brave",
-        name: "Brave",
-        icon: "logo-brave",
-        storeLink: EXTENSION_STORE_LINKS.brave
-      };
-    }
-    if (isEdge) {
-      return {
-        id: "edge",
-        name: "Edge",
-        icon: "logo-edge",
-        storeLink: EXTENSION_STORE_LINKS.edge
-      };
-    }
-    if (isOpera) {
-      return {
-        id: "opera",
-        name: "Opera",
-        icon: "logo-opera",
-        storeLink: EXTENSION_STORE_LINKS.opera
-      };
-    }
-    if (isChrome) {
-      return {
-        id: "chrome",
-        name: "Chrome",
-        icon: "logo-chrome",
-        storeLink: EXTENSION_STORE_LINKS.chrome
-      };
-    }
-    if (isFirefox) {
-      return {
-        id: "firefox",
-        name: "Firefox",
-        icon: "logo-firefox",
-        storeLink: EXTENSION_STORE_LINKS.firefox
-      };
-    }
-    if (isSafari) {
-      return {
-        id: "safari",
-        name: "Safari",
-        icon: "logo-safari",
-        storeLink: EXTENSION_STORE_LINKS.safari
-      };
-    }
-  };
-  const browserInfo2 = { ...browserInfoDefaults, ...detectBrowser() };
-  return browserInfo2;
-};
-
-// src/utils/slug.ts
-var slug = (value) => {
-  if (!value) {
-    return "";
-  }
-  return value.toLowerCase().replace(/\s+/g, "-");
-};
-
-export {
-  EXTENSION_STORE_LINKS,
-  browserInfo,
-  slug
-};
-//# sourceMappingURL=chunk-DKXHVRHM.js.map

package/dist/chunk-DKXHVRHM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/browserInfo.ts","../src/utils/slug.ts"],"sourcesContent":["import type { DeviceService } from '../services'\n\nexport type BrowserName =\n  | 'chrome'\n  | 'safari'\n  | 'firefox'\n  | 'edge'\n  | 'opera'\n  | 'brave'\n\nexport type BrowserInfo = {\n  id: BrowserName\n  name: string\n  icon: string\n  storeLink: string\n}\n\n// extension store links (all webkit based browsers use chrome web store installation)\nexport const EXTENSION_STORE_LINKS = {\n  chrome:\n    'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  brave:\n    'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  edge: 'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  opera: '',\n  safari: '',\n  firefox: '',\n}\n\n/**\n * Expose browser info to the app\n */\nexport const browserInfo = (deviceService: DeviceService): BrowserInfo => {\n  const browserInfoDefaults = {\n    id: 'chrome',\n    name: '',\n    icon: '',\n  } as BrowserInfo\n\n  const detectBrowser = (): BrowserInfo | undefined => {\n    const { isChrome, isBrave, isFirefox, isSafari, isEdge, isOpera } =\n      deviceService\n\n    if (isBrave) {\n      return {\n        id: 'brave',\n        name: 'Brave',\n        icon: 'logo-brave',\n        storeLink: EXTENSION_STORE_LINKS.brave,\n      }\n    }\n\n    if (isEdge) {\n      return {\n        id: 'edge',\n        name: 'Edge',\n        icon: 'logo-edge',\n        storeLink: EXTENSION_STORE_LINKS.edge,\n      }\n    }\n\n    if (isOpera) {\n      return {\n        id: 'opera',\n        name: 'Opera',\n        icon: 'logo-opera',\n        storeLink: EXTENSION_STORE_LINKS.opera,\n      }\n    }\n\n    if (isChrome) {\n      return {\n        id: 'chrome',\n        name: 'Chrome',\n        icon: 'logo-chrome',\n        storeLink: EXTENSION_STORE_LINKS.chrome,\n      }\n    }\n\n    if (isFirefox) {\n      return {\n        id: 'firefox',\n        name: 'Firefox',\n        icon: 'logo-firefox',\n        storeLink: EXTENSION_STORE_LINKS.firefox,\n      }\n    }\n\n    if (isSafari) {\n      return {\n        id: 'safari',\n        name: 'Safari',\n        icon: 'logo-safari',\n        storeLink: EXTENSION_STORE_LINKS.safari,\n      }\n    }\n  }\n\n  const browserInfo = { ...browserInfoDefaults, ...detectBrowser() }\n\n  return browserInfo\n}\n","/**\n * Make slug from text\n *\n * @param value\n * @returns\n */\nexport const slug = (value?: string) => {\n  if (!value) {\n    return ''\n  }\n\n  return value.toLowerCase().replace(/\\s+/g, '-') // convert spaces to hyphens\n}\n"],"mappings":";AAkBO,IAAM,wBAAwB;AAAA,EACnC,QACE;AAAA,EACF,OACE;AAAA,EACF,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX;AAKO,IAAM,cAAc,CAAC,kBAA8C;AACxE,QAAM,sBAAsB;AAAA,IAC1B,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,QAAM,gBAAgB,MAA+B;AACnD,UAAM,EAAE,UAAU,SAAS,WAAW,UAAU,QAAQ,QAAQ,IAC9D;AAEF,QAAI,SAAS;AACX,aAAO;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,sBAAsB;AAAA,MACnC;AAAA,IACF;AAEA,QAAI,QAAQ;AACV,aAAO;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,sBAAsB;AAAA,MACnC;AAAA,IACF;AAEA,QAAI,SAAS;AACX,aAAO;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,sBAAsB;AAAA,MACnC;AAAA,IACF;AAEA,QAAI,UAAU;AACZ,aAAO;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,sBAAsB;AAAA,MACnC;AAAA,IACF;AAEA,QAAI,WAAW;AACb,aAAO;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,sBAAsB;AAAA,MACnC;AAAA,IACF;AAEA,QAAI,UAAU;AACZ,aAAO;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,sBAAsB;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAEA,QAAMA,eAAc,EAAE,GAAG,qBAAqB,GAAG,cAAc,EAAE;AAEjE,SAAOA;AACT;;;AC/FO,IAAM,OAAO,CAAC,UAAmB;AACtC,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SAAO,MAAM,YAAY,EAAE,QAAQ,QAAQ,GAAG;AAChD;","names":["browserInfo"]}

package/dist/chunk-MBIRTPNM.cjs

@@ -1,84 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/browserInfo.ts
-var EXTENSION_STORE_LINKS = {
-  chrome: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
-  brave: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
-  edge: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
-  opera: "",
-  safari: "",
-  firefox: ""
-};
-var browserInfo = (deviceService) => {
-  const browserInfoDefaults = {
-    id: "chrome",
-    name: "",
-    icon: ""
-  };
-  const detectBrowser = () => {
-    const { isChrome, isBrave, isFirefox, isSafari, isEdge, isOpera } = deviceService;
-    if (isBrave) {
-      return {
-        id: "brave",
-        name: "Brave",
-        icon: "logo-brave",
-        storeLink: EXTENSION_STORE_LINKS.brave
-      };
-    }
-    if (isEdge) {
-      return {
-        id: "edge",
-        name: "Edge",
-        icon: "logo-edge",
-        storeLink: EXTENSION_STORE_LINKS.edge
-      };
-    }
-    if (isOpera) {
-      return {
-        id: "opera",
-        name: "Opera",
-        icon: "logo-opera",
-        storeLink: EXTENSION_STORE_LINKS.opera
-      };
-    }
-    if (isChrome) {
-      return {
-        id: "chrome",
-        name: "Chrome",
-        icon: "logo-chrome",
-        storeLink: EXTENSION_STORE_LINKS.chrome
-      };
-    }
-    if (isFirefox) {
-      return {
-        id: "firefox",
-        name: "Firefox",
-        icon: "logo-firefox",
-        storeLink: EXTENSION_STORE_LINKS.firefox
-      };
-    }
-    if (isSafari) {
-      return {
-        id: "safari",
-        name: "Safari",
-        icon: "logo-safari",
-        storeLink: EXTENSION_STORE_LINKS.safari
-      };
-    }
-  };
-  const browserInfo2 = { ...browserInfoDefaults, ...detectBrowser() };
-  return browserInfo2;
-};
-
-// src/utils/slug.ts
-var slug = (value) => {
-  if (!value) {
-    return "";
-  }
-  return value.toLowerCase().replace(/\s+/g, "-");
-};
-
-
-
-
-
-exports.EXTENSION_STORE_LINKS = EXTENSION_STORE_LINKS; exports.browserInfo = browserInfo; exports.slug = slug;
-//# sourceMappingURL=chunk-MBIRTPNM.cjs.map

package/dist/chunk-MBIRTPNM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-MBIRTPNM.cjs","../src/utils/browserInfo.ts","../src/utils/slug.ts"],"names":["browserInfo"],"mappings":"AAAA;ACkBO,IAAM,sBAAA,EAAwB;AAAA,EACnC,MAAA,EACE,sGAAA;AAAA,EACF,KAAA,EACE,sGAAA;AAAA,EACF,IAAA,EAAM,sGAAA;AAAA,EACN,KAAA,EAAO,EAAA;AAAA,EACP,MAAA,EAAQ,EAAA;AAAA,EACR,OAAA,EAAS;AACX,CAAA;AAKO,IAAM,YAAA,EAAc,CAAC,aAAA,EAAA,GAA8C;AACxE,EAAA,MAAM,oBAAA,EAAsB;AAAA,IAC1B,EAAA,EAAI,QAAA;AAAA,IACJ,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAEA,EAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAA+B;AACnD,IAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,MAAA,EAAQ,QAAQ,EAAA,EAC9D,aAAA;AAEF,IAAA,GAAA,CAAI,OAAA,EAAS;AACX,MAAA,OAAO;AAAA,QACL,EAAA,EAAI,OAAA;AAAA,QACJ,IAAA,EAAM,OAAA;AAAA,QACN,IAAA,EAAM,YAAA;AAAA,QACN,SAAA,EAAW,qBAAA,CAAsB;AAAA,MACnC,CAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,MAAA,EAAQ;AACV,MAAA,OAAO;AAAA,QACL,EAAA,EAAI,MAAA;AAAA,QACJ,IAAA,EAAM,MAAA;AAAA,QACN,IAAA,EAAM,WAAA;AAAA,QACN,SAAA,EAAW,qBAAA,CAAsB;AAAA,MACnC,CAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,OAAA,EAAS;AACX,MAAA,OAAO;AAAA,QACL,EAAA,EAAI,OAAA;AAAA,QACJ,IAAA,EAAM,OAAA;AAAA,QACN,IAAA,EAAM,YAAA;AAAA,QACN,SAAA,EAAW,qBAAA,CAAsB;AAAA,MACnC,CAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,QAAA,EAAU;AACZ,MAAA,OAAO;AAAA,QACL,EAAA,EAAI,QAAA;AAAA,QACJ,IAAA,EAAM,QAAA;AAAA,QACN,IAAA,EAAM,aAAA;AAAA,QACN,SAAA,EAAW,qBAAA,CAAsB;AAAA,MACnC,CAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,SAAA,EAAW;AACb,MAAA,OAAO;AAAA,QACL,EAAA,EAAI,SAAA;AAAA,QACJ,IAAA,EAAM,SAAA;AAAA,QACN,IAAA,EAAM,cAAA;AAAA,QACN,SAAA,EAAW,qBAAA,CAAsB;AAAA,MACnC,CAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,QAAA,EAAU;AACZ,MAAA,OAAO;AAAA,QACL,EAAA,EAAI,QAAA;AAAA,QACJ,IAAA,EAAM,QAAA;AAAA,QACN,IAAA,EAAM,aAAA;AAAA,QACN,SAAA,EAAW,qBAAA,CAAsB;AAAA,MACnC,CAAA;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,MAAMA,aAAAA,EAAc,EAAE,GAAG,mBAAA,EAAqB,GAAG,aAAA,CAAc,EAAE,CAAA;AAEjE,EAAA,OAAOA,YAAAA;AACT,CAAA;ADhCA;AACA;AEhEO,IAAM,KAAA,EAAO,CAAC,KAAA,EAAA,GAAmB;AACtC,EAAA,GAAA,CAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,OAAO,KAAA,CAAM,WAAA,CAAY,CAAA,CAAE,OAAA,CAAQ,MAAA,EAAQ,GAAG,CAAA;AAChD,CAAA;AFiEA;AACA;AACE;AACA;AACA;AACF,8GAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-MBIRTPNM.cjs","sourcesContent":[null,"import type { DeviceService } from '../services'\n\nexport type BrowserName =\n  | 'chrome'\n  | 'safari'\n  | 'firefox'\n  | 'edge'\n  | 'opera'\n  | 'brave'\n\nexport type BrowserInfo = {\n  id: BrowserName\n  name: string\n  icon: string\n  storeLink: string\n}\n\n// extension store links (all webkit based browsers use chrome web store installation)\nexport const EXTENSION_STORE_LINKS = {\n  chrome:\n    'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  brave:\n    'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  edge: 'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  opera: '',\n  safari: '',\n  firefox: '',\n}\n\n/**\n * Expose browser info to the app\n */\nexport const browserInfo = (deviceService: DeviceService): BrowserInfo => {\n  const browserInfoDefaults = {\n    id: 'chrome',\n    name: '',\n    icon: '',\n  } as BrowserInfo\n\n  const detectBrowser = (): BrowserInfo | undefined => {\n    const { isChrome, isBrave, isFirefox, isSafari, isEdge, isOpera } =\n      deviceService\n\n    if (isBrave) {\n      return {\n        id: 'brave',\n        name: 'Brave',\n        icon: 'logo-brave',\n        storeLink: EXTENSION_STORE_LINKS.brave,\n      }\n    }\n\n    if (isEdge) {\n      return {\n        id: 'edge',\n        name: 'Edge',\n        icon: 'logo-edge',\n        storeLink: EXTENSION_STORE_LINKS.edge,\n      }\n    }\n\n    if (isOpera) {\n      return {\n        id: 'opera',\n        name: 'Opera',\n        icon: 'logo-opera',\n        storeLink: EXTENSION_STORE_LINKS.opera,\n      }\n    }\n\n    if (isChrome) {\n      return {\n        id: 'chrome',\n        name: 'Chrome',\n        icon: 'logo-chrome',\n        storeLink: EXTENSION_STORE_LINKS.chrome,\n      }\n    }\n\n    if (isFirefox) {\n      return {\n        id: 'firefox',\n        name: 'Firefox',\n        icon: 'logo-firefox',\n        storeLink: EXTENSION_STORE_LINKS.firefox,\n      }\n    }\n\n    if (isSafari) {\n      return {\n        id: 'safari',\n        name: 'Safari',\n        icon: 'logo-safari',\n        storeLink: EXTENSION_STORE_LINKS.safari,\n      }\n    }\n  }\n\n  const browserInfo = { ...browserInfoDefaults, ...detectBrowser() }\n\n  return browserInfo\n}\n","/**\n * Make slug from text\n *\n * @param value\n * @returns\n */\nexport const slug = (value?: string) => {\n  if (!value) {\n    return ''\n  }\n\n  return value.toLowerCase().replace(/\\s+/g, '-') // convert spaces to hyphens\n}\n"]}