@lukso/web-components 1.83.0 → 1.84.0

package/dist/components/lukso-username/index.cjs

@@ -12,15 +12,17 @@ require('../../bundle-mjs-d58a83c6.cjs');
 require('../../directive-8278ab14.cjs');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
-  if (!address) {
+  if (!address || typeof address !== "string") {
     return "";
   }
   let sliceAddress2 = "";
-  endSliceBy = endSliceBy || startSliceBy;
-  if (address.length < startSliceBy + endSliceBy) {
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
     return address;
   }
-  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
   return sliceAddress2;
 };
 

package/dist/components/lukso-username/index.js

@@ -8,15 +8,17 @@ import '../../bundle-mjs-fbc6e2a8.js';
 import '../../directive-2bb7789e.js';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
-  if (!address) {
+  if (!address || typeof address !== "string") {
     return "";
   }
   let sliceAddress2 = "";
-  endSliceBy = endSliceBy || startSliceBy;
-  if (address.length < startSliceBy + endSliceBy) {
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
     return address;
   }
-  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
   return sliceAddress2;
 };
 

package/dist/vitest.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vitest.config.d.ts.map

package/dist/vitest.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../../vitest.config.ts"],"names":[],"mappings":";AAEA,wBAKE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.83.0",
+  "version": "1.84.0",
   "type": "module",
   "files": [
     "dist",

package/tools/__tests__/detect-social-media.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=detect-social-media.spec.d.ts.map

package/tools/__tests__/detect-social-media.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detect-social-media.spec.d.ts","sourceRoot":"","sources":["../../../src/shared/tools/__tests__/detect-social-media.spec.ts"],"names":[],"mappings":""}

package/tools/detect-social-media.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Detect social media from a given URL
+ *
+ * @param url
+ * @returns
+ */
+export declare const detectSocialMedia: (url?: string) => string;
+//# sourceMappingURL=detect-social-media.d.ts.map

package/tools/detect-social-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detect-social-media.d.ts","sourceRoot":"","sources":["../../src/shared/tools/detect-social-media.ts"],"names":[],"mappings":"AAeA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,SAAU,MAAM,WAqB7C,CAAA"}

package/tools/index.cjs

@@ -12,18 +12,54 @@ require('fs');
 require('path');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
-  if (!address) {
+  if (!address || typeof address !== "string") {
     return "";
   }
   let sliceAddress2 = "";
-  endSliceBy = endSliceBy || startSliceBy;
-  if (address.length < startSliceBy + endSliceBy) {
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
     return address;
   }
-  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
   return sliceAddress2;
 };
 
+const SOCIAL_MEDIA = {
+  facebook: ["facebook.com", "messenger.com", "fb.com", "fb.me"],
+  x: ["x.com", "twitter.com", "t.co"],
+  instagram: ["instagram.com"],
+  medium: ["medium.com"],
+  discord: ["discord.com", "discordapp.com", "discord.gg"],
+  snapchat: ["snapchat.com"],
+  whatsapp: ["whatsapp.com", "wa.me"],
+  telegram: ["telegram.com", "t.me", "telegram.org"],
+  linkedin: ["linkedin.com"],
+  github: ["github.com"],
+  "universal-page": ["universal.page"],
+  youtube: ["youtube.com", "youtu.be"]
+};
+const detectSocialMedia = (url) => {
+  if (!url) {
+    return;
+  }
+  try {
+    const hostname = new URL(url).hostname;
+    for (const [key, domains] of Object.entries(SOCIAL_MEDIA)) {
+      const hostnameFormatted = hostname.replace("www.", "");
+      const match = domains.some(
+        (domain) => new RegExp(`\\b${domain}\\b`, "i").test(hostnameFormatted)
+      );
+      if (match) {
+        return key;
+      }
+    }
+  } catch {
+    return;
+  }
+};
+
 exports.borderRadius = tailwindConfig.borderRadius;
 exports.boxShadows = tailwindConfig.boxShadows;
 exports.colorPalette = tailwindConfig.colorPalette;
@@ -42,4 +78,5 @@ exports.assets = assets_index.assets;
 exports.cn = cn.cn;
 exports.fonts = assets_fonts_index.fonts;
 exports.images = assets_images_index.images;
+exports.detectSocialMedia = detectSocialMedia;
 exports.sliceAddress = sliceAddress;

package/tools/index.d.ts

@@ -4,4 +4,5 @@ export * from './hsl-color-map';
 export * from './slice-address';
 export * from '../assets';
 export * from './cn';
+export * from './detect-social-media';
 //# sourceMappingURL=index.d.ts.map

package/tools/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shared/tools/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shared/tools/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,MAAM,CAAA;AACpB,cAAc,uBAAuB,CAAA"}

package/tools/index.js

@@ -8,16 +8,52 @@ import 'fs';
 import 'path';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
-  if (!address) {
+  if (!address || typeof address !== "string") {
     return "";
   }
   let sliceAddress2 = "";
-  endSliceBy = endSliceBy || startSliceBy;
-  if (address.length < startSliceBy + endSliceBy) {
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
     return address;
   }
-  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
   return sliceAddress2;
 };
 
-export { sliceAddress };
+const SOCIAL_MEDIA = {
+  facebook: ["facebook.com", "messenger.com", "fb.com", "fb.me"],
+  x: ["x.com", "twitter.com", "t.co"],
+  instagram: ["instagram.com"],
+  medium: ["medium.com"],
+  discord: ["discord.com", "discordapp.com", "discord.gg"],
+  snapchat: ["snapchat.com"],
+  whatsapp: ["whatsapp.com", "wa.me"],
+  telegram: ["telegram.com", "t.me", "telegram.org"],
+  linkedin: ["linkedin.com"],
+  github: ["github.com"],
+  "universal-page": ["universal.page"],
+  youtube: ["youtube.com", "youtu.be"]
+};
+const detectSocialMedia = (url) => {
+  if (!url) {
+    return;
+  }
+  try {
+    const hostname = new URL(url).hostname;
+    for (const [key, domains] of Object.entries(SOCIAL_MEDIA)) {
+      const hostnameFormatted = hostname.replace("www.", "");
+      const match = domains.some(
+        (domain) => new RegExp(`\\b${domain}\\b`, "i").test(hostnameFormatted)
+      );
+      if (match) {
+        return key;
+      }
+    }
+  } catch {
+    return;
+  }
+};
+
+export { detectSocialMedia, sliceAddress };

package/tools/slice-address.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slice-address.d.ts","sourceRoot":"","sources":["../../src/shared/tools/slice-address.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,aACb,MAAM,sCAEH,MAAM,KAClB,MAkBF,CAAA"}
+{"version":3,"file":"slice-address.d.ts","sourceRoot":"","sources":["../../src/shared/tools/slice-address.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,aACb,MAAM,sCAEH,MAAM,KAClB,MAoBF,CAAA"}