@lukso/core 0.1.0-dev.0f1bea5

package/src/utils/browserInfo.ts

@@ -0,0 +1,102 @@
+import type { DeviceService } from '../services'
+
+export type BrowserName =
+  | 'chrome'
+  | 'safari'
+  | 'firefox'
+  | 'edge'
+  | 'opera'
+  | 'brave'
+
+export type BrowserInfo = {
+  id: BrowserName
+  name: string
+  icon: string
+  storeLink: string
+}
+
+// extension store links (all webkit based browsers use chrome web store installation)
+export const 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: '',
+}
+
+/**
+ * Expose browser info to the app
+ */
+export const browserInfo = (deviceService: DeviceService): BrowserInfo => {
+  const browserInfoDefaults = {
+    id: 'chrome',
+    name: '',
+    icon: '',
+  } as BrowserInfo
+
+  const detectBrowser = (): BrowserInfo | undefined => {
+    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 browserInfo = { ...browserInfoDefaults, ...detectBrowser() }
+
+  return browserInfo
+}

package/src/utils/index.ts

@@ -0,0 +1,4 @@
+export type { BrowserInfo, BrowserName } from './browserInfo.js'
+export { browserInfo, EXTENSION_STORE_LINKS } from './browserInfo.js'
+
+export { slug } from './slug.js'

package/src/utils/slug.ts

@@ -0,0 +1,13 @@
+/**
+ * Make slug from text
+ *
+ * @param value
+ * @returns
+ */
+export const slug = (value?: string) => {
+  if (!value) {
+    return ''
+  }
+
+  return value.toLowerCase().replace(/\s+/g, '-') // convert spaces to hyphens
+}