feat: list checkbox syle

Signed-off-by: Innei <i@innei.in>
RSSNext · Jul 18, 2024 · 8f95b76 · 8f95b76
1 parent 409306b
commit 8f95b76
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 1 deletion.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -8,7 +8,10 @@
 
   "tailwindCSS.experimental.classRegex": [
     ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
-    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
+    // ["tw\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+
+    ["tw`([^`]*)`", "([^`]*)"]
   ],
 
   // If you do not want to autofix some rules on save

diff --git a/src/renderer/dx-helper.ts b/src/renderer/dx-helper.ts
@@ -0,0 +1,6 @@
+globalThis.tw = function tw(strings: TemplateStringsArray, ...values: any[]) {
+  return strings.reduce((acc, str, i) => {
+    const value = values[i] ?? ""
+    return acc + str + value
+  }, "")
+}
diff --git a/src/renderer/index.html b/src/renderer/index.html
@@ -36,6 +36,7 @@
       </div>
     </div>
 
+    <script type="module" src="./dx-helper.ts"></script>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/src/renderer/src/global.d.ts b/src/renderer/src/global.d.ts
@@ -21,6 +21,8 @@ declare global {
   export interface Window {
     SENTRY_RELEASE: typeof SENTRY_RELEASE
   }
+
+  export function tw(strings: TemplateStringsArray, ...values: any[]): string
 }
 
 export {}
diff --git a/src/renderer/src/lib/parse-html.ts b/src/renderer/src/lib/parse-html.ts
@@ -1,3 +1,4 @@
+import { Checkbox } from "@renderer/components/ui/checkbox"
 import { ShikiHighLighter } from "@renderer/components/ui/code-highlighter"
 import { Image } from "@renderer/components/ui/image"
 import { LinkWithTooltip } from "@renderer/components/ui/link"
@@ -90,6 +91,20 @@ export const parseHtml = async (
           }
           return createElement("p", undefined, props.children)
         },
+        hr: ({ node, ...props }) => createElement("hr", {
+          ...props,
+          className: tw`scale-x-50`,
+        }),
+        input: ({ node, ...props }) => {
+          if (props.type === "checkbox") {
+            return createElement(Checkbox, {
+              ...props,
+              disabled: false,
+              className: tw`pointer-events-none mr-2`,
+            })
+          }
+          return createElement("input", props)
+        },
         pre: ({ node, ...props }) => {
           if (!props.children) return null
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,6 +36,7 @@ @@
           </div>
         </div>
+        <script type="module" src="./dx-helper.ts"></script>
         <script type="module" src="/src/main.tsx"></script>
       </body>
     </html>