@jotx-labs/editor 2.4.162 → 2.4.164
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/components/JotxLinkNodeView.d.ts +1 -1
- package/dist/components/JotxLinkNodeView.d.ts.map +1 -1
- package/dist/components/JotxLinkNodeView.js +10 -2
- package/dist/components/JotxLinkNodeView.js.map +1 -1
- package/dist/styles/JotxLinkNodeView.css +10 -9
- package/dist/styles/NodePickerDialog.css +12 -12
- package/package.json +1 -1
- package/src/styles/JotxLinkNodeView.css +10 -9
- package/src/styles/NodePickerDialog.css +12 -12
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { NodeViewProps } from '@tiptap/react';
|
|
2
2
|
import '../styles/JotxLinkNodeView.css';
|
|
3
|
-
export declare function JotxLinkNodeView({ node, updateAttributes }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function JotxLinkNodeView({ node, updateAttributes, deleteNode }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
//# sourceMappingURL=JotxLinkNodeView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JotxLinkNodeView.d.ts","sourceRoot":"","sources":["../../src/components/JotxLinkNodeView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAmB,MAAM,eAAe,CAAC;AAO/D,OAAO,gCAAgC,CAAC;AAGxC,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"JotxLinkNodeView.d.ts","sourceRoot":"","sources":["../../src/components/JotxLinkNodeView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAmB,MAAM,eAAe,CAAC;AAO/D,OAAO,gCAAgC,CAAC;AAGxC,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAAE,aAAa,2CAgMrF"}
|
|
@@ -11,7 +11,7 @@ const ReadonlyBlockRenderer_1 = require("./ReadonlyBlockRenderer");
|
|
|
11
11
|
const vscode_api_1 = require("../bridge/vscode-api");
|
|
12
12
|
require("../styles/JotxLinkNodeView.css");
|
|
13
13
|
const logger_1 = require("../utils/logger");
|
|
14
|
-
function JotxLinkNodeView({ node, updateAttributes }) {
|
|
14
|
+
function JotxLinkNodeView({ node, updateAttributes, deleteNode }) {
|
|
15
15
|
const refType = node?.attrs?.refType || '';
|
|
16
16
|
const refId = node?.attrs?.refId || '';
|
|
17
17
|
const [showPicker, setShowPicker] = (0, react_1.useState)(!refType || !refId);
|
|
@@ -108,7 +108,15 @@ function JotxLinkNodeView({ node, updateAttributes }) {
|
|
|
108
108
|
};
|
|
109
109
|
// Show picker if no ref set
|
|
110
110
|
if (showPicker) {
|
|
111
|
-
return ((0, jsx_runtime_1.jsx)(react_2.NodeViewWrapper, { className: "jotxlink-node-wrapper", children: (0, jsx_runtime_1.jsx)(NodePickerDialog_1.NodePickerDialog, { onSelect: handleSelectNode, onCancel: () =>
|
|
111
|
+
return ((0, jsx_runtime_1.jsx)(react_2.NodeViewWrapper, { className: "jotxlink-node-wrapper", children: (0, jsx_runtime_1.jsx)(NodePickerDialog_1.NodePickerDialog, { onSelect: handleSelectNode, onCancel: () => {
|
|
112
|
+
// If cancelled without selection and node has no existing reference, delete it
|
|
113
|
+
if (!refType && !refId) {
|
|
114
|
+
deleteNode();
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
setShowPicker(false);
|
|
118
|
+
}
|
|
119
|
+
} }) }));
|
|
112
120
|
}
|
|
113
121
|
// Show collapsible box with toggle
|
|
114
122
|
return ((0, jsx_runtime_1.jsx)(react_2.NodeViewWrapper, { className: "jotxlink-node-wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "jotxlink-box", children: [(0, jsx_runtime_1.jsxs)("div", { className: "jotxlink-header", onClick: () => setExpanded(!expanded), children: [(0, jsx_runtime_1.jsx)("button", { className: "toggle-btn", children: expanded ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 16 }) }), (0, jsx_runtime_1.jsx)("span", { className: "type-icon", children: getTypeIcon(refType) }), (0, jsx_runtime_1.jsx)("span", { className: "node-label", children: referencedNode?.label || refId }), (0, jsx_runtime_1.jsxs)("span", { className: "node-meta", children: [refType, " \u00B7 ", referencedNode?.filePath?.split('/').pop() || ''] }), (0, jsx_runtime_1.jsx)("button", { className: "edit-source-btn", onClick: (e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JotxLinkNodeView.js","sourceRoot":"","sources":["../../src/components/JotxLinkNodeView.tsx"],"names":[],"mappings":";;AAWA,
|
|
1
|
+
{"version":3,"file":"JotxLinkNodeView.js","sourceRoot":"","sources":["../../src/components/JotxLinkNodeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,11 @@
|
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.jotxlink-box {
|
|
6
|
-
border: 1px solid var(--vscode-panel-border);
|
|
6
|
+
border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
7
7
|
border-radius: 6px;
|
|
8
8
|
overflow: hidden;
|
|
9
|
-
background: var(--vscode-editor-background);
|
|
9
|
+
background: var(--vscode-editor-background, hsl(var(--background, 220 15% 10%)));
|
|
10
|
+
color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
|
|
10
11
|
}
|
|
11
12
|
|
|
12
13
|
.jotxlink-header {
|
|
@@ -20,13 +21,13 @@
|
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
.jotxlink-header:hover {
|
|
23
|
-
background: var(--vscode-list-hoverBackground);
|
|
24
|
+
background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 12% 18%)));
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
.toggle-btn {
|
|
27
28
|
background: none;
|
|
28
29
|
border: none;
|
|
29
|
-
color: var(--vscode-foreground);
|
|
30
|
+
color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
|
|
30
31
|
cursor: pointer;
|
|
31
32
|
padding: 0;
|
|
32
33
|
display: flex;
|
|
@@ -41,19 +42,19 @@
|
|
|
41
42
|
flex-shrink: 0;
|
|
42
43
|
}
|
|
43
44
|
|
|
44
|
-
.node-label {
|
|
45
|
+
.jotxlink-box .node-label {
|
|
45
46
|
flex: 1;
|
|
46
47
|
font-size: 14px;
|
|
47
48
|
font-weight: 500;
|
|
48
|
-
color: var(--vscode-foreground);
|
|
49
|
+
color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
|
|
49
50
|
overflow: hidden;
|
|
50
51
|
text-overflow: ellipsis;
|
|
51
52
|
white-space: nowrap;
|
|
52
53
|
}
|
|
53
54
|
|
|
54
|
-
.node-meta {
|
|
55
|
+
.jotxlink-box .node-meta {
|
|
55
56
|
font-size: 12px;
|
|
56
|
-
color: var(--vscode-descriptionForeground);
|
|
57
|
+
color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 220 8% 75%)));
|
|
57
58
|
flex-shrink: 0;
|
|
58
59
|
}
|
|
59
60
|
|
|
@@ -82,7 +83,7 @@
|
|
|
82
83
|
|
|
83
84
|
.jotxlink-content {
|
|
84
85
|
padding: 0;
|
|
85
|
-
border-top: 1px solid var(--vscode-panel-border);
|
|
86
|
+
border-top: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
86
87
|
}
|
|
87
88
|
|
|
88
89
|
/* Old styles - kept for backwards compatibility */
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
justify-content: space-between;
|
|
31
31
|
align-items: center;
|
|
32
32
|
padding: 16px 20px;
|
|
33
|
-
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
|
|
33
|
+
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.node-picker-header h2 {
|
|
@@ -56,19 +56,19 @@
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.close-btn:hover {
|
|
59
|
-
background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
|
|
59
|
+
background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 12% 18%)));
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
.node-picker-search {
|
|
63
63
|
padding: 12px 20px;
|
|
64
|
-
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
|
|
64
|
+
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.node-picker-search input {
|
|
68
68
|
width: 100%;
|
|
69
69
|
padding: 8px 12px;
|
|
70
|
-
background: var(--vscode-input-background, hsl(var(--input)));
|
|
71
|
-
border: 1px solid var(--vscode-input-border, hsl(var(--border)));
|
|
70
|
+
background: var(--vscode-input-background, hsl(var(--input, 220 12% 22%)));
|
|
71
|
+
border: 1px solid var(--vscode-input-border, hsl(var(--border, 220 12% 22%)));
|
|
72
72
|
border-radius: 4px;
|
|
73
73
|
color: var(--vscode-input-foreground, hsl(var(--foreground, 0 0% 95%)));
|
|
74
74
|
font-size: 14px;
|
|
@@ -76,13 +76,13 @@
|
|
|
76
76
|
|
|
77
77
|
.node-picker-search input:focus {
|
|
78
78
|
outline: none;
|
|
79
|
-
border-color: var(--vscode-focusBorder, hsl(var(--primary)));
|
|
79
|
+
border-color: var(--vscode-focusBorder, hsl(var(--primary, 175 60% 50%)));
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.node-picker-tabs {
|
|
83
83
|
display: flex;
|
|
84
|
-
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
|
|
85
|
-
background: var(--vscode-editor-background, hsl(var(--background)));
|
|
84
|
+
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
85
|
+
background: var(--vscode-editor-background, hsl(var(--background, 220 15% 10%)));
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.node-picker-tabs button {
|
|
@@ -100,12 +100,12 @@
|
|
|
100
100
|
|
|
101
101
|
.node-picker-tabs button:hover {
|
|
102
102
|
opacity: 1;
|
|
103
|
-
background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
|
|
103
|
+
background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 12% 18%)));
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
.node-picker-tabs button.active {
|
|
107
107
|
opacity: 1;
|
|
108
|
-
border-bottom-color: var(--vscode-focusBorder, hsl(var(--primary)));
|
|
108
|
+
border-bottom-color: var(--vscode-focusBorder, hsl(var(--primary, 175 60% 50%)));
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
.node-picker-content {
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.node-item:hover {
|
|
132
|
-
background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
|
|
132
|
+
background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 12% 18%)));
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
.node-icon {
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
|
|
173
173
|
.node-picker-footer {
|
|
174
174
|
padding: 12px 20px;
|
|
175
|
-
border-top: 1px solid var(--vscode-panel-border, hsl(var(--border)));
|
|
175
|
+
border-top: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
176
176
|
display: flex;
|
|
177
177
|
justify-content: flex-end;
|
|
178
178
|
}
|
package/package.json
CHANGED
|
@@ -3,10 +3,11 @@
|
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.jotxlink-box {
|
|
6
|
-
border: 1px solid var(--vscode-panel-border);
|
|
6
|
+
border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
7
7
|
border-radius: 6px;
|
|
8
8
|
overflow: hidden;
|
|
9
|
-
background: var(--vscode-editor-background);
|
|
9
|
+
background: var(--vscode-editor-background, hsl(var(--background, 220 15% 10%)));
|
|
10
|
+
color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
|
|
10
11
|
}
|
|
11
12
|
|
|
12
13
|
.jotxlink-header {
|
|
@@ -20,13 +21,13 @@
|
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
.jotxlink-header:hover {
|
|
23
|
-
background: var(--vscode-list-hoverBackground);
|
|
24
|
+
background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 12% 18%)));
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
.toggle-btn {
|
|
27
28
|
background: none;
|
|
28
29
|
border: none;
|
|
29
|
-
color: var(--vscode-foreground);
|
|
30
|
+
color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
|
|
30
31
|
cursor: pointer;
|
|
31
32
|
padding: 0;
|
|
32
33
|
display: flex;
|
|
@@ -41,19 +42,19 @@
|
|
|
41
42
|
flex-shrink: 0;
|
|
42
43
|
}
|
|
43
44
|
|
|
44
|
-
.node-label {
|
|
45
|
+
.jotxlink-box .node-label {
|
|
45
46
|
flex: 1;
|
|
46
47
|
font-size: 14px;
|
|
47
48
|
font-weight: 500;
|
|
48
|
-
color: var(--vscode-foreground);
|
|
49
|
+
color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
|
|
49
50
|
overflow: hidden;
|
|
50
51
|
text-overflow: ellipsis;
|
|
51
52
|
white-space: nowrap;
|
|
52
53
|
}
|
|
53
54
|
|
|
54
|
-
.node-meta {
|
|
55
|
+
.jotxlink-box .node-meta {
|
|
55
56
|
font-size: 12px;
|
|
56
|
-
color: var(--vscode-descriptionForeground);
|
|
57
|
+
color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 220 8% 75%)));
|
|
57
58
|
flex-shrink: 0;
|
|
58
59
|
}
|
|
59
60
|
|
|
@@ -82,7 +83,7 @@
|
|
|
82
83
|
|
|
83
84
|
.jotxlink-content {
|
|
84
85
|
padding: 0;
|
|
85
|
-
border-top: 1px solid var(--vscode-panel-border);
|
|
86
|
+
border-top: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
86
87
|
}
|
|
87
88
|
|
|
88
89
|
/* Old styles - kept for backwards compatibility */
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
justify-content: space-between;
|
|
31
31
|
align-items: center;
|
|
32
32
|
padding: 16px 20px;
|
|
33
|
-
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
|
|
33
|
+
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.node-picker-header h2 {
|
|
@@ -56,19 +56,19 @@
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.close-btn:hover {
|
|
59
|
-
background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
|
|
59
|
+
background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 12% 18%)));
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
.node-picker-search {
|
|
63
63
|
padding: 12px 20px;
|
|
64
|
-
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
|
|
64
|
+
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.node-picker-search input {
|
|
68
68
|
width: 100%;
|
|
69
69
|
padding: 8px 12px;
|
|
70
|
-
background: var(--vscode-input-background, hsl(var(--input)));
|
|
71
|
-
border: 1px solid var(--vscode-input-border, hsl(var(--border)));
|
|
70
|
+
background: var(--vscode-input-background, hsl(var(--input, 220 12% 22%)));
|
|
71
|
+
border: 1px solid var(--vscode-input-border, hsl(var(--border, 220 12% 22%)));
|
|
72
72
|
border-radius: 4px;
|
|
73
73
|
color: var(--vscode-input-foreground, hsl(var(--foreground, 0 0% 95%)));
|
|
74
74
|
font-size: 14px;
|
|
@@ -76,13 +76,13 @@
|
|
|
76
76
|
|
|
77
77
|
.node-picker-search input:focus {
|
|
78
78
|
outline: none;
|
|
79
|
-
border-color: var(--vscode-focusBorder, hsl(var(--primary)));
|
|
79
|
+
border-color: var(--vscode-focusBorder, hsl(var(--primary, 175 60% 50%)));
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.node-picker-tabs {
|
|
83
83
|
display: flex;
|
|
84
|
-
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
|
|
85
|
-
background: var(--vscode-editor-background, hsl(var(--background)));
|
|
84
|
+
border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
85
|
+
background: var(--vscode-editor-background, hsl(var(--background, 220 15% 10%)));
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.node-picker-tabs button {
|
|
@@ -100,12 +100,12 @@
|
|
|
100
100
|
|
|
101
101
|
.node-picker-tabs button:hover {
|
|
102
102
|
opacity: 1;
|
|
103
|
-
background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
|
|
103
|
+
background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 12% 18%)));
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
.node-picker-tabs button.active {
|
|
107
107
|
opacity: 1;
|
|
108
|
-
border-bottom-color: var(--vscode-focusBorder, hsl(var(--primary)));
|
|
108
|
+
border-bottom-color: var(--vscode-focusBorder, hsl(var(--primary, 175 60% 50%)));
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
.node-picker-content {
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.node-item:hover {
|
|
132
|
-
background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
|
|
132
|
+
background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 12% 18%)));
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
.node-icon {
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
|
|
173
173
|
.node-picker-footer {
|
|
174
174
|
padding: 12px 20px;
|
|
175
|
-
border-top: 1px solid var(--vscode-panel-border, hsl(var(--border)));
|
|
175
|
+
border-top: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
|
|
176
176
|
display: flex;
|
|
177
177
|
justify-content: flex-end;
|
|
178
178
|
}
|