vitepress-plugin-filelist 0.6.2 → 0.7.1

package/dist/client/style.css

@@ -868,6 +868,94 @@
   border-color: transparent;
 }
 
+/* ---------------- filter and deep search ---------------- */
+
+.fl-hit {
+  padding: 0 1px;
+  color: inherit;
+  background: var(--fl-hit-bg, rgb(250 204 21 / 32%));
+  border-radius: 3px;
+}
+
+.fl-search-clear {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  color: var(--vp-c-text-2);
+  cursor: pointer;
+  background: var(--vp-c-default-soft);
+  border: 0;
+  border-radius: 50%;
+}
+
+.fl-search-clear:hover {
+  color: var(--vp-c-text-1);
+}
+
+/* the status line closing a filtered list: centred, wraps, never overflows */
+.fl-deep {
+  position: relative;
+  padding: 10px 16px;
+  text-align: center;
+  background: var(--vp-c-bg-soft);
+  border-bottom: 1px solid var(--vp-c-divider);
+}
+
+.fl-deep-text {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--vp-c-text-2);
+}
+
+.fl-deep-link {
+  padding: 0;
+  font: inherit;
+  font-weight: 600;
+  color: var(--vp-c-brand-1);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  cursor: pointer;
+  background: none;
+  border: 0;
+}
+
+.fl-deep-link:hover {
+  color: var(--vp-c-brand-2);
+}
+
+.fl-locked-note {
+  font-size: 12px;
+  color: var(--fl-lock-fg);
+  white-space: nowrap;
+}
+
+.fl-locked-hint {
+  margin-left: 8px;
+}
+
+.fl-deep-bar {
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  width: 30%;
+  height: 2px;
+  background: var(--vp-c-brand-1);
+  animation: fl-progress 1.2s ease-in-out infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fl-deep-bar {
+    width: 100%;
+    animation: none;
+    opacity: 0.6;
+  }
+}
+
 /* ---------------- confirm dialog ---------------- */
 
 .fl-confirm {
@@ -931,7 +1019,31 @@
     flex: 1 1 auto;
     width: auto;
     height: 40px;
-    padding: 0 12px;
+    padding: 0 4px 0 12px;
+  }
+
+  .fl-search-clear {
+    width: 36px;
+    height: 36px;
+    background: transparent;
+  }
+
+  .fl-deep {
+    padding: 12px 16px;
+  }
+
+  .fl-deep-text {
+    font-size: 14px;
+  }
+
+  /* a taller tap target without changing the line */
+  .fl-deep-link {
+    padding: 10px 2px;
+    margin: -10px 0;
+  }
+
+  .fl-locked-hint {
+    display: none;
   }
 
   /* 16px keeps iOS Safari from zooming in on focus */
@@ -1316,6 +1428,62 @@
   background: var(--vp-c-default-soft);
 }
 
+/* Markdown / HTML: source or rendered */
+.fl-preview-view {
+  display: inline-flex;
+  padding: 2px;
+  margin-left: 6px;
+  background: var(--vp-c-default-soft);
+  border-radius: 8px;
+}
+
+.fl-preview-view-btn {
+  height: 28px;
+  padding: 0 10px;
+  font-size: 12px;
+  color: var(--vp-c-text-2);
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  border-radius: 6px;
+}
+
+.fl-preview-view-btn[aria-pressed='true'] {
+  font-weight: 600;
+  color: var(--vp-c-text-1);
+  background: var(--vp-c-bg);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 12%);
+}
+
+.fl-preview-rendered {
+  display: flex;
+  flex-direction: column;
+}
+
+.fl-preview .fl-md {
+  box-sizing: border-box;
+  max-width: 860px;
+  padding: 16px 24px 32px;
+  margin: 0 auto;
+}
+
+.fl-md-image {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 12px;
+  color: var(--vp-c-text-2);
+  border: 1px dashed var(--vp-c-divider);
+  border-radius: 6px;
+}
+
+.fl-preview-html {
+  flex: 1 1 auto;
+  width: 100%;
+  min-height: 0;
+  background: #fff;
+  border: 0;
+}
+
 .fl-preview-count {
   min-width: 44px;
   font-size: 12px;
@@ -1487,6 +1655,12 @@
     min-width: 36px;
   }
 
+  .fl-preview-view-btn {
+    height: 36px;
+    padding: 0 14px;
+    font-size: 14px;
+  }
+
   .fl-preview .fl-preview-head .fl-type {
     display: none;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitepress-plugin-filelist",
-  "version": "0.6.2",
+  "version": "0.7.1",
   "packageManager": "pnpm@11.25.0",
   "type": "module",
   "description": "OpenList file browser for VitePress: tree view, batch ZIP download, i18n, password and token support.",
@@ -42,7 +42,9 @@
     "typecheck": "vue-tsc --noEmit",
     "test": "vitest run",
     "test:watch": "vitest",
-    "pack:check": "npm pack --dry-run"
+    "pack:check": "npm pack --dry-run",
+    "test:e2e": "playwright test",
+    "e2e:site": "pnpm run build && pnpm --dir demo install --force && pnpm --dir demo run build:e2e"
   },
   "peerDependencies": {
     "vitepress": "^1.0.0 || ^2.0.0-alpha.0",
@@ -50,9 +52,13 @@
   },
   "dependencies": {
     "client-zip": "^2.5.1",
+    "dompurify": "^3.4.17",
+    "markdown-it": "^14.3.3",
     "vitepress-tuck": "^0.12.2"
   },
   "devDependencies": {
+    "@playwright/test": "1.63.0",
+    "@types/markdown-it": "^14.2.0",
     "@types/node": "^22.10.0",
     "@vue/test-utils": "^2.5.1",
     "happy-dom": "^21.0.4",