@haklex/rich-ext-embed 0.0.20 → 0.0.21

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.
Files changed (4) hide show
  1. package/dist/index.mjs +1 -1
  2. package/dist/renderers/EmbedStaticRenderer.d.ts.map +1 -1
  3. package/dist/rich-ext-embed.css +1 -313
  4. package/package.json +3 -3
package/dist/index.mjs CHANGED
@@ -104,7 +104,7 @@ const typeLabels$1 = {
104
104
  thinking: "Thinking"
105
105
  };
106
106
  const LazyTweet = lazy(
107
- () => import("react-tweet").then((mod) => ({ default: mod.Tweet }))
107
+ () => import("react-tweet").then((mod) => ({ default: mod.IsolatedTweet }))
108
108
  );
109
109
  class EmbedErrorBoundary extends Component {
110
110
  constructor() {
package/dist/renderers/EmbedStaticRenderer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EmbedStaticRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/EmbedStaticRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AASzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAuDhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,GAAG,EAAE,MAAM,CAAA;CACZ;AAgRD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,wBAAwB,kDA+F1E"}
1
+ {"version":3,"file":"EmbedStaticRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/EmbedStaticRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AASzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAuDhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,GAAG,EAAE,MAAM,CAAA;CACZ;AA8QD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,wBAAwB,kDA+F1E"}
package/dist/rich-ext-embed.css CHANGED
@@ -1,313 +1 @@
1
- ._1qucygc1 {
2
- margin: 8px 0;
3
- }
4
- ._1qucygc2 {
5
- --_1qucygc0: 115, 115, 115;
6
- display: flex;
7
- align-items: center;
8
- gap: 0;
9
- padding: 0 14px;
10
- height: 48px;
11
- border: 1px solid color-mix(in srgb, rgb(var(--_1qucygc0)) 25%, transparent);
12
- border-radius: 12px;
13
- background-color: color-mix(in srgb, rgb(var(--_1qucygc0)) 12%, transparent);
14
- font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
15
- font-size: 14px;
16
- transition: border-color 0.15s ease, background-color 0.15s ease;
17
- }
18
- ._1qucygc2:focus-within {
19
- border-color: color-mix(in srgb, rgb(var(--_1qucygc0)) 50%, transparent);
20
- }
21
- ._1qucygc4 {
22
- --_1qucygc0: 29, 155, 240;
23
- }
24
- ._1qucygc5 {
25
- --_1qucygc0: 255, 0, 0;
26
- }
27
- ._1qucygc6 {
28
- --_1qucygc0: 163, 163, 163;
29
- }
30
- ._1qucygc7 {
31
- --_1qucygc0: 0, 161, 214;
32
- }
33
- ._1qucygc8 {
34
- --_1qucygc0: 110, 84, 148;
35
- }
36
- ._1qucygc9 {
37
- --_1qucygc0: 110, 84, 148;
38
- }
39
- ._1qucygca {
40
- --_1qucygc0: 139, 92, 246;
41
- }
42
- ._1qucygcb {
43
- display: inline-flex;
44
- align-items: center;
45
- gap: 8px;
46
- flex-shrink: 0;
47
- font-weight: 500;
48
- font-size: 14px;
49
- color: var(--rc-text-secondary);
50
- white-space: nowrap;
51
- user-select: none;
52
- padding-right: 14px;
53
- }
54
- ._1qucygcc {
55
- width: 8px;
56
- height: 8px;
57
- border-radius: 50%;
58
- flex-shrink: 0;
59
- background-color: rgb(var(--_1qucygc0));
60
- }
61
- ._1qucygcd {
62
- width: 1px;
63
- height: 20px;
64
- background-color: var(--rc-border);
65
- flex-shrink: 0;
66
- }
67
- ._1qucygce {
68
- flex: 1;
69
- min-width: 0;
70
- height: 100%;
71
- font-size: 14px;
72
- font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
73
- color: var(--rc-text);
74
- background: transparent;
75
- border: none;
76
- padding: 0 14px;
77
- outline: none;
78
- }
79
- ._1qucygce::placeholder {
80
- color: color-mix(in srgb, var(--rc-text-secondary) 60%, transparent);
81
- }
82
- ._1qucygcf {
83
- display: flex;
84
- align-items: center;
85
- gap: 2px;
86
- flex-shrink: 0;
87
- }
88
- ._1qucygcg {
89
- display: inline-flex;
90
- align-items: center;
91
- justify-content: center;
92
- appearance: none;
93
- border: none;
94
- background: none;
95
- color: var(--rc-text-secondary);
96
- cursor: pointer;
97
- padding: 6px;
98
- border-radius: 6px;
99
- transition: color 0.15s ease, background-color 0.15s ease;
100
- }
101
- ._1qucygcg:hover {
102
- color: var(--rc-text);
103
- background-color: color-mix(in srgb, var(--rc-text) 8%, transparent);
104
- }
105
- ._1qucygcg:disabled {
106
- opacity: 0.3;
107
- cursor: default;
108
- }
109
- ._1qucygcg:disabled:hover {
110
- background: none;
111
- color: var(--rc-text-secondary);
112
- }
113
- ._1qucygch:hover {
114
- color: var(--rc-alert-caution);
115
- background-color: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
116
- }
117
- ._1qucygcg svg {
118
- width: 16px;
119
- height: 16px;
120
- }._1xclnej1 {
121
- margin: 8px 0;
122
- display: flex;
123
- justify-content: center;
124
- }
125
- ._1xclnej2 {
126
- position: relative;
127
- height: 0;
128
- width: 100%;
129
- }
130
- ._1xclnej3 {
131
- position: absolute;
132
- inset: 0;
133
- width: 100%;
134
- height: 100%;
135
- border: none;
136
- border-radius: 8px;
137
- }
138
- ._1xclnej4 {
139
- display: flex;
140
- flex-direction: column;
141
- align-items: center;
142
- }
143
- ._1xclnej5 {
144
- width: 100%;
145
- height: 300px;
146
- border: none;
147
- overflow: auto;
148
- }
149
- ._1xclnej6 {
150
- display: inline-flex;
151
- align-items: flex-start;
152
- gap: 8px;
153
- margin-top: 8px;
154
- color: var(--rc-text-secondary);
155
- font-size: 14px;
156
- line-height: 1.4;
157
- text-decoration: none;
158
- word-break: break-all;
159
- }
160
- ._1xclnej6:hover {
161
- color: var(--rc-text);
162
- }
163
- ._1xclnej6 svg {
164
- flex-shrink: 0;
165
- margin-top: 2px;
166
- }
167
- ._1xclnej7 {
168
- display: flex;
169
- flex-direction: column;
170
- align-items: center;
171
- width: 100%;
172
- }
173
- ._1xclnej8 {
174
- width: 100%;
175
- overflow: auto;
176
- }
177
- ._1xclnej9 {
178
- max-height: 50vh;
179
- }
180
- ._1xclnej8 pre {
181
- margin: 0;
182
- padding: 16px;
183
- background: var(--rc-code-bg);
184
- border-radius: 8px;
185
- font-size: 13px;
186
- line-height: 1.5;
187
- font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
188
- color: var(--rc-text);
189
- }
190
- ._1xclneja {
191
- display: block;
192
- }
193
- ._1xclnejb {
194
- display: inline-block;
195
- width: 4ch;
196
- text-align: right;
197
- margin-right: 16px;
198
- color: color-mix(in srgb, var(--rc-text-secondary) 60%, transparent);
199
- user-select: none;
200
- }
201
- ._1xclnejc {
202
- counter-reset: shiki-line var(--start-line, 0);
203
- }
204
- ._1xclnejc pre {
205
- margin: 0;
206
- padding: 16px;
207
- border-radius: 8px;
208
- font-size: 13px;
209
- line-height: 1.5;
210
- font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
211
- overflow-x: auto;
212
- }
213
- ._1xclnejc code {
214
- font-family: inherit;
215
- display: flex;
216
- flex-direction: column;
217
- }
218
- ._1xclnejc .line {
219
- display: flex;
220
- line-height: 1.5;
221
- }
222
- ._1xclnejc .line::before {
223
- content: counter(shiki-line);
224
- counter-increment: shiki-line;
225
- flex-shrink: 0;
226
- width: 4ch;
227
- text-align: right;
228
- margin-right: 16px;
229
- color: color-mix(in srgb, var(--rc-text-secondary) 60%, transparent);
230
- user-select: none;
231
- }
232
- ._1xclnejd {
233
- --_1xclnej0: 115, 115, 115;
234
- display: flex;
235
- align-items: center;
236
- gap: 0;
237
- padding: 0 14px;
238
- height: 48px;
239
- border: 1px solid color-mix(in srgb, rgb(var(--_1xclnej0)) 25%, transparent);
240
- border-radius: 12px;
241
- background-color: color-mix(in srgb, rgb(var(--_1xclnej0)) 8%, transparent);
242
- font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
243
- font-size: 14px;
244
- margin: 8px 0;
245
- }
246
- ._1xclnejf {
247
- --_1xclnej0: 29, 155, 240;
248
- }
249
- ._1xclnejg {
250
- --_1xclnej0: 255, 0, 0;
251
- }
252
- ._1xclnejh {
253
- --_1xclnej0: 163, 163, 163;
254
- }
255
- ._1xclneji {
256
- --_1xclnej0: 0, 161, 214;
257
- }
258
- ._1xclnejj {
259
- --_1xclnej0: 110, 84, 148;
260
- }
261
- ._1xclnejk {
262
- --_1xclnej0: 110, 84, 148;
263
- }
264
- ._1xclnejl {
265
- --_1xclnej0: 139, 92, 246;
266
- }
267
- ._1xclnejm {
268
- display: inline-flex;
269
- align-items: center;
270
- gap: 8px;
271
- flex-shrink: 0;
272
- font-weight: 500;
273
- font-size: 14px;
274
- color: var(--rc-text-secondary);
275
- white-space: nowrap;
276
- user-select: none;
277
- padding-right: 14px;
278
- }
279
- ._1xclnejn {
280
- width: 8px;
281
- height: 8px;
282
- border-radius: 50%;
283
- flex-shrink: 0;
284
- background-color: rgb(var(--_1xclnej0));
285
- }
286
- ._1xclnejo {
287
- flex: 1;
288
- min-width: 0;
289
- font-size: 14px;
290
- font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
291
- color: var(--rc-text-secondary);
292
- text-decoration: none;
293
- overflow: hidden;
294
- text-overflow: ellipsis;
295
- white-space: nowrap;
296
- }
297
- ._1xclnejo:hover {
298
- color: var(--rc-text);
299
- text-decoration: underline;
300
- }
301
- ._1xclnejp {
302
- display: flex;
303
- justify-content: center;
304
- margin: 8px 0;
305
- }
306
- ._1xclnejq {
307
- display: flex;
308
- align-items: center;
309
- justify-content: center;
310
- height: 200px;
311
- color: var(--rc-text-secondary);
312
- font-size: 14px;
313
- }
1
+ ._1qucygc1{margin:8px 0}._1qucygc2{--_1qucygc0: 115, 115, 115;display:flex;align-items:center;gap:0;padding:0 14px;height:48px;border:1px solid color-mix(in srgb,rgb(var(--_1qucygc0)) 25%,transparent);border-radius:12px;background-color:color-mix(in srgb,rgb(var(--_1qucygc0)) 12%,transparent);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--rc-font-size-md);transition:border-color .15s ease,background-color .15s ease}._1qucygc2:focus-within{border-color:color-mix(in srgb,rgb(var(--_1qucygc0)) 50%,transparent)}._1qucygc4{--_1qucygc0: 29, 155, 240}._1qucygc5{--_1qucygc0: 255, 0, 0}._1qucygc6{--_1qucygc0: 163, 163, 163}._1qucygc7{--_1qucygc0: 0, 161, 214}._1qucygc8,._1qucygc9{--_1qucygc0: 110, 84, 148}._1qucygca{--_1qucygc0: 139, 92, 246}._1qucygcb{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-weight:500;font-size:var(--rc-font-size-md);color:var(--rc-text-secondary);white-space:nowrap;user-select:none;padding-right:14px}._1qucygcc{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:rgb(var(--_1qucygc0))}._1qucygcd{width:1px;height:20px;background-color:var(--rc-border);flex-shrink:0}._1qucygce{flex:1;min-width:0;height:100%;font-size:var(--rc-font-size-md);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:var(--rc-text);background:transparent;border:none;padding:0 14px;outline:none}._1qucygce::placeholder{color:color-mix(in srgb,var(--rc-text-secondary) 60%,transparent)}._1qucygcf{display:flex;align-items:center;gap:2px;flex-shrink:0}._1qucygcg{display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background:none;color:var(--rc-text-secondary);cursor:pointer;padding:6px;border-radius:6px;transition:color .15s ease,background-color .15s ease}._1qucygcg:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 8%,transparent)}._1qucygcg:disabled{opacity:.3;cursor:default}._1qucygcg:disabled:hover{background:none;color:var(--rc-text-secondary)}._1qucygch:hover{color:var(--rc-alert-caution);background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent)}._1qucygcg svg{width:16px;height:16px}._1xclnej1{margin:8px 0;display:flex;justify-content:center}._1xclnej2{position:relative;height:0;width:100%}._1xclnej3{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:8px}._1xclnej4{display:flex;flex-direction:column;align-items:center}._1xclnej5{width:100%;height:300px;border:none;overflow:auto}._1xclnej6{display:inline-flex;align-items:flex-start;gap:8px;margin-top:8px;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);line-height:1.4;text-decoration:none;word-break:break-all}._1xclnej6:hover{color:var(--rc-text)}._1xclnej6 svg{flex-shrink:0;margin-top:2px}._1xclnej7{display:flex;flex-direction:column;align-items:center;width:100%}._1xclnej8{width:100%;overflow:auto}._1xclnej9{max-height:50vh}._1xclnej8 pre{margin:0;padding:16px;background:var(--rc-code-bg);border-radius:8px;font-size:var(--rc-font-size-sm);line-height:1.5;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:var(--rc-text)}._1xclneja{display:block}._1xclnejb{display:inline-block;width:4ch;text-align:right;margin-right:16px;color:color-mix(in srgb,var(--rc-text-secondary) 60%,transparent);user-select:none}._1xclnejc{counter-reset:shiki-line var(--start-line, 0)}._1xclnejc pre{margin:0;padding:16px;border-radius:8px;font-size:var(--rc-font-size-sm);line-height:1.5;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;overflow-x:auto}._1xclnejc code{font-family:inherit;display:flex;flex-direction:column}._1xclnejc .line{display:flex;line-height:1.5}._1xclnejc .line:before{content:counter(shiki-line);counter-increment:shiki-line;flex-shrink:0;width:4ch;text-align:right;margin-right:16px;color:color-mix(in srgb,var(--rc-text-secondary) 60%,transparent);user-select:none}._1xclnejd{--_1xclnej0: 115, 115, 115;display:flex;align-items:center;gap:0;padding:0 14px;height:48px;border:1px solid color-mix(in srgb,rgb(var(--_1xclnej0)) 25%,transparent);border-radius:12px;background-color:color-mix(in srgb,rgb(var(--_1xclnej0)) 8%,transparent);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--rc-font-size-md);margin:8px 0}._1xclnejf{--_1xclnej0: 29, 155, 240}._1xclnejg{--_1xclnej0: 255, 0, 0}._1xclnejh{--_1xclnej0: 163, 163, 163}._1xclneji{--_1xclnej0: 0, 161, 214}._1xclnejj,._1xclnejk{--_1xclnej0: 110, 84, 148}._1xclnejl{--_1xclnej0: 139, 92, 246}._1xclnejm{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-weight:500;font-size:var(--rc-font-size-md);color:var(--rc-text-secondary);white-space:nowrap;user-select:none;padding-right:14px}._1xclnejn{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:rgb(var(--_1xclnej0))}._1xclnejo{flex:1;min-width:0;font-size:var(--rc-font-size-md);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:var(--rc-text-secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1xclnejo:hover{color:var(--rc-text);text-decoration:underline}._1xclnejp{display:flex;justify-content:center;margin:8px 0}._1xclnejq{display:flex;align-items:center;justify-content:center;height:200px;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haklex/rich-ext-embed",
3
- "version": "0.0.20",
3
+ "version": "0.0.21",
4
4
  "description": "Embed extension for Twitter, YouTube, etc.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -18,8 +18,8 @@
18
18
  "dependencies": {
19
19
  "lucide-react": "^0.574.0",
20
20
  "react-tweet": "npm:@innei/react-tweet@3.4.2",
21
- "@haklex/rich-editor": "0.0.20",
22
- "@haklex/rich-style-token": "0.0.20"
21
+ "@haklex/rich-editor": "0.0.21",
22
+ "@haklex/rich-style-token": "0.0.21"
23
23
  },
24
24
  "devDependencies": {
25
25
  "@lexical/react": "^0.40.0",