@sota1235/remark-link-bookmark 0.0.6 → 0.0.7

package/dist/view.js

@@ -11,6 +11,12 @@ function buildOgpImageHtml(ogImageSrc, ogImageAlt, className) {
         ? `<img class="${className}" src="${ogImageSrc}" alt="${ogImageAlt}" />`
         : '';
 }
+function removeEmptyLines(str) {
+    return str
+        .split(/\r?\n/)
+        .filter((line) => line.trim() !== '')
+        .join('\n');
+}
 export const buildBookmarkHtml = ({ title, description, faviconSrc, ogImageSrc, ogImageAlt, url }, { classPrefix = 'rlb', mergeClassNames }) => {
     const host = new URL(url).host;
     const dompurify = createDOMPurify(new JSDOM('').window);
@@ -24,8 +30,8 @@ export const buildBookmarkHtml = ({ title, description, faviconSrc, ogImageSrc,
     const footerClassName = clsx(`${classPrefix}-footer`, mergeClassNames?.footer);
     const footerLinkClassName = clsx(`${classPrefix}-footer-link`, mergeClassNames?.footerLink);
     const faviconImageClassName = clsx(`${classPrefix}-favicon`, mergeClassNames?.favicon);
-    return dompurify
-        .sanitize(`
+    const footerLinkTextClassName = clsx(`${classPrefix}-footer-link-text`, mergeClassNames?.favicon);
+    return removeEmptyLines(dompurify.sanitize(`
 <div class="${containerClassName}">
   <div class="${contentClassName}">
     <div class="${infoClassName}">
@@ -38,8 +44,10 @@ export const buildBookmarkHtml = ({ title, description, faviconSrc, ogImageSrc,
         >
           ${title}
         </a>
-      </h2>${buildDescriptionHtml(description, descriptionClassName)}
-    </div>${buildOgpImageHtml(ogImageSrc, ogImageAlt, imageClassName)}
+      </h2>
+      ${buildDescriptionHtml(description, descriptionClassName)}
+    </div>
+    ${buildOgpImageHtml(ogImageSrc, ogImageAlt ?? url, imageClassName)}
   </div>
   <div class="${footerClassName}">
     <a
@@ -49,10 +57,9 @@ export const buildBookmarkHtml = ({ title, description, faviconSrc, ogImageSrc,
       rel="noopener noreferrer"
     >
       <img class="${faviconImageClassName}" src="${faviconSrc}" alt="${host}" />
-      ${host}
+      <span class="${footerLinkTextClassName}">${host}</span>
     </a>
   </div>
 </div>
-`)
-        .trim();
+`)).trim();
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sota1235/remark-link-bookmark",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Remark plugin to convert link to bookmark component",
   "main": "dist/index.js",
   "type": "module",
@@ -20,6 +20,7 @@
     "@types/debug": "4.1.12",
     "@types/dompurify": "3.0.5",
     "@types/jsdom": "21.1.7",
+    "@types/node": "22",
     "eslint": "9.14.0",
     "husky": "9.1.6",
     "lint-staged": "15.2.10",
@@ -29,6 +30,19 @@
     "typescript-eslint": "8.13.0",
     "vitest": "^2.1.4"
   },
+  "scripts": {
+    "build": "tsc -p ./tsconfig.publish.json",
+    "build:publish": "tsc -p ./tsconfig.publish.json",
+    "watch": "tsc -p ./tsconfig.publish.json --watch",
+    "fix": "npm run prettier && npm run eslint:fix",
+    "lint": "npm run eslint",
+    "eslint": "eslint 'src/**/*.ts'",
+    "eslint:fix": "npm run eslint --fix",
+    "prettier": "prettier './src/**/*.ts' --write",
+    "test": "vitest",
+    "test:ci": "vitest",
+    "prepare": "husky"
+  },
   "keywords": [
     "remark"
   ],
@@ -43,16 +57,5 @@
       "npm run fix"
     ]
   },
-  "scripts": {
-    "build": "tsc -p ./tsconfig.publish.json",
-    "build:publish": "tsc -p ./tsconfig.publish.json",
-    "watch": "tsc -p ./tsconfig.publish.json --watch",
-    "fix": "npm run prettier && npm run eslint:fix",
-    "lint": "npm run eslint",
-    "eslint": "eslint 'src/**/*.ts'",
-    "eslint:fix": "npm run eslint --fix",
-    "prettier": "prettier './src/**/*.ts' --write",
-    "test": "vitest",
-    "test:ci": "vitest"
-  }
-}
+  "packageManager": "pnpm@9.12.3+sha512.cce0f9de9c5a7c95bef944169cc5dfe8741abfb145078c0d508b868056848a87c81e626246cb60967cbd7fd29a6c062ef73ff840d96b3c86c40ac92cf4a813ee"
+}

package/.envrc

@@ -1 +0,0 @@
-export NODE_AUTH_TOKEN=

package/dist/convert.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/convert.test.js

@@ -1,16 +0,0 @@
-import { expect, test } from 'vitest';
-import { remark } from 'remark';
-import { remarkLinkBookmark } from './plugin.js';
-test('Input markdown should be expected', async () => {
-    const document = `
-  # Sample
-
-  https://example.com
-  
-  [example](https://example.com/) is inline link
-
-  [remark-link-card](https://www.npmjs.com/package/remark-link-card) is inline link
-  `.trim();
-    const file = await remark().use(remarkLinkBookmark, {}).process(document);
-    expect(file.toString()).toMatchFileSnapshot('snapshots/output.md');
-});

package/dist/mdast.d.ts

@@ -1,3 +0,0 @@
-import { Text, Link, PhrasingContent } from 'mdast';
-export declare function isLink(child: PhrasingContent): child is Link;
-export declare function isText(child: PhrasingContent): child is Text;

package/dist/mdast.js

@@ -1,6 +0,0 @@
-export function isLink(child) {
-    return child.type === 'link';
-}
-export function isText(child) {
-    return child.type === 'text';
-}

package/dist/sample.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/sample.test.js

@@ -1,4 +0,0 @@
-import { expect, test } from 'vitest';
-test('1 + 1 = 2', () => {
-    expect(1 + 1).toBe(2);
-});

package/dist/script.d.ts

@@ -1 +0,0 @@
-export declare function main(): void;

package/dist/script.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.main = main;
-function main() {
-    console.log('hello, world');
-}