@haklex/rich-renderer-linkcard 0.0.30 → 0.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs
CHANGED
|
@@ -6,7 +6,7 @@ import { $createLinkNode, $isLinkNode } from "@lexical/link";
|
|
|
6
6
|
import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
|
|
7
7
|
import { $getNodeByKey, $createTextNode, $createParagraphNode, $insertNodes, $createNodeSelection, $setSelection, PASTE_COMMAND, $getSelection, $isRangeSelection, $isParagraphNode, COMMAND_PRIORITY_LOW } from "lexical";
|
|
8
8
|
import { Star, Link, ExternalLink, RemoveFormatting, Unlink, CreditCard, Globe } from "lucide-react";
|
|
9
|
-
import { useMemo, useState, useRef, useEffect, useCallback, createElement, createContext, use
|
|
9
|
+
import { useMemo, useState, useRef, useEffect, useCallback, createElement, createContext, use } from "react";
|
|
10
10
|
import { vars } from "@haklex/rich-style-token";
|
|
11
11
|
import { $isLinkCardNode, LinkCardNode, createRendererDecoration, LinkCardRenderer as LinkCardRenderer$1 } from "@haklex/rich-editor";
|
|
12
12
|
import { Popover, PopoverTrigger, PopoverPanel } from "@haklex/rich-editor-ui";
|
|
@@ -295,7 +295,7 @@ const githubCommitPlugin = {
|
|
|
295
295
|
flexWrap: "wrap",
|
|
296
296
|
alignItems: "center",
|
|
297
297
|
gap: "4px 12px",
|
|
298
|
-
fontFamily:
|
|
298
|
+
fontFamily: vars.typography.fontMono
|
|
299
299
|
},
|
|
300
300
|
children: [
|
|
301
301
|
/* @__PURE__ */ jsxs(
|
|
@@ -372,7 +372,7 @@ const githubDiscussionPlugin = {
|
|
|
372
372
|
flexWrap: "wrap",
|
|
373
373
|
alignItems: "center",
|
|
374
374
|
gap: "4px 12px",
|
|
375
|
-
fontFamily:
|
|
375
|
+
fontFamily: vars.typography.fontMono
|
|
376
376
|
},
|
|
377
377
|
children: [
|
|
378
378
|
/* @__PURE__ */ jsx(
|
|
@@ -450,7 +450,7 @@ const githubIssuePlugin = {
|
|
|
450
450
|
flexWrap: "wrap",
|
|
451
451
|
alignItems: "center",
|
|
452
452
|
gap: "4px 12px",
|
|
453
|
-
fontFamily:
|
|
453
|
+
fontFamily: vars.typography.fontMono
|
|
454
454
|
},
|
|
455
455
|
children: [
|
|
456
456
|
/* @__PURE__ */ jsx("span", { style: { color }, children: stateText }),
|
|
@@ -522,7 +522,7 @@ const githubPrPlugin = {
|
|
|
522
522
|
flexWrap: "wrap",
|
|
523
523
|
alignItems: "center",
|
|
524
524
|
gap: "4px 12px",
|
|
525
|
-
fontFamily:
|
|
525
|
+
fontFamily: vars.typography.fontMono
|
|
526
526
|
},
|
|
527
527
|
children: [
|
|
528
528
|
/* @__PURE__ */ jsx("span", { style: { color }, children: stateText }),
|
|
@@ -729,7 +729,7 @@ const bangumiPlugin = {
|
|
|
729
729
|
image: json.images.grid,
|
|
730
730
|
color: generateColor(title2),
|
|
731
731
|
classNames: {
|
|
732
|
-
image:
|
|
732
|
+
image: "link-card__image--poster",
|
|
733
733
|
cardRoot: "link-card--reversed"
|
|
734
734
|
}
|
|
735
735
|
};
|
|
@@ -1084,26 +1084,26 @@ var card = "_13weebv0";
|
|
|
1084
1084
|
var cardShortDesc = "_13weebv1";
|
|
1085
1085
|
var bg = "_13weebv2";
|
|
1086
1086
|
var image = "_13weebv3";
|
|
1087
|
-
var icon = "
|
|
1088
|
-
var content = "
|
|
1089
|
-
var title = "
|
|
1090
|
-
var titleText = "
|
|
1091
|
-
var external = "
|
|
1092
|
-
var desc = "
|
|
1093
|
-
var desc2 = "
|
|
1094
|
-
var cardSkeleton = "
|
|
1095
|
-
var cardError = "
|
|
1096
|
-
var editWrapper = "
|
|
1097
|
-
var editPanel = "
|
|
1098
|
-
var editUrlRow = "
|
|
1099
|
-
var editLinkIcon = "
|
|
1100
|
-
var editInput = "
|
|
1101
|
-
var editActions = "
|
|
1102
|
-
var editActionButton = "
|
|
1103
|
-
var editActionButtonEnd = "
|
|
1104
|
-
var typeCardModifier = { media: "
|
|
1087
|
+
var icon = "_13weebv5";
|
|
1088
|
+
var content = "_13weebv6";
|
|
1089
|
+
var title = "_13weebv7";
|
|
1090
|
+
var titleText = "_13weebv8";
|
|
1091
|
+
var external = "_13weebv9";
|
|
1092
|
+
var desc = "_13weebva";
|
|
1093
|
+
var desc2 = "_13weebvb";
|
|
1094
|
+
var cardSkeleton = "_13weebvj";
|
|
1095
|
+
var cardError = "_13weebvl";
|
|
1096
|
+
var editWrapper = "_13weebvm";
|
|
1097
|
+
var editPanel = "_13weebvn";
|
|
1098
|
+
var editUrlRow = "_13weebvo";
|
|
1099
|
+
var editLinkIcon = "_13weebvp";
|
|
1100
|
+
var editInput = "_13weebvr";
|
|
1101
|
+
var editActions = "_13weebvs";
|
|
1102
|
+
var editActionButton = "_13weebvt";
|
|
1103
|
+
var editActionButtonEnd = "_13weebvu";
|
|
1104
|
+
var typeCardModifier = { media: "_13weebvg", github: "_13weebvh", academic: "_13weebvi", wide: "_13weebve", full: "_13weebvf" };
|
|
1105
1105
|
var semanticTypeClassNames = { media: "link-card--media", github: "link-card--github", academic: "link-card--academic", wide: "link-card--wide", full: "link-card--full" };
|
|
1106
|
-
var semanticClassToStyle = { "link-card--short-desc": "_13weebv1", "link-card--skeleton": "
|
|
1106
|
+
var semanticClassToStyle = { "link-card--short-desc": "_13weebv1", "link-card--skeleton": "_13weebvj", "link-card--error": "_13weebvl", "link-card--reversed": "_13weebvd", "link-card--wide": "_13weebve", "link-card--full": "_13weebvf", "link-card--media": "_13weebvg", "link-card--github": "_13weebvh", "link-card--academic": "_13weebvi", "link-card__image--poster": "_13weebv4" };
|
|
1107
1107
|
function LinkCardEditDecorator({
|
|
1108
1108
|
nodeKey,
|
|
1109
1109
|
payload,
|
|
@@ -1529,7 +1529,7 @@ const LinkCardRenderer = (props) => {
|
|
|
1529
1529
|
const mappedImageClass = mapSemanticClasses(classNames.image);
|
|
1530
1530
|
const [shortDesc, setShortDesc] = useState(false);
|
|
1531
1531
|
const descRef = useRef(null);
|
|
1532
|
-
|
|
1532
|
+
useEffect(() => {
|
|
1533
1533
|
const el = descRef.current;
|
|
1534
1534
|
if (!el || !finalDesc) {
|
|
1535
1535
|
setShortDesc(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bangumi.d.ts","sourceRoot":"","sources":["../../../src/plugins/media/bangumi.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,aAAa,CAAA;AAQpB,eAAO,MAAM,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"bangumi.d.ts","sourceRoot":"","sources":["../../../src/plugins/media/bangumi.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,aAAa,CAAA;AAQpB,eAAO,MAAM,aAAa,EAAE,cA8I3B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes _13weebvk{0%,to{opacity:1}50%{opacity:.5}}._13weebv0{position:relative;display:flex;box-sizing:border-box;align-items:flex-start;gap:.75rem;width:32rem;max-width:100%;margin:1.25rem auto;padding:1rem;border-radius:.5rem;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;text-indent:0;font-family:var(--rc-font-family-sans);border:1px solid color-mix(in srgb,var(--rc-border) 80%,transparent);background-color:color-mix(in srgb,var(--rc-bg-secondary) 80%,transparent);backdrop-filter:blur(12px) saturate(150%);transition:background-color .2s}._13weebv0:hover{border-color:var(--rc-border);background-color:var(--rc-bg-secondary)}._13weebv1{align-items:center}._13weebv0 *{font-style:normal!important}._13weebv0 span{border-bottom:0!important}._13weebv2{position:absolute;inset:0;z-index:0;pointer-events:none}._13weebv3{position:relative;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--rc-bg-secondary);z-index:1}._13weebv4{width:6.25rem!important;height:auto!important;min-height:8.75rem;aspect-ratio:2 / 3;align-self:stretch}._13weebv5{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:var(--rc-bg-secondary);z-index:1}._13weebv5 img{width:1.25rem;height:1.25rem;border-radius:.25rem}._13weebv5 svg{width:1.25rem;height:1.25rem;color:var(--rc-text-secondary)}._13weebv6{flex:1;min-width:0;position:relative;z-index:1}._13weebv7{display:flex;align-items:center;gap:.5rem;line-height:1.25rem}._13weebv8{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:var(--rc-font-size-md);font-weight:600;line-height:1.25rem}._13weebv9{flex-shrink:0;margin-left:auto;width:.875rem;height:.875rem;color:var(--rc-text-secondary);opacity:0;transition:opacity .2s}._13weebv0:hover ._13weebv9{opacity:1}._13weebva{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-top:.375rem;font-size:var(--rc-font-size-md);line-height:1.5;color:var(--rc-text-secondary);min-width:0}._13weebvc{flex-shrink:0;width:1rem;height:1rem;display:inline;vertical-align:middle;margin-right:.375rem}._13weebvd{width:100%!important;height:auto!important;max-width:40rem;padding:0}._13weebvd ._13weebv3{border-radius:0;align-self:stretch;height:auto!important}._13weebvd ._13weebv3:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,var(--rc-bg-secondary));pointer-events:none}._13weebvd ._13weebv6{padding:1rem;display:flex;flex-direction:column;justify-content:center}._13weebve{width:100%;max-width:40rem}._13weebvf,._13weebvg{width:100%}._13weebvg ._13weebva{-webkit-line-clamp:4}._13weebvh{width:36rem}._13weebvi{width:38rem}._13weebvi ._13weebva{-webkit-line-clamp:3}._13weebv0[data-source=gh-repo]{height:6.25rem}._13weebv0[data-source=gh-commit],._13weebv0[data-source=gh-pr],._13weebv0[data-source=gh-issue],._13weebv0[data-source=gh-discussion]{height:5rem}._13weebv0[data-source=leetcode]{height:5.25rem}._13weebv0[data-source=arxiv]{height:6rem}._13weebv0[data-source=netease-music-song],._13weebv0[data-source=qq-music-song]{height:5.75rem}._13weebvj{animation-play-state:paused}._13weebvj ._13weebv8{width:8rem;height:1.25rem;border-radius:.375rem;background-color:var(--rc-border)}._13weebvj ._13weebva{width:100%;margin-top:.5rem;height:.875rem;border-radius:.375rem;background-color:var(--rc-border)}._13weebvj ._13weebvb{width:80%}._13weebvj ._13weebv3{background-color:var(--rc-border)}._13weebvj ._13weebv8,._13weebvj ._13weebva,._13weebvj ._13weebv3{animation:_13weebvk 2s cubic-bezier(.4,0,.6,1) infinite}._13weebvj._13weebvl{background-color:color-mix(in srgb,var(--rc-alert-caution) 12%,transparent)!important}._13weebvj._13weebvl ._13weebv8,._13weebvj._13weebvl ._13weebva,._13weebvj._13weebvl ._13weebv3{background-color:color-mix(in srgb,var(--rc-alert-caution) 47%,transparent);color:transparent}._13weebvj._13weebvl ._13weebv3{background-image:none!important}._13weebvm{display:block}._13weebvn{display:flex;flex-direction:column;gap:8px;width:340px;padding:12px;font-size:var(--rc-font-size-sm);background-color:var(--rc-bg);border-color:var(--rc-border);color:var(--rc-text)}._13weebvo{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--rc-bg-secondary);border-radius:var(--rc-radius-md);min-width:0}._13weebvp{flex-shrink:0;color:var(--rc-text-secondary)}._13weebvq{flex:1;color:var(--rc-text);font-family:var(--rc-font-mono);font-size:var(--rc-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}._13weebvr{flex:1;appearance:none;border:none;background-color:transparent;color:var(--rc-text);font-family:var(--rc-font-mono);font-size:var(--rc-font-size-sm);padding:0;outline:none;min-width:0}._13weebvs{display:flex;align-items:center;gap:4px}._13weebvt{display:inline-flex;align-items:center;gap:6px;appearance:none;border:none;background:none;color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--rc-radius-sm);transition:color .15s ease,background-color .15s ease;white-space:nowrap}._13weebvt:hover{background-color:var(--rc-bg-secondary)}._13weebvu{margin-left:auto}@media(max-width:640px){._13weebvh{width:100%}}
|
package/dist/styles.css.d.ts
CHANGED
|
@@ -12,8 +12,6 @@ export declare const semanticClassNames: {
|
|
|
12
12
|
readonly bg: "link-card__bg";
|
|
13
13
|
readonly image: "link-card__image";
|
|
14
14
|
readonly imagePoster: "link-card__image--poster";
|
|
15
|
-
readonly imagePosterMd: "link-card__image--poster-md";
|
|
16
|
-
readonly imagePosterSm: "link-card__image--poster-sm";
|
|
17
15
|
readonly icon: "link-card__icon";
|
|
18
16
|
readonly content: "link-card__content";
|
|
19
17
|
readonly title: "link-card__title";
|
|
@@ -37,8 +35,6 @@ export declare const cardShortDesc: string;
|
|
|
37
35
|
export declare const bg: string;
|
|
38
36
|
export declare const image: string;
|
|
39
37
|
export declare const imagePoster: string;
|
|
40
|
-
export declare const imagePosterMd: string;
|
|
41
|
-
export declare const imagePosterSm: string;
|
|
42
38
|
export declare const icon: string;
|
|
43
39
|
export declare const content: string;
|
|
44
40
|
export declare const title: string;
|
package/dist/styles.css.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCrB,CAAA;AAEV,eAAO,MAAM,IAAI,QA2Bf,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAKF,eAAO,MAAM,EAAE,QAKb,CAAA;AAEF,eAAO,MAAM,KAAK,QAWhB,CAAA;AAEF,eAAO,MAAM,WAAW,QAMtB,CAAA;AAEF,eAAO,MAAM,IAAI,QAUf,CAAA;AAcF,eAAO,MAAM,OAAO,QAKlB,CAAA;AAEF,eAAO,MAAM,KAAK,QAKhB,CAAA;AAEF,eAAO,MAAM,SAAS,QAWpB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAanB,CAAA;AAEF,eAAO,MAAM,IAAI,QAWf,CAAA;AAEF,eAAO,MAAM,KAAK,QAAY,CAAA;AAE9B,eAAO,MAAM,OAAO,QAOlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA;AAuBF,eAAO,MAAM,QAAQ,QAA8C,CAAA;AACnE,eAAO,MAAM,QAAQ,QAA2B,CAAA;AAChD,eAAO,MAAM,SAAS,QAA2B,CAAA;AAGjD,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAA4B,CAAA;AAerD,eAAO,MAAM,YAAY,QAA0C,CAAA;AAmCnE,eAAO,MAAM,SAAS,QAAY,CAAA;AAmBlC,eAAO,MAAM,WAAW,QAEtB,CAAA;AAEF,eAAO,MAAM,SAAS,QAUpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAQrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,WAAW,QAStB,CAAA;AAEF,eAAO,MAAM,SAAS,QAWpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAItB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAoB3B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAE9B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAMnB,CAAA;AAEV,eAAO,MAAM,sBAAsB;;;;;;CAMzB,CAAA;AAEV,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWvD,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haklex/rich-renderer-linkcard",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.32",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"lucide-react": "^0.574.0",
|
|
19
19
|
"react-intersection-observer": "^9.16.0",
|
|
20
|
-
"@haklex/rich-editor": "0.0.
|
|
21
|
-
"@haklex/rich-
|
|
22
|
-
"@haklex/rich-
|
|
20
|
+
"@haklex/rich-editor": "0.0.32",
|
|
21
|
+
"@haklex/rich-editor-ui": "0.0.32",
|
|
22
|
+
"@haklex/rich-style-token": "0.0.32"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@lexical/link": "^0.40.0",
|