strapi-content-embeddings 0.1.0 → 0.1.1
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/style.css +273 -18
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1,6 +1,191 @@
|
|
|
1
|
+
/* MDXEditor CSS Variables - required for toolbar styling */
|
|
2
|
+
:root {
|
|
3
|
+
--spacing-0_5: 0.125rem;
|
|
4
|
+
--spacing-1: 0.25rem;
|
|
5
|
+
--spacing-1_5: 0.375rem;
|
|
6
|
+
--spacing-2: 0.5rem;
|
|
7
|
+
--spacing-3: 0.75rem;
|
|
8
|
+
--spacing-4: 1rem;
|
|
9
|
+
--spacing-5: 1.25rem;
|
|
10
|
+
--spacing-36: 9rem;
|
|
11
|
+
--spacing-48: 12rem;
|
|
12
|
+
--radius-none: 0;
|
|
13
|
+
--radius-base: 0.25rem;
|
|
14
|
+
--radius-medium: 0.375rem;
|
|
15
|
+
--text-xs: 0.75rem;
|
|
16
|
+
--text-sm: 0.875rem;
|
|
17
|
+
--baseBg: #f6f6f9;
|
|
18
|
+
--baseBgActive: #e8e8ec;
|
|
19
|
+
--basePageBg: #ffffff;
|
|
20
|
+
--baseBorder: #dcdce4;
|
|
21
|
+
--baseBorderHover: #b9bbc6;
|
|
22
|
+
--baseBase: #e0e1e6;
|
|
23
|
+
--baseText: #60646c;
|
|
24
|
+
--baseTextContrast: #1c2024;
|
|
25
|
+
--accentText: #4945ff;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* MDXEditor Toolbar Root - critical for horizontal layout */
|
|
29
|
+
[class*="_toolbarRoot"],
|
|
30
|
+
.mdxeditor-toolbar {
|
|
31
|
+
z-index: 2;
|
|
32
|
+
display: flex !important;
|
|
33
|
+
flex-direction: row !important;
|
|
34
|
+
flex-wrap: wrap !important;
|
|
35
|
+
gap: var(--spacing-1);
|
|
36
|
+
border-radius: var(--radius-medium);
|
|
37
|
+
padding: var(--spacing-1_5);
|
|
38
|
+
align-items: center !important;
|
|
39
|
+
overflow-x: auto;
|
|
40
|
+
position: sticky;
|
|
41
|
+
top: 0;
|
|
42
|
+
background-color: var(--baseBg) !important;
|
|
43
|
+
border-bottom: 1px solid var(--baseBorder);
|
|
44
|
+
width: 100%;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
[class*="_toolbarRoot"] div[role='separator'],
|
|
48
|
+
.mdxeditor-toolbar div[role='separator'] {
|
|
49
|
+
margin: var(--spacing-2) var(--spacing-1);
|
|
50
|
+
border-left: 1px solid var(--baseBorder);
|
|
51
|
+
border-right: 1px solid var(--baseBase);
|
|
52
|
+
height: var(--spacing-4);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
[class*="_toolbarRoot"] svg,
|
|
56
|
+
.mdxeditor-toolbar svg {
|
|
57
|
+
color: var(--baseTextContrast);
|
|
58
|
+
display: block;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/* Toolbar button groups */
|
|
62
|
+
[class*="_toolbarGroupOfGroups"] {
|
|
63
|
+
display: flex;
|
|
64
|
+
margin: 0 var(--spacing-1);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
[class*="_toolbarToggleSingleGroup"] {
|
|
68
|
+
display: flex;
|
|
69
|
+
align-items: center;
|
|
70
|
+
white-space: nowrap;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
/* Toolbar buttons and toggle items */
|
|
74
|
+
[class*="_toolbarToggleItem"],
|
|
75
|
+
[class*="_toolbarButton"] {
|
|
76
|
+
border: 0;
|
|
77
|
+
background-color: transparent;
|
|
78
|
+
font-size: inherit;
|
|
79
|
+
appearance: none;
|
|
80
|
+
box-sizing: border-box;
|
|
81
|
+
cursor: default;
|
|
82
|
+
padding: var(--spacing-0_5);
|
|
83
|
+
border-radius: var(--radius-base);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
[class*="_toolbarToggleItem"]:hover,
|
|
87
|
+
[class*="_toolbarButton"]:hover {
|
|
88
|
+
background-color: var(--baseBgActive);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
[class*="_toolbarToggleItem"][data-state='on'],
|
|
92
|
+
[class*="_toolbarButton"][data-state='on'],
|
|
93
|
+
[class*="_toolbarToggleItem"]:active,
|
|
94
|
+
[class*="_toolbarButton"]:active {
|
|
95
|
+
color: var(--baseTextContrast);
|
|
96
|
+
background-color: var(--baseBgActive);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
[class*="_toolbarToggleItem"][data-disabled],
|
|
100
|
+
[class*="_toolbarButton"][data-disabled] {
|
|
101
|
+
pointer-events: none;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
[class*="_toolbarToggleItem"][data-disabled] svg,
|
|
105
|
+
[class*="_toolbarButton"][data-disabled] svg {
|
|
106
|
+
color: var(--baseBorderHover);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/* Block type select dropdown */
|
|
110
|
+
[class*="_toolbarNodeKindSelectTrigger"],
|
|
111
|
+
[class*="_selectTrigger"] {
|
|
112
|
+
border: 0;
|
|
113
|
+
background-color: transparent;
|
|
114
|
+
display: flex;
|
|
115
|
+
color: inherit;
|
|
116
|
+
align-items: center;
|
|
117
|
+
width: var(--spacing-36);
|
|
118
|
+
padding: var(--spacing-0_5) var(--spacing-1);
|
|
119
|
+
padding-inline-start: var(--spacing-2);
|
|
120
|
+
border-radius: var(--radius-medium);
|
|
121
|
+
white-space: nowrap;
|
|
122
|
+
flex-wrap: nowrap;
|
|
123
|
+
font-size: var(--text-sm);
|
|
124
|
+
background-color: var(--basePageBg);
|
|
125
|
+
margin: 0 var(--spacing-1);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
[class*="_toolbarNodeKindSelectTrigger"][data-state='open'],
|
|
129
|
+
[class*="_selectTrigger"][data-state='open'] {
|
|
130
|
+
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
|
|
131
|
+
border-bottom-right-radius: var(--radius-none);
|
|
132
|
+
border-bottom-left-radius: var(--radius-none);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* Dropdown containers */
|
|
136
|
+
[class*="_toolbarNodeKindSelectContainer"],
|
|
137
|
+
[class*="_toolbarButtonDropdownContainer"],
|
|
138
|
+
[class*="_selectContainer"] {
|
|
139
|
+
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
|
|
140
|
+
z-index: 3;
|
|
141
|
+
width: var(--spacing-36);
|
|
142
|
+
border-bottom-left-radius: var(--radius-base);
|
|
143
|
+
border-bottom-right-radius: var(--radius-base);
|
|
144
|
+
background-color: var(--basePageBg);
|
|
145
|
+
font-size: var(--text-sm);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
/* Select items in dropdowns */
|
|
149
|
+
[class*="_toolbarNodeKindSelectItem"],
|
|
150
|
+
[class*="_selectItem"] {
|
|
151
|
+
cursor: default;
|
|
152
|
+
display: flex;
|
|
153
|
+
padding: var(--spacing-2);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
[class*="_toolbarNodeKindSelectItem"][data-highlighted],
|
|
157
|
+
[class*="_selectItem"][data-highlighted] {
|
|
158
|
+
background-color: var(--baseBg);
|
|
159
|
+
outline: none;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
[class*="_toolbarNodeKindSelectItem"][data-state='checked'],
|
|
163
|
+
[class*="_selectItem"][data-state='checked'] {
|
|
164
|
+
color: var(--baseTextContrast);
|
|
165
|
+
background-color: var(--baseBg);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
[class*="_toolbarNodeKindSelectItem"]:last-child,
|
|
169
|
+
[class*="_selectItem"]:last-child {
|
|
170
|
+
border-bottom-left-radius: var(--radius-base);
|
|
171
|
+
border-bottom-right-radius: var(--radius-base);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
/* Dropdown arrow */
|
|
175
|
+
[class*="_toolbarNodeKindSelectDropdownArrow"],
|
|
176
|
+
[class*="_selectDropdownArrow"] {
|
|
177
|
+
margin-left: auto;
|
|
178
|
+
display: flex;
|
|
179
|
+
align-items: center;
|
|
180
|
+
}
|
|
181
|
+
|
|
1
182
|
/* Content editable area styling */
|
|
183
|
+
[class*="_contentEditable"],
|
|
2
184
|
.mdx-editor-content {
|
|
3
|
-
|
|
185
|
+
box-sizing: border-box;
|
|
186
|
+
width: 100%;
|
|
187
|
+
color: var(--baseTextContrast);
|
|
188
|
+
padding: var(--spacing-3);
|
|
4
189
|
min-height: 200px;
|
|
5
190
|
outline: none;
|
|
6
191
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
@@ -9,42 +194,55 @@
|
|
|
9
194
|
line-height: 1.6;
|
|
10
195
|
}
|
|
11
196
|
|
|
197
|
+
[class*="_contentEditable"]:focus,
|
|
198
|
+
.mdx-editor-content:focus {
|
|
199
|
+
outline: none;
|
|
200
|
+
}
|
|
201
|
+
|
|
12
202
|
/* Heading styles */
|
|
13
|
-
.mdx-editor-content h1
|
|
203
|
+
.mdx-editor-content h1,
|
|
204
|
+
[class*="_contentEditable"] h1 {
|
|
14
205
|
font-size: 1.75rem;
|
|
15
206
|
font-weight: 600;
|
|
16
207
|
margin: 0 0 1rem;
|
|
17
208
|
}
|
|
18
209
|
|
|
19
|
-
.mdx-editor-content h2
|
|
210
|
+
.mdx-editor-content h2,
|
|
211
|
+
[class*="_contentEditable"] h2 {
|
|
20
212
|
font-size: 1.5rem;
|
|
21
213
|
font-weight: 600;
|
|
22
214
|
margin: 1rem 0 0.75rem;
|
|
23
215
|
}
|
|
24
216
|
|
|
25
|
-
.mdx-editor-content h3
|
|
217
|
+
.mdx-editor-content h3,
|
|
218
|
+
[class*="_contentEditable"] h3 {
|
|
26
219
|
font-size: 1.25rem;
|
|
27
220
|
font-weight: 600;
|
|
28
221
|
margin: 1rem 0 0.5rem;
|
|
29
222
|
}
|
|
30
223
|
|
|
31
224
|
/* Paragraph and list styles */
|
|
32
|
-
.mdx-editor-content p
|
|
225
|
+
.mdx-editor-content p,
|
|
226
|
+
[class*="_contentEditable"] p {
|
|
33
227
|
margin: 0 0 1rem;
|
|
34
228
|
}
|
|
35
229
|
|
|
36
230
|
.mdx-editor-content ul,
|
|
37
|
-
.mdx-editor-content ol
|
|
231
|
+
.mdx-editor-content ol,
|
|
232
|
+
[class*="_contentEditable"] ul,
|
|
233
|
+
[class*="_contentEditable"] ol {
|
|
38
234
|
margin: 0 0 1rem;
|
|
39
235
|
padding-left: 1.5rem;
|
|
40
236
|
}
|
|
41
237
|
|
|
42
|
-
.mdx-editor-content li
|
|
238
|
+
.mdx-editor-content li,
|
|
239
|
+
[class*="_contentEditable"] li {
|
|
43
240
|
margin: 0.25rem 0;
|
|
44
241
|
}
|
|
45
242
|
|
|
46
243
|
/* Code styles */
|
|
47
|
-
.mdx-editor-content code
|
|
244
|
+
.mdx-editor-content code,
|
|
245
|
+
[class*="_contentEditable"] code {
|
|
48
246
|
background: #f0f0f5;
|
|
49
247
|
padding: 0.2em 0.4em;
|
|
50
248
|
border-radius: 3px;
|
|
@@ -52,7 +250,8 @@
|
|
|
52
250
|
font-size: 0.9em;
|
|
53
251
|
}
|
|
54
252
|
|
|
55
|
-
.mdx-editor-content pre
|
|
253
|
+
.mdx-editor-content pre,
|
|
254
|
+
[class*="_contentEditable"] pre {
|
|
56
255
|
background: #2d2d2d;
|
|
57
256
|
color: #f8f8f2;
|
|
58
257
|
padding: 1rem;
|
|
@@ -61,13 +260,15 @@
|
|
|
61
260
|
margin: 0 0 1rem;
|
|
62
261
|
}
|
|
63
262
|
|
|
64
|
-
.mdx-editor-content pre code
|
|
263
|
+
.mdx-editor-content pre code,
|
|
264
|
+
[class*="_contentEditable"] pre code {
|
|
65
265
|
background: none;
|
|
66
266
|
padding: 0;
|
|
67
267
|
}
|
|
68
268
|
|
|
69
269
|
/* Blockquote styles */
|
|
70
|
-
.mdx-editor-content blockquote
|
|
270
|
+
.mdx-editor-content blockquote,
|
|
271
|
+
[class*="_contentEditable"] blockquote {
|
|
71
272
|
border-left: 3px solid #dcdce4;
|
|
72
273
|
margin: 0 0 1rem;
|
|
73
274
|
padding-left: 1rem;
|
|
@@ -75,21 +276,75 @@
|
|
|
75
276
|
}
|
|
76
277
|
|
|
77
278
|
/* Link styles */
|
|
78
|
-
.mdx-editor-content a
|
|
279
|
+
.mdx-editor-content a,
|
|
280
|
+
[class*="_contentEditable"] a {
|
|
79
281
|
color: #4945ff;
|
|
80
282
|
text-decoration: underline;
|
|
81
283
|
}
|
|
82
284
|
|
|
83
285
|
/* Horizontal rule */
|
|
84
|
-
.mdx-editor-content hr
|
|
286
|
+
.mdx-editor-content hr,
|
|
287
|
+
[class*="_contentEditable"] hr {
|
|
85
288
|
border: none;
|
|
86
289
|
border-top: 1px solid #dcdce4;
|
|
87
290
|
margin: 1.5rem 0;
|
|
88
291
|
}
|
|
89
292
|
|
|
90
|
-
/*
|
|
91
|
-
[class*="
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
293
|
+
/* MDXEditor root wrapper */
|
|
294
|
+
[class*="_editorRoot"] {
|
|
295
|
+
--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
296
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
297
|
+
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
298
|
+
color: var(--baseTextContrast);
|
|
299
|
+
background: var(--basePageBg);
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
/* Link dialog */
|
|
303
|
+
[class*="_linkDialogPopoverContent"] {
|
|
304
|
+
display: flex;
|
|
305
|
+
flex-direction: column;
|
|
306
|
+
gap: var(--spacing-2);
|
|
307
|
+
padding: var(--spacing-3);
|
|
308
|
+
background-color: var(--basePageBg);
|
|
309
|
+
border-radius: var(--radius-medium);
|
|
310
|
+
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
311
|
+
z-index: 10;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
[class*="_linkDialogInputContainer"] {
|
|
315
|
+
display: flex;
|
|
316
|
+
flex-direction: column;
|
|
317
|
+
gap: var(--spacing-1);
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
[class*="_linkDialogInputWrapper"] {
|
|
321
|
+
display: flex;
|
|
322
|
+
gap: var(--spacing-1);
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
[class*="_linkDialogInputWrapper"] input {
|
|
326
|
+
flex: 1;
|
|
327
|
+
padding: var(--spacing-1) var(--spacing-2);
|
|
328
|
+
border: 1px solid var(--baseBorder);
|
|
329
|
+
border-radius: var(--radius-base);
|
|
330
|
+
font-size: var(--text-sm);
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
[class*="_linkDialogInputWrapper"] button {
|
|
334
|
+
padding: var(--spacing-1) var(--spacing-2);
|
|
335
|
+
background-color: var(--accentText);
|
|
336
|
+
color: white;
|
|
337
|
+
border: none;
|
|
338
|
+
border-radius: var(--radius-base);
|
|
339
|
+
cursor: pointer;
|
|
340
|
+
font-size: var(--text-sm);
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
[class*="_linkDialogInputWrapper"] button:hover {
|
|
344
|
+
opacity: 0.9;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
/* Popover positioning */
|
|
348
|
+
[data-radix-popper-content-wrapper] {
|
|
349
|
+
z-index: 100 !important;
|
|
95
350
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "strapi-content-embeddings",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Strapi v5 plugin for vector embeddings with OpenAI and Neon PostgreSQL. Enables semantic search, RAG chat, and MCP (Model Context Protocol) integration.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"strapi",
|