@ash-qw/dsh-theme-prts 1.3.1 → 1.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ash-qw/dsh-theme-prts",
-  "version": "1.3.1",
+  "version": "1.4.1",
   "private": false,
   "type": "module",
   "description": "Unofficial Arknights P.R.T.S.-inspired UI theme for DeepSeek Harness Web and the official desktop client",
@@ -73,7 +73,8 @@
   },
   "devDependencies": {
     "@playwright/test": "1.55.1",
-    "jsdom": "24.1.3"
+    "jsdom": "24.1.3",
+    "markdown-it": "^14.3.2"
   },
   "dependencies": {
     "sharp": "^0.35.5"

package/src/client/facility-geometry.js

@@ -1,7 +1,7 @@
 export const FACILITY_GEOMETRY = Object.freeze({
   stroke: 1,
   corner: 1,
-  sideDepth: 2,
+  sideDepth: 14 / 17,
   sideOpening: 10,
   sideInner: 6,
   topOpening: 50,
@@ -20,7 +20,7 @@ function point(x, y) {
   return `${number(x)} ${number(y)}`
 }
 
-export function createFacilityPath({ width, height, topNotch = false, sessionNotch = false } = {}) {
+export function createFacilityPath({ width, height, topNotch = false, sessionNotch = false, spine = false } = {}) {
   if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 2 || height <= FACILITY_GEOMETRY.sideOpening + 2) return ''
 
   const halfStroke = FACILITY_GEOMETRY.stroke / 2
@@ -28,6 +28,10 @@ export function createFacilityPath({ width, height, topNotch = false, sessionNot
   const right = width - halfStroke
   const top = halfStroke
   const bottom = height - halfStroke
+  // Keep the original RIIC sidebar width ratio; align notch ends with the card face.
+  const sideDepth = spine ? (width - FACILITY_GEOMETRY.stroke) * 2 / 17 : FACILITY_GEOMETRY.sideDepth
+  const sideOpening = FACILITY_GEOMETRY.sideOpening
+  const sideInner = FACILITY_GEOMETRY.sideInner
   const centerX = width / 2
   const centerY = height / 2
   const points = [point(left + FACILITY_GEOMETRY.corner, top)]
@@ -47,18 +51,18 @@ export function createFacilityPath({ width, height, topNotch = false, sessionNot
   points.push(
     point(right - FACILITY_GEOMETRY.corner, top),
     point(right, top + FACILITY_GEOMETRY.corner),
-    point(right, centerY - FACILITY_GEOMETRY.sideOpening / 2),
-    point(right - FACILITY_GEOMETRY.sideDepth, centerY - FACILITY_GEOMETRY.sideInner / 2),
-    point(right - FACILITY_GEOMETRY.sideDepth, centerY + FACILITY_GEOMETRY.sideInner / 2),
-    point(right, centerY + FACILITY_GEOMETRY.sideOpening / 2),
+    point(right, centerY - sideOpening / 2),
+    point(right - sideDepth, centerY - sideInner / 2),
+    point(right - sideDepth, centerY + sideInner / 2),
+    point(right, centerY + sideOpening / 2),
     point(right, bottom - FACILITY_GEOMETRY.corner),
     point(right - FACILITY_GEOMETRY.corner, bottom),
     point(left + FACILITY_GEOMETRY.corner, bottom),
     point(left, bottom - FACILITY_GEOMETRY.corner),
-    point(left, centerY + FACILITY_GEOMETRY.sideOpening / 2),
-    point(left + FACILITY_GEOMETRY.sideDepth, centerY + FACILITY_GEOMETRY.sideInner / 2),
-    point(left + FACILITY_GEOMETRY.sideDepth, centerY - FACILITY_GEOMETRY.sideInner / 2),
-    point(left, centerY - FACILITY_GEOMETRY.sideOpening / 2),
+    point(left, centerY + sideOpening / 2),
+    point(left + sideDepth, centerY + sideInner / 2),
+    point(left + sideDepth, centerY - sideInner / 2),
+    point(left, centerY - sideOpening / 2),
     point(left, top + FACILITY_GEOMETRY.corner),
   )
 

package/src/client/facility-vector.js

@@ -279,7 +279,7 @@ export function renderFacilityGraphic(owner, { width, height } = {}) {
     renderStates.set(graphic, state)
   }
   const { statusUnderlay, idleIndicator, silhouette, pickup, lifeline } = state
-  const path = createFacilityPath({ width, height, topNotch, sessionNotch })
+  const path = createFacilityPath({ width, height, topNotch, sessionNotch, spine: graphic.getAttribute('data-prts-facility-svg') === 'spine' })
   graphic.setAttribute('viewBox', `0 0 ${Number(width.toFixed(3))} ${Number(height.toFixed(3))}`)
   for (const layer of state.layers) layer.setAttribute('d', path)
   statusUnderlay?.setAttribute('d', createFacilityPath({ width, height }))

package/src/client/index.js

@@ -100,6 +100,8 @@ export function applyPrtsPlugin(ctx, environment) {
     workspaces: contextService(ctx, 'workspaces'),
     getSessionStatus: () => contextService(ctx, 'uiSession')?.sessionStatus,
     getUiWorkspace: () => contextService(ctx, 'uiWorkspace'),
+    getSessions: () => contextService(ctx, 'sessions'),
+    getUiConversation: () => contextService(ctx, 'uiConversation'),
   })
   const floatingGlass = createFloatingGlassAdapter({ document, window })
   const adapter = createRc7Adapter({ document })
@@ -257,7 +259,7 @@ export function applyPrtsPlugin(ctx, environment) {
     toBottom.start()
     conversationControls.start()
     layoutDiagnostics.start()
-    sidebarControls.start()
+    sidebarControls.start(preferences)
     floatingGlass.start()
   }
 

package/src/client/preferences.js

@@ -30,6 +30,15 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   particleTraversalSpeed: PARTICLE_TRAVERSAL_SPEED_DEFAULT,
   particlePattern: 'orthogonal',
   railDefaultHidden: false,
+  sessionPreview: true,
+  previewOngoing: true,
+  previewWarning: true,
+  previewDone: true,
+  previewFollowOngoing: true,
+  previewFollowWarning: false,
+  previewDoubleClick: true,
+  previewReplyLimit: 5,
+
   sessionFlow: true,
   sessionGlow: true,
   sessionFlowPalette: 'triad',
@@ -80,7 +89,7 @@ export const PREFERENCE_GROUPS = Object.freeze({
   particles: Object.freeze(['conversationParticleDensity', 'heroParticleDensity', 'particleTraversalSpeed']),
   material: Object.freeze(['glass']),
   accessibility: Object.freeze(['motion', 'bootAnimation', 'cursor']),
-  navigation: Object.freeze(['railDefaultHidden']),
+  navigation: Object.freeze(['railDefaultHidden', 'sessionPreview', 'previewOngoing', 'previewWarning', 'previewDone', 'previewDoubleClick', 'previewFollowOngoing', 'previewFollowWarning', 'previewReplyLimit']),
   conversation: Object.freeze(['sessionFlow', 'sessionGlow', 'sessionFlowPalette', 'sessionFlowColorBack', 'sessionFlowColorCore', 'sessionFlowColorFront', 'sessionFlowSpeed', 'conversationStyle', 'bakerGroupAvatars', 'conversationEmblem']),
 })
 
@@ -197,6 +206,14 @@ export function normalizePreferences(value) {
     sessionFlowColorCore: sessionFlowColors.core,
     sessionFlowColorFront: sessionFlowColors.front,
     sessionFlowSpeed: sessionFlowSpeedOr(input.sessionFlowSpeed, DEFAULT_PREFERENCES.sessionFlowSpeed),
+    sessionPreview: booleanOr(input.sessionPreview, DEFAULT_PREFERENCES.sessionPreview),
+    previewOngoing: booleanOr(input.previewOngoing, DEFAULT_PREFERENCES.previewOngoing),
+    previewWarning: booleanOr(input.previewWarning, DEFAULT_PREFERENCES.previewWarning),
+    previewDone: booleanOr(input.previewDone, DEFAULT_PREFERENCES.previewDone),
+    previewReplyLimit: [0, 5, 10, '0', '5', '10'].includes(input.previewReplyLimit) ? Number(input.previewReplyLimit) : 5,
+    previewFollowOngoing: booleanOr(input.previewFollowOngoing, booleanOr(input.previewFollowState, true)),
+    previewFollowWarning: booleanOr(input.previewFollowWarning, booleanOr(input.previewFollowState, false)),
+    previewDoubleClick: booleanOr(input.previewDoubleClick, DEFAULT_PREFERENCES.previewDoubleClick),
     conversationEmblem: booleanOr(input.conversationEmblem, DEFAULT_PREFERENCES.conversationEmblem),
     bakerGroupAvatars: booleanOr(input.bakerGroupAvatars, DEFAULT_PREFERENCES.bakerGroupAvatars),
     conversationStyle: enumOr(input.conversationStyle, CONVERSATION_STYLES, DEFAULT_PREFERENCES.conversationStyle),

package/src/client/preview-markdown.js

@@ -0,0 +1,44 @@
+import MarkdownIt from 'markdown-it'
+
+let previewMarkdownParser
+export function renderPreviewMarkdown(text) {
+  if (!previewMarkdownParser) {
+    previewMarkdownParser = new MarkdownIt({html:false,linkify:false,typographer:false})
+    // Previews never fetch remote images or render model-supplied HTML.
+    previewMarkdownParser.renderer.rules.image = (tokens,index) =>
+      previewMarkdownParser.utils.escapeHtml(tokens[index].content || '图片')
+    const link = previewMarkdownParser.renderer.rules.link_open
+    previewMarkdownParser.renderer.rules.link_open = (tokens,index,options,env,self) => {
+      tokens[index].attrSet('target','_blank')
+      tokens[index].attrSet('rel','noopener noreferrer')
+      return link ? link(tokens,index,options,env,self) : self.renderToken(tokens,index,options)
+    }
+  }
+  return previewMarkdownParser.render(text)
+}
+
+// Bounded per retained session; oversized replies are rendered without caching.
+export function createPreviewContentCache(document, render = renderPreviewMarkdown) {
+  const entries = new Map()
+  let size = 0
+  return text => {
+    const hit = entries.get(text)
+    if (hit) { entries.delete(text); entries.set(text, hit); return hit }
+    const html = render(text)
+    const plain = document.createElement('div')
+    plain.innerHTML = html
+    const summary = plain.textContent.replace(/\s+/g, ' ').trim().slice(0, 100)
+    const cost = text.length + html.length + summary.length
+    const value = {html, summary, cost}
+    if (cost <= 262144) {
+      while (entries.size && (entries.size >= 32 || size + cost > 262144)) {
+        const key = entries.keys().next().value
+        size -= entries.get(key).cost
+        entries.delete(key)
+      }
+      entries.set(text, value)
+      size += cost
+    }
+    return value
+  }
+}