@lukso/web-components 1.82.0 → 1.84.0

package/dist/components/lukso-icon/icons/logo-youtube-mono.d.ts

@@ -0,0 +1,3 @@
+import type { IconOptions } from '../../../components/lukso-icon/index.js';
+export declare const logoYoutubeMono: (options: IconOptions) => import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=logo-youtube-mono.d.ts.map

package/dist/components/lukso-icon/icons/logo-youtube-mono.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-youtube-mono.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/logo-youtube-mono.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,eAAe,YAAa,WAAW,yCAiBnD,CAAA"}

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

@@ -6296,6 +6296,25 @@ const profileRemove = (options) => {
   </svg> `;
 };
 
+const logoYoutubeMono = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M23.498 6.18598C23.3624 5.67526 23.095 5.20912 22.7226 4.83425C22.3502 4.45937 21.8858 4.18892 21.376 4.04998C19.505 3.54498 12 3.54498 12 3.54498C12 3.54498 4.495 3.54498 2.623 4.04998C2.11341 4.18917 1.64929 4.45972 1.27708 4.83456C0.904861 5.20941 0.637591 5.67542 0.502 6.18598C0 8.06998 0 12 0 12C0 12 0 15.93 0.502 17.814C0.637586 18.3247 0.904975 18.7908 1.27739 19.1657C1.64981 19.5406 2.11418 19.811 2.624 19.95C4.495 20.455 12 20.455 12 20.455C12 20.455 19.505 20.455 21.377 19.95C21.8869 19.8111 22.3513 19.5407 22.7237 19.1658C23.0961 18.7909 23.3635 18.3248 23.499 17.814C24 15.93 24 12 24 12C24 12 24 8.06998 23.498 6.18598ZM9.545 15.568V8.43198L15.818 12L9.545 15.568Z"
+      fill="var(--${options.color})"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -6468,7 +6487,8 @@ const iconMap = {
   "logo-universal-page-mono": logoUniversalPageMono,
   database,
   "empty-outline": emptyOutline,
-  "profile-remove": profileRemove
+  "profile-remove": profileRemove,
+  "logo-youtube-mono": logoYoutubeMono
 };
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {

package/dist/components/lukso-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAuKA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA4K5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAwKA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA6K5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -6292,6 +6292,25 @@ const profileRemove = (options) => {
   </svg> `;
 };
 
+const logoYoutubeMono = (options) => {
+  return x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M23.498 6.18598C23.3624 5.67526 23.095 5.20912 22.7226 4.83425C22.3502 4.45937 21.8858 4.18892 21.376 4.04998C19.505 3.54498 12 3.54498 12 3.54498C12 3.54498 4.495 3.54498 2.623 4.04998C2.11341 4.18917 1.64929 4.45972 1.27708 4.83456C0.904861 5.20941 0.637591 5.67542 0.502 6.18598C0 8.06998 0 12 0 12C0 12 0 15.93 0.502 17.814C0.637586 18.3247 0.904975 18.7908 1.27739 19.1657C1.64981 19.5406 2.11418 19.811 2.624 19.95C4.495 20.455 12 20.455 12 20.455C12 20.455 19.505 20.455 21.377 19.95C21.8869 19.8111 22.3513 19.5407 22.7237 19.1658C23.0961 18.7909 23.3635 18.3248 23.499 17.814C24 15.93 24 12 24 12C24 12 24 8.06998 23.498 6.18598ZM9.545 15.568V8.43198L15.818 12L9.545 15.568Z"
+      fill="var(--${options.color})"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -6464,7 +6483,8 @@ const iconMap = {
   "logo-universal-page-mono": logoUniversalPageMono,
   database,
   "empty-outline": emptyOutline,
-  "profile-remove": profileRemove
+  "profile-remove": profileRemove,
+  "logo-youtube-mono": logoYoutubeMono
 };
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {

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.82.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"}