@jvs-milkdown/crepe 1.2.13 → 1.2.15

package/lib/theme/common/diff-block.css

@@ -0,0 +1,41 @@
+.milkdown .milkdown-diff-block {
+    display: block;
+    position: relative;
+    padding: 16px 0;
+    margin: 20px 0;
+    border-radius: 8px;
+    background: var(--crepe-color-surface-low);
+    overflow: hidden;
+  }
+
+    .milkdown .milkdown-diff-block .cm-editor {
+      outline: none !important;
+      background: transparent;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-a .cm-merge-chunk {
+      background-color: rgba(244, 63, 94, 0.15) !important;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-b .cm-merge-chunk {
+      background-color: rgba(16, 185, 129, 0.15) !important;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-chunk-a {
+      background-color: rgba(244, 63, 94, 0.3) !important;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-chunk-b {
+      background-color: rgba(16, 185, 129, 0.3) !important;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-spacer {
+      background-color: transparent !important;
+      background-image: repeating-linear-gradient(
+        45deg,
+        rgba(150, 150, 150, 0.05),
+        rgba(150, 150, 150, 0.05) 10px,
+        transparent 10px,
+        transparent 20px
+      );
+    }

package/lib/theme/common/inline-diff.css

@@ -0,0 +1,142 @@
+.milkdown .crepe-diff-added,
+  .milkdown .crepe-diff-deleted {
+    position: relative;
+    display: block;
+    border-radius: 0;
+    padding: 2px 4px 2px 12px !important;
+    margin: 0 !important;
+  }
+  .milkdown .crepe-diff-added {
+    background-color: rgba(46, 160, 67, 0.08);
+    border-left: 3px solid #2ea043;
+  }
+  .milkdown .crepe-diff-deleted {
+    background-color: rgba(248, 81, 73, 0.08);
+    border-left: 3px solid #f85149;
+  }
+  .milkdown .crepe-diff-inline-added {
+    background-color: rgba(46, 160, 67, 0.25);
+    border-radius: 2px;
+  }
+  .milkdown .crepe-diff-inline-deleted {
+    background-color: rgba(248, 81, 73, 0.25);
+    border-radius: 2px;
+  }
+
+.crepe-diff-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: #fff;
+  border-left: 1px solid #e8e8e8;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  color: #333;
+}
+
+.crepe-diff-panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  font-size: 14px;
+  font-weight: 600;
+  border-bottom: 1px solid #eee;
+  flex-shrink: 0;
+}
+
+.crepe-diff-panel-close {
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: none;
+  font-size: 16px;
+  color: #999;
+  cursor: pointer;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.crepe-diff-panel-close:hover {
+  background: #f0f0f0;
+  color: #333;
+}
+
+.crepe-diff-panel-tabs {
+  display: flex;
+  border-bottom: 1px solid #eee;
+  padding: 0 8px;
+  flex-shrink: 0;
+}
+
+.crepe-diff-panel-tab {
+  padding: 6px 10px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 12px;
+  color: #666;
+  border-bottom: 2px solid transparent;
+  transition: color 0.2s;
+}
+
+.crepe-diff-panel-tab:hover {
+  color: #333;
+}
+
+.crepe-diff-panel-tab.active {
+  color: #1890ff;
+  border-bottom-color: #1890ff;
+}
+
+.crepe-diff-panel-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+
+.crepe-diff-panel-item {
+  padding: 8px 10px;
+  border-radius: 4px;
+  margin-bottom: 6px;
+  background: #fafafa;
+  border: 1px solid #eee;
+  cursor: pointer;
+  transition:
+    border-color 0.2s,
+    background 0.2s;
+}
+
+.crepe-diff-panel-item:hover {
+  border-color: #1890ff;
+  background: #f0f7ff;
+}
+
+.crepe-diff-panel-item-header {
+  margin-bottom: 4px;
+}
+
+.crepe-diff-panel-item-badge {
+  display: inline-block;
+  padding: 1px 6px;
+  border-radius: 3px;
+  color: #fff;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+.crepe-diff-panel-item-row {
+  margin-top: 3px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: #555;
+  word-break: break-all;
+}
+
+.crepe-diff-panel-item-label {
+  color: #999;
+  font-size: 11px;
+}

package/lib/theme/common/list-item.css

@@ -48,3 +48,116 @@
     .milkdown .milkdown-list-item-block li .label-wrapper .readonly {
           cursor: not-allowed;
         }
+  /* Unordered List Nested Markers */
+  .milkdown ul ul .milkdown-list-item-block li .label-wrapper .label.bullet svg circle {
+    fill: none;
+    stroke: currentColor;
+    stroke-width: 1.5px;
+  }
+  .milkdown ul ul ul .milkdown-list-item-block li .label-wrapper .label.bullet {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .milkdown ul ul ul .milkdown-list-item-block li .label-wrapper .label.bullet svg {
+    display: none;
+  }
+  .milkdown ul ul ul .milkdown-list-item-block li .label-wrapper .label.bullet::before {
+    content: '';
+    display: block;
+    width: 5px;
+    height: 5px;
+    background-color: currentColor;
+  }
+  .milkdown ul ul ul ul .milkdown-list-item-block li .label-wrapper .label.bullet svg {
+    display: block;
+  }
+  .milkdown ul
+    ul
+    ul
+    ul
+    .milkdown-list-item-block
+    li
+    .label-wrapper
+    .label.bullet
+    svg
+    circle {
+    fill: currentColor;
+    stroke: none;
+  }
+  .milkdown ul
+    ul
+    ul
+    ul
+    .milkdown-list-item-block
+    li
+    .label-wrapper
+    .label.bullet::before {
+    content: none;
+  }
+  /* Ordered List Nested Counters */
+  .milkdown ol {
+    counter-reset: crepe-ol-level;
+  }
+  .milkdown ol ol {
+    counter-reset: crepe-ol-level-2;
+  }
+  .milkdown ol ol ol {
+    counter-reset: crepe-ol-level-3;
+  }
+  .milkdown ol ol ol ol {
+    counter-reset: crepe-ol-level-4;
+  }
+  .milkdown ol > .milkdown-list-item-block {
+    counter-increment: crepe-ol-level;
+  }
+  .milkdown ol ol > .milkdown-list-item-block {
+    counter-increment: crepe-ol-level-2;
+  }
+  .milkdown ol ol ol > .milkdown-list-item-block {
+    counter-increment: crepe-ol-level-3;
+  }
+  .milkdown ol ol ol ol > .milkdown-list-item-block {
+    counter-increment: crepe-ol-level-4;
+  }
+  .milkdown ol > .milkdown-list-item-block li .label-wrapper .label.ordered {
+    font-size: 0 !important;
+  }
+  .milkdown ol > .milkdown-list-item-block li .label-wrapper .label.ordered::before {
+    content: counter(crepe-ol-level, decimal) '.';
+    font-size: 13px !important;
+  }
+  .milkdown ol ol > .milkdown-list-item-block li .label-wrapper .label.ordered {
+    font-size: 0 !important;
+  }
+  .milkdown ol ol > .milkdown-list-item-block li .label-wrapper .label.ordered::before {
+    content: counter(crepe-ol-level-2, lower-latin) '.';
+    font-size: 13px !important;
+  }
+  .milkdown ol ol ol > .milkdown-list-item-block li .label-wrapper .label.ordered {
+    font-size: 0 !important;
+  }
+  .milkdown ol
+    ol
+    ol
+    > .milkdown-list-item-block
+    li
+    .label-wrapper
+    .label.ordered::before {
+    content: counter(crepe-ol-level-3, lower-roman) '.';
+    font-size: 13px !important;
+  }
+  .milkdown ol ol ol ol > .milkdown-list-item-block li .label-wrapper .label.ordered {
+    font-size: 0 !important;
+  }
+  .milkdown ol
+    ol
+    ol
+    ol
+    > .milkdown-list-item-block
+    li
+    .label-wrapper
+    .label.ordered::before {
+    content: counter(crepe-ol-level-4, decimal) '.';
+    font-size: 13px !important;
+  }

package/lib/theme/common/style.css

@@ -11,3 +11,5 @@
 @import './table.css';
 @import './latex.css';
 @import './attachment-block.css';
+@import './inline-diff.css';
+@import './diff-block.css';