nizel-kit 0.1.5 → 0.1.7

package/dist/nizel-kit.iife.js

@@ -5036,7 +5036,9 @@ ${body}
 
   // ../plugin-code-copy/dist/index.js
   var codeCopyPlugin = (options = {}) => {
+    const copiedLabel = options.copiedLabel ?? "Copied";
     const label = options.label ?? "Copy";
+    const mode = options.mode ?? "inline";
     return defineNizelPlugin({
       name: "code-copy",
       blocks: {
@@ -5046,7 +5048,7 @@ ${body}
             html(node, ctx) {
               if (node.type !== "customBlock")
                 return "";
-              return renderCodeCopyBlock(node, ctx, label);
+              return renderCodeCopyBlock(node, ctx, { copiedLabel, label, mode });
             }
           }
         }
@@ -5101,13 +5103,19 @@ ${body}
       lang: value.lang
     } : void 0;
   };
-  var renderCodeCopyBlock = (node, ctx, label) => {
+  var renderCodeCopyBlock = (node, ctx, options) => {
     const value = node.value;
     const filename = value?.filename ? `<figcaption>${ctx.escape(value.filename)}</figcaption>` : "";
-    const source = typeof value?.code === "string" ? ` data-nizel-copy-source="${ctx.escape(value.code)}"` : "";
+    const source = typeof value?.code === "string" ? `<textarea class="nizel-code-copy__source" data-nizel-copy-source hidden readonly tabindex="-1" aria-hidden="true" style="display: none">${ctx.escape(value.code)}</textarea>` : "";
     const body = ctx.render(node.children ?? []);
-    return `<figure class="nizel-code-copy" data-nizel-code-copy${source}>${filename}<button type="button" class="nizel-code-copy__button" data-nizel-copy-button>${ctx.escape(label)}</button>${body}</figure>`;
+    const onclick = options.mode === "inline" ? ` onclick="${ctx.escape(createInlineCopyHandler(options.copiedLabel))}"` : "";
+    return `<figure class="nizel-code-copy" data-nizel-code-copy>${filename}${source}<button type="button" class="nizel-code-copy__button" data-nizel-copy-button${onclick}>${ctx.escape(options.label)}</button>${body}</figure>`;
   };
+  var createInlineCopyHandler = (copiedLabel) => {
+    const label = jsString(copiedLabel);
+    return `var b=this,f=b.closest('[data-nizel-code-copy]'),s=f?f.querySelector('[data-nizel-copy-source]'):null,v=s?s.value:'',p=b.textContent,d=function(){b.textContent='${label}';setTimeout(function(){b.textContent=p;},1200)},c=function(){var t=document.createElement('textarea');t.value=v;t.setAttribute('readonly','');t.style.position='fixed';t.style.opacity='0';document.body.appendChild(t);t.select();document.execCommand('copy');document.body.removeChild(t);d()};if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(v).then(d,c)}else{c()}`;
+  };
+  var jsString = (value) => value.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\r/g, "\\r").replace(/\n/g, "\\n").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
 
   // ../plugin-citations/dist/index.js
   var citationsPlugin = (options = {}) => {

package/dist/nizel-kit.js

@@ -5004,7 +5004,9 @@ var autolinkPlugin = (options = {}) => {
 
 // ../plugin-code-copy/dist/index.js
 var codeCopyPlugin = (options = {}) => {
+  const copiedLabel = options.copiedLabel ?? "Copied";
   const label = options.label ?? "Copy";
+  const mode = options.mode ?? "inline";
   return defineNizelPlugin({
     name: "code-copy",
     blocks: {
@@ -5014,7 +5016,7 @@ var codeCopyPlugin = (options = {}) => {
           html(node, ctx) {
             if (node.type !== "customBlock")
               return "";
-            return renderCodeCopyBlock(node, ctx, label);
+            return renderCodeCopyBlock(node, ctx, { copiedLabel, label, mode });
           }
         }
       }
@@ -5069,13 +5071,19 @@ var sourceFromCustomBlock = (node) => {
     lang: value.lang
   } : void 0;
 };
-var renderCodeCopyBlock = (node, ctx, label) => {
+var renderCodeCopyBlock = (node, ctx, options) => {
   const value = node.value;
   const filename = value?.filename ? `<figcaption>${ctx.escape(value.filename)}</figcaption>` : "";
-  const source = typeof value?.code === "string" ? ` data-nizel-copy-source="${ctx.escape(value.code)}"` : "";
+  const source = typeof value?.code === "string" ? `<textarea class="nizel-code-copy__source" data-nizel-copy-source hidden readonly tabindex="-1" aria-hidden="true" style="display: none">${ctx.escape(value.code)}</textarea>` : "";
   const body = ctx.render(node.children ?? []);
-  return `<figure class="nizel-code-copy" data-nizel-code-copy${source}>${filename}<button type="button" class="nizel-code-copy__button" data-nizel-copy-button>${ctx.escape(label)}</button>${body}</figure>`;
+  const onclick = options.mode === "inline" ? ` onclick="${ctx.escape(createInlineCopyHandler(options.copiedLabel))}"` : "";
+  return `<figure class="nizel-code-copy" data-nizel-code-copy>${filename}${source}<button type="button" class="nizel-code-copy__button" data-nizel-copy-button${onclick}>${ctx.escape(options.label)}</button>${body}</figure>`;
 };
+var createInlineCopyHandler = (copiedLabel) => {
+  const label = jsString(copiedLabel);
+  return `var b=this,f=b.closest('[data-nizel-code-copy]'),s=f?f.querySelector('[data-nizel-copy-source]'):null,v=s?s.value:'',p=b.textContent,d=function(){b.textContent='${label}';setTimeout(function(){b.textContent=p;},1200)},c=function(){var t=document.createElement('textarea');t.value=v;t.setAttribute('readonly','');t.style.position='fixed';t.style.opacity='0';document.body.appendChild(t);t.select();document.execCommand('copy');document.body.removeChild(t);d()};if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(v).then(d,c)}else{c()}`;
+};
+var jsString = (value) => value.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\r/g, "\\r").replace(/\n/g, "\\n").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
 
 // ../plugin-citations/dist/index.js
 var citationsPlugin = (options = {}) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nizel-kit",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Browser and native WebView integration kit for Nizel with official plugin registry.",
   "repository": {
     "type": "git",