@adminforth/markdown 1.2.6 → 1.2.8

package/build.log

@@ -10,5 +10,5 @@ custom/package-lock.json
 custom/package.json
 custom/tsconfig.json
 
-sent 169,278 bytes  received 115 bytes  338,786.00 bytes/sec
-total size is 168,818  speedup is 1.00
+sent 171,313 bytes  received 115 bytes  342,856.00 bytes/sec
+total size is 170,853  speedup is 1.00

package/custom/MarkdownEditor.vue

@@ -186,9 +186,9 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>
+<style lang="scss">
 #editor [contenteditable="true"] {
-  @apply bg-transparent outline-none border-none shadow-none transition-none min-h-10 p-2 bg-gray-700 dark:placeholder-gray-400;
+  @apply bg-transparent outline-none border-none shadow-none transition-none min-h-10 p-2;
 }
 
 #editor [contenteditable="true"].is-focused {
@@ -224,4 +224,81 @@ onBeforeUnmount(() => {
 }
 
 
+.editor, .milkdown {
+  border-radius: 6px;
+}
+
+.ProseMirror [data-placeholder]::before {
+  color: #6b7280;
+}
+
+.milkdown milkdown-block-handle .operation-item:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.milkdown milkdown-slash-menu .tab-group ul li:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+} 
+
+.milkdown milkdown-toolbar {
+  @apply bg-gray-50 border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.milkdown milkdown-toolbar .toolbar-item:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.milkdown milkdown-latex-inline-edit {
+  @apply bg-gray-200
+}
+
+.milkdown milkdown-latex-inline-edit .container button:hover {
+  @apply bg-gray-300 dark:bg-gray-500; 
+}
+
+.milkdown milkdown-link-edit > .link-edit {
+  @apply bg-gray-50 border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.milkdown milkdown-code-block .cm-editor {
+  @apply bg-gray-50 border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.ͼo .cm-activeLineGutter {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.ͼo .cm-activeLine {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.cm-content {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+}
+
+.milkdown milkdown-code-block .list-wrapper {
+  @apply bg-gray-50  border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.milkdown milkdown-code-block .language-list-item:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.milkdown milkdown-code-block .tools .language-button {
+  @apply bg-gray-50 border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.milkdown milkdown-code-block .tools .language-button:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.milkdown::selection {
+  background-color: #6b7280;
+}
+
+.ͼ4 .cm-line ::selection, .ͼ4 .cm-line::selection {
+  background-color: #6b7280 !important;
+}
+
 </style>

package/dist/custom/MarkdownEditor.vue

@@ -186,9 +186,9 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>
+<style lang="scss">
 #editor [contenteditable="true"] {
-  @apply bg-transparent outline-none border-none shadow-none transition-none min-h-10 p-2 bg-gray-700 dark:placeholder-gray-400;
+  @apply bg-transparent outline-none border-none shadow-none transition-none min-h-10 p-2;
 }
 
 #editor [contenteditable="true"].is-focused {
@@ -224,4 +224,81 @@ onBeforeUnmount(() => {
 }
 
 
+.editor, .milkdown {
+  border-radius: 6px;
+}
+
+.ProseMirror [data-placeholder]::before {
+  color: #6b7280;
+}
+
+.milkdown milkdown-block-handle .operation-item:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.milkdown milkdown-slash-menu .tab-group ul li:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+} 
+
+.milkdown milkdown-toolbar {
+  @apply bg-gray-50 border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.milkdown milkdown-toolbar .toolbar-item:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.milkdown milkdown-latex-inline-edit {
+  @apply bg-gray-200
+}
+
+.milkdown milkdown-latex-inline-edit .container button:hover {
+  @apply bg-gray-300 dark:bg-gray-500; 
+}
+
+.milkdown milkdown-link-edit > .link-edit {
+  @apply bg-gray-50 border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.milkdown milkdown-code-block .cm-editor {
+  @apply bg-gray-50 border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.ͼo .cm-activeLineGutter {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.ͼo .cm-activeLine {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.cm-content {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+}
+
+.milkdown milkdown-code-block .list-wrapper {
+  @apply bg-gray-50  border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.milkdown milkdown-code-block .language-list-item:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.milkdown milkdown-code-block .tools .language-button {
+  @apply bg-gray-50 border border-gray-300 text-gray-900 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
+}
+
+.milkdown milkdown-code-block .tools .language-button:hover {
+  @apply bg-gray-200 dark:bg-gray-600;
+}
+
+.milkdown::selection {
+  background-color: #6b7280;
+}
+
+.ͼ4 .cm-line ::selection, .ͼ4 .cm-line::selection {
+  background-color: #6b7280 !important;
+}
+
 </style>

package/dist/index.js

@@ -125,7 +125,8 @@ export default class MarkdownPlugin extends AdminForthPlugin {
                                         [options.attachments.attachmentRecordIdFieldName]: recordId,
                                         [options.attachments.attachmentResourceIdFieldName]: resourceConfig.resourceId,
                                     },
-                                    adminUser
+                                    adminUser,
+                                    response: {}
                                 });
                                 console.log('Successfully created record for:', s3Path);
                             }
@@ -150,6 +151,7 @@ export default class MarkdownPlugin extends AdminForthPlugin {
                             recordId: a[attachmentPrimaryKeyField.name],
                             adminUser,
                             record: a,
+                            response: {}
                         });
                     })));
                 });

package/index.ts

@@ -67,7 +67,7 @@ export default class MarkdownPlugin extends AdminForthPlugin {
           Please configure adapter in such way that it will store objects publicly (e.g.  for S3 use 'public-read' ACL).  
         `);
       }
-      this.uploadPlugin = plugin;
+      this.uploadPlugin = plugin as AdminForthPlugin;
     }
 
     column.components.show = {
@@ -139,7 +139,8 @@ export default class MarkdownPlugin extends AdminForthPlugin {
                     [options.attachments.attachmentRecordIdFieldName]: recordId,
                     [options.attachments.attachmentResourceIdFieldName]: resourceConfig.resourceId,
                   },
-                  adminUser
+                  adminUser,
+                  response: {} as any
                 }
               );
               console.log('Successfully created record for:', s3Path);
@@ -169,6 +170,7 @@ export default class MarkdownPlugin extends AdminForthPlugin {
               recordId: a[attachmentPrimaryKeyField.name],
               adminUser,
               record: a,
+              response: {} as any
             }
           )
         }))

package/package.json

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