@adminforth/markdown 1.9.1 → 1.10.1

package/build.log

@@ -12,5 +12,5 @@ custom/tsconfig.json
 custom/utils/
 custom/utils/monacoMarkdownToggle.ts
 
-sent 37,202 bytes  received 146 bytes  74,696.00 bytes/sec
-total size is 36,649  speedup is 0.98
+sent 36,821 bytes  received 146 bytes  73,934.00 bytes/sec
+total size is 36,268  speedup is 0.98

package/custom/MarkdownEditor.vue

@@ -447,6 +447,50 @@ async function uploadFileAndGetMarkdownTag(file: File): Promise<string | undefin
     return;
   }
 }
+function getSelectedPlainText(): string {
+  if (!editor || !model) return '';
+
+  const sels = editor.getSelections() || [];
+  if (!sels.length) return '';
+  return sels
+    .map((sel) => model!.getValueInRange(sel))
+    .join('\n');
+}
+
+const onEditorCopy = (e: ClipboardEvent) => {
+  if (!editor || !model) return;
+  if (!e.clipboardData) return;
+
+  if (!(editor.hasTextFocus?.() || isFocused.value)) return;
+
+  const text = getSelectedPlainText();
+  if (!text) return;
+
+  e.clipboardData.setData('text/plain', text);
+  e.clipboardData.setData('text/html', '');
+  e.preventDefault();
+  e.stopPropagation();
+};
+
+const onEditorCut = (e: ClipboardEvent) => {
+  if (!editor || !model) return;
+  if (!e.clipboardData) return;
+  if (!(editor.hasTextFocus?.() || isFocused.value)) return;
+
+  const text = getSelectedPlainText();
+  if (!text) return;
+
+  e.clipboardData.setData('text/plain', text);
+  e.clipboardData.setData('text/html', '');
+  e.preventDefault();
+  e.stopPropagation();
+
+  const sels = editor.getSelections() || [];
+  editor.executeEdits(
+    'cut',
+    sels.map((range) => ({ range, text: '' })),
+  );
+};
 
 onMounted(async () => {
   if (!editorContainer.value) return;
@@ -577,7 +621,8 @@ onMounted(async () => {
           insertAtCursor(`${markdownTags.join('\n\n')}\n`);
         }
       };
-
+      domNode.addEventListener('copy', onEditorCopy, true);
+      domNode.addEventListener('cut', onEditorCut, true);
       domNode.addEventListener('dragover', onDragOver, true);
       domNode.addEventListener('drop', onDrop, true);
       removeDragOverListener = () => domNode.removeEventListener('dragover', onDragOver, true);
@@ -710,7 +755,7 @@ async function uploadFileToS3(file: File): Promise<string | undefined> {
     return;
   }
 
-  const originalFilename = file.name.split('.').slice(0, -1).join('.');
+  const originalFilename = file.name.split('.').slice(0, -1).join('.') + `_${Date.now()}`;
   const originalExtension = file.name.split('.').pop();
 
   const { uploadUrl, tagline, previewUrl, error } = await callAdminForthApi({

package/custom/MarkdownRenderer.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-html="purifiedHtml" class="mdwn"></div>
+    <div v-html="purifiedHtml" class="prose"></div>
   </template>
   
   <script setup lang="ts">
@@ -20,91 +20,4 @@
     return DOMPurify.sanitize(html);
   });
   </script>
-  
-  <style lang="scss">
-
-    .mdwn h1 {
-      @apply text-2xl font-bold mt-2 mb-2;
-    }
-
-    .mdwn h2 {
-      @apply text-xl font-bold mt-2 mb-2;
-    }
-
-    .mdwn h3 {
-      @apply text-lg font-bold mt-2 mb-2;
-    }
-
-    .mdwn h4 {
-      @apply text-base font-bold mt-2 mb-2;
-    }
-
-    .mdwn h5 {
-      @apply text-sm font-bold mt-2 mb-2;
-    }
-
-    .mdwn h6 {
-      @apply text-xs font-bold mt-2 mb-2;
-    }
-
-    .mdwn p {
-      @apply mb-2 leading-relaxed;
-    }
-
-    .mdwn ul {
-      @apply list-disc pl-5 mb-2;
-    }
-
-    .mdwn ol {
-      @apply list-decimal pl-5 mb-2;
-    }
-
-    .mdwn li {
-      @apply mb-1;
-    }
-
-    .mdwn blockquote {
-      @apply border-l-4 border-gray-300 dark:border-gray-600 pl-4 italic text-gray-600 dark:text-gray-400 mb-2;
-    }
-
-    .mdwn code {
-      @apply bg-gray-100 dark:bg-gray-800 text-red-600 dark:text-red-400 font-mono px-1 py-0.5 rounded;
-    }
-
-    .mdwn pre {
-      @apply bg-gray-100 dark:bg-gray-900 text-sm font-mono p-4 rounded overflow-x-auto mb-2;
-    }
-    .mdwn pre code {
-      @apply bg-transparent p-0 text-inherit;
-    }
-
-    .mdwn table {
-      @apply w-full border-collapse text-left text-sm mb-2;
-    }
-
-    .mdwn thead {
-      @apply bg-gray-100 dark:bg-gray-700;
-    }
-
-    .mdwn th,
-    .mdwn td {
-      @apply border border-gray-300 dark:border-gray-700 px-4 py-2;
-    }
-
-    .mdwn th {
-      @apply font-semibold;
-    }
-
-    .mdwn hr {
-      @apply border-t border-gray-300 dark:border-gray-700 my-6;
-    }
-
-    .mdwn img {
-      @apply max-w-full h-auto rounded;
-    }
-
-    .mdwn a {
-      @apply text-blue-600 hover:underline dark:text-blue-400;
-    }
-
-  </style>
+  

package/dist/custom/MarkdownEditor.vue

@@ -447,6 +447,50 @@ async function uploadFileAndGetMarkdownTag(file: File): Promise<string | undefin
     return;
   }
 }
+function getSelectedPlainText(): string {
+  if (!editor || !model) return '';
+
+  const sels = editor.getSelections() || [];
+  if (!sels.length) return '';
+  return sels
+    .map((sel) => model!.getValueInRange(sel))
+    .join('\n');
+}
+
+const onEditorCopy = (e: ClipboardEvent) => {
+  if (!editor || !model) return;
+  if (!e.clipboardData) return;
+
+  if (!(editor.hasTextFocus?.() || isFocused.value)) return;
+
+  const text = getSelectedPlainText();
+  if (!text) return;
+
+  e.clipboardData.setData('text/plain', text);
+  e.clipboardData.setData('text/html', '');
+  e.preventDefault();
+  e.stopPropagation();
+};
+
+const onEditorCut = (e: ClipboardEvent) => {
+  if (!editor || !model) return;
+  if (!e.clipboardData) return;
+  if (!(editor.hasTextFocus?.() || isFocused.value)) return;
+
+  const text = getSelectedPlainText();
+  if (!text) return;
+
+  e.clipboardData.setData('text/plain', text);
+  e.clipboardData.setData('text/html', '');
+  e.preventDefault();
+  e.stopPropagation();
+
+  const sels = editor.getSelections() || [];
+  editor.executeEdits(
+    'cut',
+    sels.map((range) => ({ range, text: '' })),
+  );
+};
 
 onMounted(async () => {
   if (!editorContainer.value) return;
@@ -577,7 +621,8 @@ onMounted(async () => {
           insertAtCursor(`${markdownTags.join('\n\n')}\n`);
         }
       };
-
+      domNode.addEventListener('copy', onEditorCopy, true);
+      domNode.addEventListener('cut', onEditorCut, true);
       domNode.addEventListener('dragover', onDragOver, true);
       domNode.addEventListener('drop', onDrop, true);
       removeDragOverListener = () => domNode.removeEventListener('dragover', onDragOver, true);
@@ -710,7 +755,7 @@ async function uploadFileToS3(file: File): Promise<string | undefined> {
     return;
   }
 
-  const originalFilename = file.name.split('.').slice(0, -1).join('.');
+  const originalFilename = file.name.split('.').slice(0, -1).join('.') + `_${Date.now()}`;
   const originalExtension = file.name.split('.').pop();
 
   const { uploadUrl, tagline, previewUrl, error } = await callAdminForthApi({

package/dist/custom/MarkdownRenderer.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-html="purifiedHtml" class="mdwn"></div>
+    <div v-html="purifiedHtml" class="prose"></div>
   </template>
   
   <script setup lang="ts">
@@ -20,91 +20,4 @@
     return DOMPurify.sanitize(html);
   });
   </script>
-  
-  <style lang="scss">
-
-    .mdwn h1 {
-      @apply text-2xl font-bold mt-2 mb-2;
-    }
-
-    .mdwn h2 {
-      @apply text-xl font-bold mt-2 mb-2;
-    }
-
-    .mdwn h3 {
-      @apply text-lg font-bold mt-2 mb-2;
-    }
-
-    .mdwn h4 {
-      @apply text-base font-bold mt-2 mb-2;
-    }
-
-    .mdwn h5 {
-      @apply text-sm font-bold mt-2 mb-2;
-    }
-
-    .mdwn h6 {
-      @apply text-xs font-bold mt-2 mb-2;
-    }
-
-    .mdwn p {
-      @apply mb-2 leading-relaxed;
-    }
-
-    .mdwn ul {
-      @apply list-disc pl-5 mb-2;
-    }
-
-    .mdwn ol {
-      @apply list-decimal pl-5 mb-2;
-    }
-
-    .mdwn li {
-      @apply mb-1;
-    }
-
-    .mdwn blockquote {
-      @apply border-l-4 border-gray-300 dark:border-gray-600 pl-4 italic text-gray-600 dark:text-gray-400 mb-2;
-    }
-
-    .mdwn code {
-      @apply bg-gray-100 dark:bg-gray-800 text-red-600 dark:text-red-400 font-mono px-1 py-0.5 rounded;
-    }
-
-    .mdwn pre {
-      @apply bg-gray-100 dark:bg-gray-900 text-sm font-mono p-4 rounded overflow-x-auto mb-2;
-    }
-    .mdwn pre code {
-      @apply bg-transparent p-0 text-inherit;
-    }
-
-    .mdwn table {
-      @apply w-full border-collapse text-left text-sm mb-2;
-    }
-
-    .mdwn thead {
-      @apply bg-gray-100 dark:bg-gray-700;
-    }
-
-    .mdwn th,
-    .mdwn td {
-      @apply border border-gray-300 dark:border-gray-700 px-4 py-2;
-    }
-
-    .mdwn th {
-      @apply font-semibold;
-    }
-
-    .mdwn hr {
-      @apply border-t border-gray-300 dark:border-gray-700 my-6;
-    }
-
-    .mdwn img {
-      @apply max-w-full h-auto rounded;
-    }
-
-    .mdwn a {
-      @apply text-blue-600 hover:underline dark:text-blue-400;
-    }
-
-  </style>
+  

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/markdown",
-  "version": "1.9.1",
+  "version": "1.10.1",
   "description": "Markdown plugin for adminforth",
   "type": "module",
   "main": "dist/index.js",