react-beauty-link 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Andre Desbiens
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,220 @@
+# react-beauty-link
+
+A React hook that automatically converts URLs in text into beautiful, clickable links with page titles, favicons, and file type icons.
+
+## Features
+
+- 🔗 **Automatic URL Detection** - Finds and converts HTTPS URLs in text
+- 🎨 **Beautiful Link Previews** - Shows page titles instead of raw URLs
+- 🌐 **Favicon Display** - Fetches and displays website favicons
+- 📄 **File Type Icons** - Shows Nerd Font icons for 60+ file types (PDF, DOC, images, code, etc.)
+- ⚙️ **Configurable** - Control how links open (new tab, new window, or same tab)
+- 📏 **Smart Truncation** - Limits title length to 60 characters
+- 🎯 **TypeScript Support** - Full type safety included
+- 🚀 **Lightweight** - No heavy dependencies
+- ⚡ **Fast** - Skips metadata fetching for file URLs
+
+## Installation
+
+```bash
+npm install react-beauty-link
+```
+
+Or with yarn:
+
+```bash
+yarn add react-beauty-link
+```
+
+Or with pnpm:
+
+```bash
+pnpm add react-beauty-link
+```
+
+## Usage
+
+### Basic Example
+
+```tsx
+import { useBeautyLink } from 'react-beauty-link';
+
+function App() {
+  const text = "Check out https://react.dev for React docs!";
+  const linkedContent = useBeautyLink(text);
+
+  return <div>{linkedContent}</div>;
+}
+```
+
+### With File Links
+
+The hook automatically detects file extensions and shows appropriate icons:
+
+```tsx
+import { useBeautyLink } from 'react-beauty-link';
+
+function App() {
+  const text = `
+    Download report: https://example.com/quarterly-report.pdf
+    View code: https://github.com/user/repo/main.tsx
+    Get package: https://example.com/app.zip
+  `;
+  const linkedContent = useBeautyLink(text);
+
+  return <div>{linkedContent}</div>;
+}
+```
+
+Result:
+- 📕 `quarterly-report.pdf` (with red PDF icon)
+- ⚛️ `main.tsx` (with React icon)
+- 📦 `app.zip` (with archive icon)
+
+### With Custom Target
+
+Control how links open:
+
+```tsx
+import { useBeautyLink } from 'react-beauty-link';
+
+function App() {
+  const text = "Visit https://github.com and https://npmjs.com";
+  
+  // Open in new tab (default)
+  const newTabLinks = useBeautyLink(text, 'new-tab');
+  
+  // Open in new window
+  const newWindowLinks = useBeautyLink(text, 'new-window');
+  
+  // Open in same tab
+  const sameTabLinks = useBeautyLink(text, 'self');
+
+  return (
+    <div>
+      <p>{newTabLinks}</p>
+      <p>{newWindowLinks}</p>
+      <p>{sameTabLinks}</p>
+    </div>
+  );
+}
+```
+
+### TypeScript
+
+```tsx
+import { useBeautyLink, LinkTarget } from 'react-beauty-link';
+
+function App() {
+  const text = "Check out https://typescript.org";
+  const target: LinkTarget = 'new-tab'; // 'new-tab' | 'new-window' | 'self'
+  const linkedContent = useBeautyLink(text, target);
+
+  return <div>{linkedContent}</div>;
+}
+```
+
+## API
+
+### `useBeautyLink(text: string, target?: LinkTarget): ReactNode[]`
+
+Converts URLs in text to clickable links with titles and favicons.
+
+#### Parameters
+
+- **`text`** (string, required): The text containing URLs to linkify
+- **`target`** (LinkTarget, optional): How links should open
+  - `'new-tab'` (default): Opens in a new browser tab
+  - `'new-window'`: Opens in a new browser window (800x600)
+  - `'self'`: Opens in the same tab
+
+#### Returns
+
+- Array of React nodes containing text and link elements
+
+### Types
+
+```typescript
+type LinkTarget = 'new-tab' | 'new-window' | 'self';
+```
+
+## How It Works
+
+1. **URL Detection**: Scans text for HTTPS URLs (matches until first space)
+2. **File Type Check**: If URL has a file extension, shows Nerd Font icon and filename
+3. **Metadata Fetching**: For regular URLs, retrieves page title and favicon via CORS proxies
+4. **Fallback Handling**: Uses Google's favicon service if fetching fails
+5. **Rendering**: Creates beautiful links with icons and truncated titles
+
+## Supported File Types
+
+The hook supports 60+ file types with Nerd Font icons:
+
+- **Documents**: PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, TXT
+- **Code**: JS, TS, JSX, TSX, PY, JAVA, PHP, RB, GO, RS, HTML, CSS, JSON, MD, SQL
+- **Media**: JPG, PNG, GIF, SVG, MP4, AVI, MOV, MP3, WAV, FLAC
+- **Archives**: ZIP, RAR, 7Z, TAR, GZ
+
+See [FILE_TYPE_SUPPORT.md](FILE_TYPE_SUPPORT.md) for the complete list with colors.
+
+## Examples
+
+### Before
+```
+Check out https://react.dev for React documentation
+```
+
+### After
+```
+Check out [🌐 React] for React documentation
+```
+(Where [🌐 React] is a clickable link with the actual favicon and page title)
+
+## Styling
+
+Links are rendered with the following default styles:
+- Color: `#646cff`
+- Text decoration: `underline`
+- Display: `inline-flex` with icons and text aligned
+- Icon size: `16x16px`
+
+You can override these styles using CSS:
+
+```css
+/* Target all linkified links */
+a[target="_blank"] {
+  color: #your-color;
+  text-decoration: none;
+}
+```
+
+## Browser Support
+
+Works in all modern browsers that support:
+- ES2020
+- React 18+
+- Fetch API
+- DOMParser
+
+## Notes
+
+- Only detects HTTPS URLs (not HTTP)
+- URLs are matched until the first space character
+- Fetching metadata requires CORS proxies (included)
+- Google Favicon Service is used as a reliable fallback
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## Issues
+
+If you find a bug or have a feature request, please open an issue on [GitHub](https://github.com/yourusername/react-beauty-link/issues).
+
+## Author
+
+Your Name - [your.email@example.com](mailto:your.email@example.com)

package/dist/hooks/useBeautyLink.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export type LinkTarget = 'new-tab' | 'new-window' | 'self';
+/**
+ * Custom hook that converts HTTPS URLs in a string into clickable links
+ * with page titles and favicons
+ * @param text - The input string containing potential URLs
+ * @param target - How to open links: 'new-tab' (default), 'new-window', or 'self'
+ * @returns An array of React nodes with text and links
+ */
+export declare const useBeautyLink: (text: string, target?: LinkTarget, customColor?: string) => ReactNode[];
+//# sourceMappingURL=useBeautyLink.d.ts.map

package/dist/hooks/useBeautyLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBeautyLink.d.ts","sourceRoot":"","sources":["../../src/hooks/useBeautyLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,CAAC;AAe3D;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,SAAQ,UAAsB,EAAE,cAAc,MAAM,KAAG,SAAS,EAkK3G,CAAC"}

package/dist/hooks/useBeautyLink.js

@@ -0,0 +1,203 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { FILE_TYPE_ICONS } from '../utils/fileIcons';
+function getFileExtension(url) {
+    try {
+        const urlObj = new URL(url);
+        const pathname = urlObj.pathname;
+        const lastDot = pathname.lastIndexOf('.');
+        if (lastDot === -1 || lastDot === pathname.length - 1)
+            return null;
+        return pathname.substring(lastDot + 1).toLowerCase();
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Custom hook that converts HTTPS URLs in a string into clickable links
+ * with page titles and favicons
+ * @param text - The input string containing potential URLs
+ * @param target - How to open links: 'new-tab' (default), 'new-window', or 'self'
+ * @returns An array of React nodes with text and links
+ */
+export const useBeautyLink = (text, target = 'new-tab', customColor) => {
+    const urlRegex = /(https:\/\/[^\s]+)/g;
+    const [linkMetadata, setLinkMetadata] = useState({});
+    const urls = Array.from(text.matchAll(urlRegex)).map(match => match[0]);
+    useEffect(() => {
+        const fetchAllMetadata = async () => {
+            for (const url of urls) {
+                if (!linkMetadata[url]) {
+                    const extension = getFileExtension(url);
+                    // If it's a file URL, skip metadata fetching and use filename
+                    if (extension && FILE_TYPE_ICONS[extension]) {
+                        const filename = url.split('/').pop() || url;
+                        setLinkMetadata(prev => ({
+                            ...prev,
+                            [url]: {
+                                title: decodeURIComponent(filename),
+                                favicon: null
+                            }
+                        }));
+                        continue;
+                    }
+                    try {
+                        console.log('Fetching metadata for:', url);
+                        const metadata = await fetchLinkMetadata(url);
+                        console.log('Metadata received:', metadata);
+                        setLinkMetadata(prev => ({
+                            ...prev,
+                            [url]: metadata
+                        }));
+                    }
+                    catch (error) {
+                        console.error('Failed to fetch metadata for', url, error);
+                        setLinkMetadata(prev => ({
+                            ...prev,
+                            [url]: {
+                                title: url,
+                                favicon: null
+                            }
+                        }));
+                    }
+                }
+            }
+        };
+        fetchAllMetadata();
+    }, [text, JSON.stringify(urls)]);
+    const parts = [];
+    let lastIndex = 0;
+    let match;
+    urlRegex.lastIndex = 0;
+    while ((match = urlRegex.exec(text)) !== null) {
+        const url = match[0];
+        const startIndex = match.index;
+        if (startIndex > lastIndex) {
+            parts.push(text.substring(lastIndex, startIndex));
+        }
+        const metadata = linkMetadata[url];
+        const displayTitle = metadata?.title
+            ? (metadata.title.length > 60 ? metadata.title.substring(0, 60) + '...' : metadata.title)
+            : url;
+        const faviconUrl = metadata?.favicon;
+        const extension = getFileExtension(url);
+        const fileIcon = extension ? FILE_TYPE_ICONS[extension] : null;
+        const getTargetAttributes = () => {
+            switch (target) {
+                case 'new-window':
+                    return {
+                        target: '_blank',
+                        rel: 'noopener noreferrer',
+                        onClick: (e) => {
+                            e.preventDefault();
+                            window.open(url, '_blank', 'noopener,noreferrer,width=800,height=600');
+                        }
+                    };
+                case 'self':
+                    return {
+                        target: '_self'
+                    };
+                case 'new-tab':
+                default:
+                    return {
+                        target: '_blank',
+                        rel: 'noopener noreferrer'
+                    };
+            }
+        };
+        parts.push(_jsxs("a", { href: url, ...getTargetAttributes(), style: {
+                color: customColor || '#646cff',
+                textDecoration: 'underline',
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '6px'
+            }, children: [fileIcon ? (_jsx("span", { style: {
+                        fontFamily: '"Symbols Nerd Font Mono", "Symbols Nerd Font", "Nerd Font", "FiraCode Nerd Font", monospace',
+                        fontSize: '16px',
+                        color: fileIcon.color,
+                        lineHeight: 1,
+                        display: 'inline-block',
+                        width: '16px',
+                        textAlign: 'center',
+                        fontWeight: 'normal'
+                    }, "aria-hidden": "true", children: fileIcon.icon })) : faviconUrl ? (_jsx("img", { src: faviconUrl, alt: "", style: { width: '16px', height: '16px' }, onError: (e) => {
+                        e.target.src = 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/%3E%3Cpath d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/%3E%3C/svg%3E';
+                    } })) : (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), _jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })] })), _jsx("span", { children: displayTitle })] }, `link-${startIndex}`));
+        lastIndex = startIndex + url.length;
+    }
+    if (lastIndex < text.length) {
+        parts.push(text.substring(lastIndex));
+    }
+    return parts.length > 0 ? parts : [text];
+};
+/**
+ * Fetches metadata (title and favicon) for a given URL
+ */
+async function fetchLinkMetadata(url) {
+    try {
+        const urlObj = new URL(url);
+        const origin = urlObj.origin;
+        const proxies = [
+            `https://api.allorigins.win/get?url=${encodeURIComponent(url)}`,
+            `https://corsproxy.io/?${encodeURIComponent(url)}`,
+        ];
+        let html = '';
+        let success = false;
+        for (const proxyUrl of proxies) {
+            try {
+                const response = await fetch(proxyUrl, {
+                    signal: AbortSignal.timeout(10000) // 10 second timeout
+                });
+                if (!response.ok)
+                    continue;
+                const data = await response.json();
+                html = data.contents || data;
+                success = true;
+                break;
+            }
+            catch (err) {
+                console.warn('Proxy failed:', proxyUrl, err);
+                continue;
+            }
+        }
+        if (!success || !html) {
+            throw new Error('All proxies failed');
+        }
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(html, 'text/html');
+        let title = doc.querySelector('meta[property="og:title"]')?.getAttribute('content') ||
+            doc.querySelector('meta[name="twitter:title"]')?.getAttribute('content') ||
+            doc.querySelector('title')?.textContent ||
+            url;
+        title = title.trim();
+        let favicon = `https://www.google.com/s2/favicons?domain=${urlObj.hostname}&sz=32`;
+        const faviconLink = doc.querySelector('link[rel="icon"]')?.getAttribute('href') ||
+            doc.querySelector('link[rel="shortcut icon"]')?.getAttribute('href') ||
+            doc.querySelector('link[rel="apple-touch-icon"]')?.getAttribute('href');
+        if (faviconLink) {
+            if (faviconLink.startsWith('http')) {
+                favicon = faviconLink;
+            }
+            else if (faviconLink.startsWith('//')) {
+                favicon = 'https:' + faviconLink;
+            }
+            else if (faviconLink.startsWith('/')) {
+                favicon = origin + faviconLink;
+            }
+            else {
+                favicon = origin + '/' + faviconLink;
+            }
+        }
+        return { title, favicon };
+    }
+    catch (error) {
+        console.error('Error fetching metadata:', error);
+        const urlObj = new URL(url);
+        return {
+            title: urlObj.hostname,
+            favicon: `https://www.google.com/s2/favicons?domain=${urlObj.hostname}&sz=32`
+        };
+    }
+}
+//# sourceMappingURL=useBeautyLink.js.map

package/dist/hooks/useBeautyLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBeautyLink.js","sourceRoot":"","sources":["../../src/hooks/useBeautyLink.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/useLinkify.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type LinkTarget = 'new-tab' | 'new-window' | 'self';
+/**
+ * Custom hook that converts HTTPS URLs in a string into clickable links
+ * with page titles and favicons
+ * @param text - The input string containing potential URLs
+ * @param target - How to open links: 'new-tab' (default), 'new-window', or 'self'
+ * @returns An array of React nodes with text and links
+ */
+export declare const useLinkify: (text: string, target?: LinkTarget) => ReactNode[];
+//# sourceMappingURL=useLinkify.d.ts.map

package/dist/hooks/useLinkify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkify.d.ts","sourceRoot":"","sources":["../../src/hooks/useLinkify.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAOvD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,CAAC;AAiF3D;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,SAAQ,UAAsB,KAAG,SAAS,EAgKlF,CAAC"}