@gui-chat-plugin/canvas 0.3.0 → 0.3.1

package/dist/vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./core.cjs"),e=require("vue"),V=require("vue-drawing-canvas"),T={class:"w-full h-full flex flex-col bg-white"},O={class:"flex-shrink-0 p-4 border-b bg-gray-50"},B={class:"flex items-center justify-between gap-4"},D={class:"flex items-center gap-4"},F={class:"flex items-center gap-2"},$={class:"flex gap-1"},j=["onClick"],I={class:"flex items-center gap-2"},L={class:"flex-1 p-4 overflow-hidden"},x=e.defineComponent({__name:"View",props:{selectedResult:{}},emits:["updateResult"],setup(u,{emit:f}){const l=u,N=f,n=e.ref(null),p=e.ref(""),r=e.ref(5),s=e.ref("#000000"),h=e.ref([]),i=e.ref(800),c=e.ref(600),w=e.ref(0),b=()=>{if(l.selectedResult?.viewState?.drawingState){const t=l.selectedResult.viewState.drawingState;r.value=t.brushSize||5,s.value=t.brushColor||"#000000",i.value=t.canvasWidth||800,c.value=t.canvasHeight||600,t.strokes?h.value=t.strokes:h.value=[]}else h.value=[]};b();const R=async()=>{if(n.value)try{n.value.undo(),setTimeout(v,50)}catch(t){console.warn("Undo operation failed:",t)}},S=async()=>{if(n.value)try{n.value.redo(),setTimeout(v,50)}catch(t){console.warn("Redo operation failed:",t)}},M=()=>{if(n.value)try{n.value.reset(),v()}catch(t){console.warn("Clear operation failed:",t)}},_=()=>{v()},v=async()=>{if(n.value&&l.selectedResult)try{const t=await n.value.save(),a={strokes:n.value.getAllStrokes(),brushSize:r.value,brushColor:s.value,canvasWidth:i.value,canvasHeight:c.value},m={...l.selectedResult,data:{prompt:l.selectedResult.data?.prompt||"",imageData:t},viewState:{drawingState:a}};N("updateResult",m)}catch(t){console.error("Failed to save drawing state:",t)}};e.watch(()=>l.selectedResult,()=>{b()},{immediate:!1}),e.watch([r,s],()=>{v()}),e.watch([i,c],()=>{w.value++});const g=()=>{const t=n.value?.$el?.parentElement;if(t){const o=t.getBoundingClientRect(),a=o.width-64,m=o.height-64,y=Math.max(300,Math.min(600,Math.floor(a))),k=Math.max(200,Math.min(400,Math.floor(m)));(y!==i.value||k!==c.value)&&(i.value=y,c.value=k)}};return e.onMounted(async()=>{await e.nextTick(),g(),window.addEventListener("resize",g)}),e.onUnmounted(()=>{window.removeEventListener("resize",g)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",O,[e.createElementVNode("div",B,[e.createElementVNode("div",D,[e.createElementVNode("div",F,[e.createElementVNode("div",$,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList([2,5,10,20],a=>e.createElementVNode("button",{key:a,onClick:m=>r.value=a,class:e.normalizeClass(["w-8 h-8 rounded border-2 transition-colors",r.value===a?"border-blue-500 bg-blue-100":"border-gray-300 bg-white hover:bg-gray-50"])},[e.createElementVNode("div",{class:e.normalizeClass("bg-gray-800 rounded-full mx-auto"),style:e.normalizeStyle({width:Math.max(2,a*1)+"px",height:Math.max(2,a*1)+"px"})},null,4)],10,j)),64))])]),e.createElementVNode("div",I,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=a=>s.value=a),type:"color",class:"w-12 h-8 rounded border border-gray-300"},null,512),[[e.vModelText,s.value]])])]),e.createElementVNode("div",{class:"flex items-center gap-1"},[e.createElementVNode("button",{onClick:R,class:"w-8 h-8 flex items-center justify-center rounded border-2 border-gray-300 bg-white hover:bg-gray-50",title:"Undo"}," ↩ "),e.createElementVNode("button",{onClick:S,class:"w-8 h-8 flex items-center justify-center rounded border-2 border-gray-300 bg-white hover:bg-gray-50",title:"Redo"}," ↪ "),e.createElementVNode("button",{onClick:M,class:"w-8 h-8 flex items-center justify-center rounded border-2 border-red-300 bg-white hover:bg-red-50",title:"Clear"}," 🗑 ")])])]),e.createElementVNode("div",L,[(e.openBlock(),e.createBlock(e.unref(V),{ref_key:"canvasRef",ref:n,key:`${u.selectedResult?.uuid||"default"}-${w.value}`,image:p.value,"onUpdate:image":o[1]||(o[1]=a=>p.value=a),width:i.value,height:c.value,"stroke-type":"dash","line-cap":"round","line-join":"round","fill-shape":!1,eraser:!1,lineWidth:r.value,color:s.value,"background-color":"#FFFFFF","background-image":void 0,watermark:void 0,"initial-image":h.value,saveAs:"png",styles:{border:"1px solid #ddd",borderRadius:"8px"},lock:!1,onMouseup:_,onTouchend:_},null,8,["image","width","height","lineWidth","color","initial-image"]))])]))}}),P={class:"min-h-24 flex items-center justify-center"},W=["src"],z={key:1,class:"text-gray-400 text-sm"},E=e.defineComponent({__name:"Preview",props:{result:{}},setup(u){return(f,l)=>(e.openBlock(),e.createElementBlock("div",P,[u.result.data?.imageData?(e.openBlock(),e.createElementBlock("img",{key:0,src:u.result.data.imageData,class:"max-w-full h-auto rounded",alt:"Canvas drawing"},null,8,W)):(e.openBlock(),e.createElementBlock("div",z,"No drawing yet"))]))}}),C={...d.pluginCore,viewComponent:x,previewComponent:E},H={plugin:C};exports.SYSTEM_PROMPT=d.SYSTEM_PROMPT;exports.TOOL_DEFINITION=d.TOOL_DEFINITION;exports.TOOL_NAME=d.TOOL_NAME;exports.executeOpenCanvas=d.executeOpenCanvas;exports.pluginCore=d.pluginCore;exports.Preview=E;exports.View=x;exports.default=H;exports.plugin=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./core.cjs"),e=require("vue"),S=require("vue-drawing-canvas"),V={class:"w-full h-full flex flex-col bg-white"},T={class:"flex-shrink-0 p-4 border-b bg-gray-50"},M={class:"flex items-center justify-between gap-4"},O={class:"flex items-center gap-4"},B={class:"flex items-center gap-2"},D={class:"flex gap-1"},F=["onClick"],$={class:"flex items-center gap-2"},j={class:"flex-1 p-4 overflow-hidden"},y=e.defineComponent({__name:"View",props:{selectedResult:{}},emits:["updateResult"],setup(u,{emit:f}){const n=u,E=f,o=e.ref(null),p=e.ref(""),l=e.ref(5),s=e.ref("#000000"),h=e.ref([]),i=e.ref(800),c=e.ref(600),w=e.ref(0),b=()=>{if(n.selectedResult?.viewState?.drawingState){const t=n.selectedResult.viewState.drawingState;l.value=t.brushSize||5,s.value=t.brushColor||"#000000",i.value=t.canvasWidth||800,c.value=t.canvasHeight||600,t.strokes?h.value=t.strokes:h.value=[]}else h.value=[]};b();const C=async()=>{if(o.value)try{o.value.undo(),setTimeout(v,50)}catch(t){console.warn("Undo operation failed:",t)}},N=async()=>{if(o.value)try{o.value.redo(),setTimeout(v,50)}catch(t){console.warn("Redo operation failed:",t)}},R=()=>{if(o.value)try{o.value.reset(),v()}catch(t){console.warn("Clear operation failed:",t)}},_=()=>{v()},v=async()=>{if(o.value&&n.selectedResult)try{const t=await o.value.save(),a={strokes:o.value.getAllStrokes(),brushSize:l.value,brushColor:s.value,canvasWidth:i.value,canvasHeight:c.value},m={...n.selectedResult,data:{prompt:n.selectedResult.data?.prompt||"",imageData:t},viewState:{drawingState:a}};E("updateResult",m)}catch(t){console.error("Failed to save drawing state:",t)}};e.watch(()=>n.selectedResult,()=>{b()},{immediate:!1}),e.watch([l,s],()=>{v()}),e.watch([i,c],()=>{w.value++});const g=()=>{const t=o.value?.$el?.parentElement;if(t){const r=t.getBoundingClientRect(),a=Math.floor(r.width),m=Math.floor(a*9/16);(a!==i.value||m!==c.value)&&(i.value=a,c.value=m)}};return e.onMounted(async()=>{await e.nextTick(),g(),window.addEventListener("resize",g)}),e.onUnmounted(()=>{window.removeEventListener("resize",g)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("div",T,[e.createElementVNode("div",M,[e.createElementVNode("div",O,[e.createElementVNode("div",B,[e.createElementVNode("div",D,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList([2,5,10,20],a=>e.createElementVNode("button",{key:a,onClick:m=>l.value=a,class:e.normalizeClass(["w-8 h-8 rounded border-2 transition-colors",l.value===a?"border-blue-500 bg-blue-100":"border-gray-300 bg-white hover:bg-gray-50"])},[e.createElementVNode("div",{class:e.normalizeClass("bg-gray-800 rounded-full mx-auto"),style:e.normalizeStyle({width:Math.max(2,a*1)+"px",height:Math.max(2,a*1)+"px"})},null,4)],10,F)),64))])]),e.createElementVNode("div",$,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":r[0]||(r[0]=a=>s.value=a),type:"color",class:"w-12 h-8 rounded border border-gray-300"},null,512),[[e.vModelText,s.value]])])]),e.createElementVNode("div",{class:"flex items-center gap-1"},[e.createElementVNode("button",{onClick:C,class:"w-8 h-8 flex items-center justify-center rounded border-2 border-gray-300 bg-white hover:bg-gray-50",title:"Undo"}," ↩ "),e.createElementVNode("button",{onClick:N,class:"w-8 h-8 flex items-center justify-center rounded border-2 border-gray-300 bg-white hover:bg-gray-50",title:"Redo"}," ↪ "),e.createElementVNode("button",{onClick:R,class:"w-8 h-8 flex items-center justify-center rounded border-2 border-red-300 bg-white hover:bg-red-50",title:"Clear"}," 🗑 ")])])]),e.createElementVNode("div",j,[(e.openBlock(),e.createBlock(e.unref(S),{ref_key:"canvasRef",ref:o,key:`${u.selectedResult?.uuid||"default"}-${w.value}`,image:p.value,"onUpdate:image":r[1]||(r[1]=a=>p.value=a),width:i.value,height:c.value,"stroke-type":"dash","line-cap":"round","line-join":"round","fill-shape":!1,eraser:!1,lineWidth:l.value,color:s.value,"background-color":"#FFFFFF","background-image":void 0,watermark:void 0,"initial-image":h.value,saveAs:"png",styles:{border:"1px solid #ddd",borderRadius:"8px"},lock:!1,onMouseup:_,onTouchend:_},null,8,["image","width","height","lineWidth","color","initial-image"]))])]))}}),I={class:"min-h-24 flex items-center justify-center"},L=["src"],P={key:1,class:"text-gray-400 text-sm"},k=e.defineComponent({__name:"Preview",props:{result:{}},setup(u){return(f,n)=>(e.openBlock(),e.createElementBlock("div",I,[u.result.data?.imageData?(e.openBlock(),e.createElementBlock("img",{key:0,src:u.result.data.imageData,class:"max-w-full h-auto rounded",alt:"Canvas drawing"},null,8,L)):(e.openBlock(),e.createElementBlock("div",P,"No drawing yet"))]))}}),x={...d.pluginCore,viewComponent:y,previewComponent:k},W={plugin:x};exports.SYSTEM_PROMPT=d.SYSTEM_PROMPT;exports.TOOL_DEFINITION=d.TOOL_DEFINITION;exports.TOOL_NAME=d.TOOL_NAME;exports.executeOpenCanvas=d.executeOpenCanvas;exports.pluginCore=d.pluginCore;exports.Preview=k;exports.View=y;exports.default=W;exports.plugin=x;

package/dist/vue.js

@@ -1,37 +1,37 @@
-import { pluginCore as $ } from "./core.js";
-import { SYSTEM_PROMPT as ue, TOOL_DEFINITION as ve, TOOL_NAME as he, executeOpenCanvas as ge } from "./core.js";
-import { defineComponent as M, ref as n, watch as p, onMounted as O, nextTick as W, onUnmounted as j, createElementBlock as g, openBlock as u, createElementVNode as t, Fragment as H, renderList as L, normalizeClass as S, normalizeStyle as N, withDirectives as U, vModelText as V, createBlock as z, unref as B } from "vue";
-import I from "vue-drawing-canvas";
-const P = { class: "w-full h-full flex flex-col bg-white" }, A = { class: "flex-shrink-0 p-4 border-b bg-gray-50" }, K = { class: "flex items-center justify-between gap-4" }, Y = { class: "flex items-center gap-4" }, q = { class: "flex items-center gap-2" }, G = { class: "flex gap-1" }, J = ["onClick"], Q = { class: "flex items-center gap-2" }, X = { class: "flex-1 p-4 overflow-hidden" }, Z = /* @__PURE__ */ M({
+import { pluginCore as E } from "./core.js";
+import { SYSTEM_PROMPT as ce, TOOL_DEFINITION as de, TOOL_NAME as ue, executeOpenCanvas as ve } from "./core.js";
+import { defineComponent as R, ref as o, watch as p, onMounted as F, nextTick as $, onUnmounted as O, createElementBlock as m, openBlock as u, createElementVNode as a, Fragment as j, renderList as W, normalizeClass as C, normalizeStyle as L, withDirectives as N, vModelText as U, createBlock as V, unref as z } from "vue";
+import B from "vue-drawing-canvas";
+const H = { class: "w-full h-full flex flex-col bg-white" }, I = { class: "flex-shrink-0 p-4 border-b bg-gray-50" }, P = { class: "flex items-center justify-between gap-4" }, A = { class: "flex items-center gap-4" }, K = { class: "flex items-center gap-2" }, Y = { class: "flex gap-1" }, q = ["onClick"], G = { class: "flex items-center gap-2" }, J = { class: "flex-1 p-4 overflow-hidden" }, Q = /* @__PURE__ */ R({
   __name: "View",
   props: {
     selectedResult: {}
   },
   emits: ["updateResult"],
   setup(v, { emit: b }) {
-    const r = v, T = b, s = n(null), y = n(""), l = n(5), i = n("#000000"), m = n([]), c = n(800), d = n(600), x = n(0), _ = () => {
-      if (r.selectedResult?.viewState?.drawingState) {
-        const e = r.selectedResult.viewState.drawingState;
-        l.value = e.brushSize || 5, i.value = e.brushColor || "#000000", c.value = e.canvasWidth || 800, d.value = e.canvasHeight || 600, e.strokes ? m.value = e.strokes : m.value = [];
+    const n = v, S = b, s = o(null), y = o(""), l = o(5), i = o("#000000"), f = o([]), c = o(800), d = o(600), x = o(0), _ = () => {
+      if (n.selectedResult?.viewState?.drawingState) {
+        const e = n.selectedResult.viewState.drawingState;
+        l.value = e.brushSize || 5, i.value = e.brushColor || "#000000", c.value = e.canvasWidth || 800, d.value = e.canvasHeight || 600, e.strokes ? f.value = e.strokes : f.value = [];
       } else
-        m.value = [];
+        f.value = [];
     };
     _();
-    const D = async () => {
+    const M = async () => {
       if (s.value)
         try {
           s.value.undo(), setTimeout(h, 50);
         } catch (e) {
           console.warn("Undo operation failed:", e);
         }
-    }, E = async () => {
+    }, T = async () => {
       if (s.value)
         try {
           s.value.redo(), setTimeout(h, 50);
         } catch (e) {
           console.warn("Redo operation failed:", e);
         }
-    }, F = () => {
+    }, D = () => {
       if (s.value)
         try {
           s.value.reset(), h();
@@ -41,31 +41,31 @@ const P = { class: "w-full h-full flex flex-col bg-white" }, A = { class: "flex-
     }, k = () => {
       h();
     }, h = async () => {
-      if (s.value && r.selectedResult)
+      if (s.value && n.selectedResult)
         try {
-          const e = await s.value.save(), a = {
+          const e = await s.value.save(), t = {
             strokes: s.value.getAllStrokes(),
             brushSize: l.value,
             brushColor: i.value,
             canvasWidth: c.value,
             canvasHeight: d.value
-          }, f = {
-            ...r.selectedResult,
+          }, g = {
+            ...n.selectedResult,
             data: {
-              prompt: r.selectedResult.data?.prompt || "",
+              prompt: n.selectedResult.data?.prompt || "",
               imageData: e
             },
             viewState: {
-              drawingState: a
+              drawingState: t
             }
           };
-          T("updateResult", f);
+          S("updateResult", g);
         } catch (e) {
           console.error("Failed to save drawing state:", e);
         }
     };
     p(
-      () => r.selectedResult,
+      () => n.selectedResult,
       () => {
         _();
       },
@@ -78,74 +78,74 @@ const P = { class: "w-full h-full flex flex-col bg-white" }, A = { class: "flex-
     const w = () => {
       const e = s.value?.$el?.parentElement;
       if (e) {
-        const o = e.getBoundingClientRect(), a = o.width - 64, f = o.height - 64, C = Math.max(300, Math.min(600, Math.floor(a))), R = Math.max(200, Math.min(400, Math.floor(f)));
-        (C !== c.value || R !== d.value) && (c.value = C, d.value = R);
+        const r = e.getBoundingClientRect(), t = Math.floor(r.width), g = Math.floor(t * 9 / 16);
+        (t !== c.value || g !== d.value) && (c.value = t, d.value = g);
       }
     };
-    return O(async () => {
-      await W(), w(), window.addEventListener("resize", w);
-    }), j(() => {
+    return F(async () => {
+      await $(), w(), window.addEventListener("resize", w);
+    }), O(() => {
       window.removeEventListener("resize", w);
-    }), (e, o) => (u(), g("div", P, [
-      t("div", A, [
-        t("div", K, [
-          t("div", Y, [
-            t("div", q, [
-              t("div", G, [
-                (u(), g(H, null, L([2, 5, 10, 20], (a) => t("button", {
-                  key: a,
-                  onClick: (f) => l.value = a,
-                  class: S([
+    }), (e, r) => (u(), m("div", H, [
+      a("div", I, [
+        a("div", P, [
+          a("div", A, [
+            a("div", K, [
+              a("div", Y, [
+                (u(), m(j, null, W([2, 5, 10, 20], (t) => a("button", {
+                  key: t,
+                  onClick: (g) => l.value = t,
+                  class: C([
                     "w-8 h-8 rounded border-2 transition-colors",
-                    l.value === a ? "border-blue-500 bg-blue-100" : "border-gray-300 bg-white hover:bg-gray-50"
+                    l.value === t ? "border-blue-500 bg-blue-100" : "border-gray-300 bg-white hover:bg-gray-50"
                   ])
                 }, [
-                  t("div", {
-                    class: S("bg-gray-800 rounded-full mx-auto"),
-                    style: N({
-                      width: Math.max(2, a * 1) + "px",
-                      height: Math.max(2, a * 1) + "px"
+                  a("div", {
+                    class: C("bg-gray-800 rounded-full mx-auto"),
+                    style: L({
+                      width: Math.max(2, t * 1) + "px",
+                      height: Math.max(2, t * 1) + "px"
                     })
                   }, null, 4)
-                ], 10, J)), 64))
+                ], 10, q)), 64))
               ])
             ]),
-            t("div", Q, [
-              U(t("input", {
-                "onUpdate:modelValue": o[0] || (o[0] = (a) => i.value = a),
+            a("div", G, [
+              N(a("input", {
+                "onUpdate:modelValue": r[0] || (r[0] = (t) => i.value = t),
                 type: "color",
                 class: "w-12 h-8 rounded border border-gray-300"
               }, null, 512), [
-                [V, i.value]
+                [U, i.value]
               ])
             ])
           ]),
-          t("div", { class: "flex items-center gap-1" }, [
-            t("button", {
-              onClick: D,
+          a("div", { class: "flex items-center gap-1" }, [
+            a("button", {
+              onClick: M,
               class: "w-8 h-8 flex items-center justify-center rounded border-2 border-gray-300 bg-white hover:bg-gray-50",
               title: "Undo"
             }, " ↩ "),
-            t("button", {
-              onClick: E,
+            a("button", {
+              onClick: T,
               class: "w-8 h-8 flex items-center justify-center rounded border-2 border-gray-300 bg-white hover:bg-gray-50",
               title: "Redo"
             }, " ↪ "),
-            t("button", {
-              onClick: F,
+            a("button", {
+              onClick: D,
               class: "w-8 h-8 flex items-center justify-center rounded border-2 border-red-300 bg-white hover:bg-red-50",
               title: "Clear"
             }, " 🗑 ")
           ])
         ])
       ]),
-      t("div", X, [
-        (u(), z(B(I), {
+      a("div", J, [
+        (u(), V(z(B), {
           ref_key: "canvasRef",
           ref: s,
           key: `${v.selectedResult?.uuid || "default"}-${x.value}`,
           image: y.value,
-          "onUpdate:image": o[1] || (o[1] = (a) => y.value = a),
+          "onUpdate:image": r[1] || (r[1] = (t) => y.value = t),
           width: c.value,
           height: d.value,
           "stroke-type": "dash",
@@ -158,7 +158,7 @@ const P = { class: "w-full h-full flex flex-col bg-white" }, A = { class: "flex-
           "background-color": "#FFFFFF",
           "background-image": void 0,
           watermark: void 0,
-          "initial-image": m.value,
+          "initial-image": f.value,
           saveAs: "png",
           styles: {
             border: "1px solid #ddd",
@@ -171,37 +171,37 @@ const P = { class: "w-full h-full flex flex-col bg-white" }, A = { class: "flex-
       ])
     ]));
   }
-}), ee = { class: "min-h-24 flex items-center justify-center" }, te = ["src"], ae = {
+}), X = { class: "min-h-24 flex items-center justify-center" }, Z = ["src"], ee = {
   key: 1,
   class: "text-gray-400 text-sm"
-}, se = /* @__PURE__ */ M({
+}, te = /* @__PURE__ */ R({
   __name: "Preview",
   props: {
     result: {}
   },
   setup(v) {
-    return (b, r) => (u(), g("div", ee, [
-      v.result.data?.imageData ? (u(), g("img", {
+    return (b, n) => (u(), m("div", X, [
+      v.result.data?.imageData ? (u(), m("img", {
         key: 0,
         src: v.result.data.imageData,
         class: "max-w-full h-auto rounded",
         alt: "Canvas drawing"
-      }, null, 8, te)) : (u(), g("div", ae, "No drawing yet"))
+      }, null, 8, Z)) : (u(), m("div", ee, "No drawing yet"))
     ]));
   }
-}), oe = {
-  ...$,
-  viewComponent: Z,
-  previewComponent: se
-}, ie = { plugin: oe };
+}), ae = {
+  ...E,
+  viewComponent: Q,
+  previewComponent: te
+}, re = { plugin: ae };
 export {
-  se as Preview,
-  ue as SYSTEM_PROMPT,
-  ve as TOOL_DEFINITION,
-  he as TOOL_NAME,
-  Z as View,
-  ie as default,
-  ge as executeOpenCanvas,
-  oe as plugin,
-  $ as pluginCore
+  te as Preview,
+  ce as SYSTEM_PROMPT,
+  de as TOOL_DEFINITION,
+  ue as TOOL_NAME,
+  Q as View,
+  re as default,
+  ve as executeOpenCanvas,
+  ae as plugin,
+  E as pluginCore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gui-chat-plugin/canvas",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Drawing canvas plugin for GUIChat",
   "type": "module",
   "main": "./dist/index.cjs",