@skalfa/skalfa-component 1.0.36 → 1.0.37

package/dist/index.js

@@ -176,6 +176,7 @@ exports.TypographyTipsComponent = require("./typography/TypographyTips.component
 
 // Static export for ./wrap/ContentWrapper.component
 exports.COLOR_MAP = require("./wrap/ContentWrapper.component").COLOR_MAP;
+exports.formatLinkUrl = require("./wrap/ContentWrapper.component").formatLinkUrl;
 exports.parseInlineFormats = require("./wrap/ContentWrapper.component").parseInlineFormats;
 exports.parseContentToHtml = require("./wrap/ContentWrapper.component").parseContentToHtml;
 exports.parseHtmlToContent = require("./wrap/ContentWrapper.component").parseHtmlToContent;

package/dist/wrap/ContentWrapper.component.d.ts

@@ -7,6 +7,7 @@ export declare const COLOR_MAP: Record<string, {
     tw: string;
     css: string;
 }>;
+export declare function formatLinkUrl(url: string): string;
 export declare function parseInlineFormats(text: string): string;
 export declare function parseContentToHtml(content: string): string;
 export declare function parseHtmlToContent(html: string): string;

package/dist/wrap/ContentWrapper.component.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.COLOR_MAP = void 0;
+exports.formatLinkUrl = formatLinkUrl;
 exports.parseInlineFormats = parseInlineFormats;
 exports.parseContentToHtml = parseContentToHtml;
 exports.parseHtmlToContent = parseHtmlToContent;
@@ -16,6 +17,15 @@ exports.COLOR_MAP = {
     warning: { label: "Warning", tw: "text-warning", css: "var(--color-warning, #f59e0b)" },
     danger: { label: "Danger", tw: "text-danger", css: "var(--color-danger, #ef4444)" },
 };
+function formatLinkUrl(url) {
+    if (!url)
+        return "";
+    const hasProtocol = /^(https?:\/\/|\/\/|\/|#|mailto:|tel:|javascript:)/i.test(url);
+    if (hasProtocol) {
+        return url;
+    }
+    return `https://${url}`;
+}
 function parseInlineFormats(text) {
     if (!text)
         return "";
@@ -29,7 +39,8 @@ function parseInlineFormats(text) {
         return `<span style="font-size:${size}px" data-size="${size}">${content}</span>`;
     });
     result = result.replace(/\[link:(.*?)\](.*?)\[link\]/g, (_, url, content) => {
-        return `<a href="${url}" class="text-primary underline" data-link="${url}" target="_blank" rel="noopener noreferrer">${content}</a>`;
+        const formattedUrl = formatLinkUrl(url);
+        return `<a href="${formattedUrl}" class="text-primary underline" data-link="${formattedUrl}" target="_blank" rel="noopener noreferrer">${content}</a>`;
     });
     result = result.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>");
     result = result.replace(/\/\/(.*?)\/\//g, "<em>$1</em>");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skalfa/skalfa-component",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "description": "Reusable UI components for Skalfa App.",
   "license": "MIT",
   "keywords": [

package/src/wrap/ContentWrapper.component.tsx

@@ -15,6 +15,15 @@ export const COLOR_MAP: Record<string, { label: string; tw: string; css: string
   danger:    { label: "Danger",    tw: "text-danger",           css: "var(--color-danger, #ef4444)"           },
 };
 
+export function formatLinkUrl(url: string): string {
+  if (!url) return "";
+  const hasProtocol = /^(https?:\/\/|\/\/|\/|#|mailto:|tel:|javascript:)/i.test(url);
+  if (hasProtocol) {
+    return url;
+  }
+  return `https://${url}`;
+}
+
 export function parseInlineFormats(text: string): string {
   if (!text) return "";
   let result = text;
@@ -30,7 +39,8 @@ export function parseInlineFormats(text: string): string {
   });
 
   result = result.replace(/\[link:(.*?)\](.*?)\[link\]/g, (_, url, content) => {
-    return `<a href="${url}" class="text-primary underline" data-link="${url}" target="_blank" rel="noopener noreferrer">${content}</a>`;
+    const formattedUrl = formatLinkUrl(url);
+    return `<a href="${formattedUrl}" class="text-primary underline" data-link="${formattedUrl}" target="_blank" rel="noopener noreferrer">${content}</a>`;
   });
 
   result = result.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>");