Updates

Author: danburzo

index.js

@@ -7829,11 +7829,15 @@
           type,
           data: data.getData(type)
         })),
-        items: data.items ? Array.from(data.items).map((item) => ({
-          kind: item.kind,
-          type: item.type,
-          as_file: file_info(item.getAsFile())
-        })) : null,
+        items: data.items ? await Promise.all(
+          Array.from(data.items).map(async (item) => ({
+            kind: item.kind,
+            type: item.type,
+            as_string_or_file: item.kind === "string" ? await new Promise(
+              (r) => item.getAsString(r)
+            ) : file_info(item.getAsFile())
+          }))
+        ) : null,
         files: data.files ? Array.from(data.files).map(file_info) : null
       };
     }
@@ -7845,7 +7849,7 @@
             const blob = await data.getType(type);
             return {
               type,
-              data: blob.type.match(/^text\//) ? await blob.text() : file_info(blob)
+              data: blob.type.match(/(^text\/)|(image\/svg\+xml$)/) ? await blob.text() : file_info(blob)
             };
           })
         )
@@ -7924,15 +7928,22 @@
         },
         ".items"
       ), /* @__PURE__ */ import_react.default.createElement("span", { className: "anno" }, render_data.items ? `${render_data.items.length} item(s) available` : /* @__PURE__ */ import_react.default.createElement("em", null, "Undefined"))), render_data.items ? /* @__PURE__ */ import_react.default.createElement("table", null, /* @__PURE__ */ import_react.default.createElement("thead", null, /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("th", null, "kind"), /* @__PURE__ */ import_react.default.createElement("th", null, "type"), /* @__PURE__ */ import_react.default.createElement("th", null, /* @__PURE__ */ import_react.default.createElement(
+        "a",
+        {
+          className: "mdn",
+          href: `${MDN_BASE}/DataTransferItem/getAsString`
+        },
+        "getAsString()"
+      ), " ", " / ", /* @__PURE__ */ import_react.default.createElement(
         "a",
         {
           className: "mdn",
           href: `${MDN_BASE}/DataTransferItem/getAsFile`
         },
         "getAsFile()"
       )))), /* @__PURE__ */ import_react.default.createElement("tbody", null, render_data.items.map(
-        (item, idx2) => /* @__PURE__ */ import_react.default.createElement("tr", { key: idx2 }, /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("code", null, item.kind)), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("code", null, item.type)), /* @__PURE__ */ import_react.default.createElement("td", null, render_file(
-          item.as_file
+        (item, idx2) => /* @__PURE__ */ import_react.default.createElement("tr", { key: idx2 }, /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("code", null, item.kind)), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("code", null, item.type)), /* @__PURE__ */ import_react.default.createElement("td", null, item.kind === "string" ? /* @__PURE__ */ import_react.default.createElement("pre", { class: "cb-entry" }, /* @__PURE__ */ import_react.default.createElement("code", null, item.as_string_or_file || /* @__PURE__ */ import_react.default.createElement("em", null, "Empty string"))) : render_file(
+          item.as_string_or_file
         )))
       ))) : null), render_data.files && /* @__PURE__ */ import_react.default.createElement("div", { className: "clipboard-section" }, /* @__PURE__ */ import_react.default.createElement("h3", null, /* @__PURE__ */ import_react.default.createElement(
         "a",

index.jsx

@@ -49,11 +49,18 @@ async function extractData(data) {
 				data: data.getData(type)
 			})),
 			items: data.items
-				? Array.from(data.items).map(item => ({
-						kind: item.kind,
-						type: item.type,
-						as_file: file_info(item.getAsFile())
-				  }))
+				? await Promise.all(
+						Array.from(data.items).map(async item => ({
+							kind: item.kind,
+							type: item.type,
+							as_string_or_file:
+								item.kind === 'string'
+									? await new Promise(r =>
+											item.getAsString(r)
+									  )
+									: file_info(item.getAsFile())
+						}))
+				  )
 				: null,
 			files: data.files ? Array.from(data.files).map(file_info) : null
 		};
@@ -67,7 +74,7 @@ async function extractData(data) {
 					const blob = await data.getType(type);
 					return {
 						type: type,
-						data: blob.type.match(/^text\//)
+						data: blob.type.match(/(^text\/)|(image\/svg\+xml$)/)
 							? await blob.text()
 							: file_info(blob)
 					};
@@ -286,6 +293,13 @@ function ClipboardInspector(props) {
 												<th>kind</th>
 												<th>type</th>
 												<th>
+													<a
+														className="mdn"
+														href={`${MDN_BASE}/DataTransferItem/getAsString`}
+													>
+														getAsString()
+													</a>{' '}
+													{' / '}
 													<a
 														className="mdn"
 														href={`${MDN_BASE}/DataTransferItem/getAsFile`}
@@ -310,8 +324,22 @@ function ClipboardInspector(props) {
 															</code>
 														</td>
 														<td>
-															{render_file(
-																item.as_file
+															{item.kind ===
+															'string' ? (
+																<pre class="cb-entry">
+																	<code>
+																		{item.as_string_or_file || (
+																			<em>
+																				Empty
+																				string
+																			</em>
+																		)}
+																	</code>
+																</pre>
+															) : (
+																render_file(
+																	item.as_string_or_file
+																)
 															)}
 														</td>
 													</tr>