chore: deno fmt

Author: ClaudiuCeia

docs/src/App.tsx

@@ -1,16 +1,24 @@
-import { useState, useCallback, useRef, useEffect, type ReactNode } from "react";
 import {
-  Duckling,
-  type RenderMapFn,
-} from "@claudiu-ceia/ts-duckling";
+  type ReactNode,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
+import { Duckling, type RenderMapFn } from "@claudiu-ceia/ts-duckling";
 import { Header } from "./components/Header";
 import { ParserSidebar } from "./components/ParserSidebar";
 import { AnnotatedText } from "./components/AnnotatedText";
 import { Hovercard } from "./components/Hovercard";
 import { extract, type ExtractResult } from "./extract-client";
 import type { EntityResult } from "./types";
-import { PARSER_PRIORITY, PRESETS, ALL_IDS } from "./registry";
-import { fmtDuration, loadSelection, saveSelection, kindClasses } from "./utils";
+import { ALL_IDS, PARSER_PRIORITY, PRESETS } from "./registry";
+import {
+  fmtDuration,
+  kindClasses,
+  loadSelection,
+  saveSelection,
+} from "./utils";
 import { loadUrlText } from "./fetch-url";
 import { registry } from "./parsers";
 
@@ -29,8 +37,12 @@ export function App() {
   const [url, setUrl] = useState("");
   const [loading, setLoading] = useState(false);
 
-  const [hovercardEntities, setHovercardEntities] = useState<EntityResult[]>([]);
-  const [hovercardAnchor, setHovercardAnchor] = useState<HTMLElement | null>(null);
+  const [hovercardEntities, setHovercardEntities] = useState<EntityResult[]>(
+    [],
+  );
+  const [hovercardAnchor, setHovercardAnchor] = useState<HTMLElement | null>(
+    null,
+  );
 
   const abortRef = useRef<AbortController | null>(null);
   const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);
@@ -69,7 +81,11 @@ export function App() {
         return (
           <span
             key={`${entity.start}-${entity.end}-${entity.kind}`}
-            className={`ent relative cursor-pointer rounded-md px-1 py-0.5 text-slate-900 outline-1 ${kindClasses(entity.kind)}${hasChildren ? " border-b-2 border-dashed border-slate-400/40" : ""}`}
+            className={`ent relative cursor-pointer rounded-md px-1 py-0.5 text-slate-900 outline-1 ${
+              kindClasses(entity.kind)
+            }${
+              hasChildren ? " border-b-2 border-dashed border-slate-400/40" : ""
+            }`}
             onClick={(ev: React.MouseEvent<HTMLSpanElement>) => {
               ev.stopPropagation();
               // Show all entities contained within this span
@@ -149,9 +165,7 @@ export function App() {
       if (controller.signal.aborted) return;
 
       setSegments(segs);
-      const suffix = result.truncated
-        ? ` (prefix ${result.length} chars)`
-        : "";
+      const suffix = result.truncated ? ` (prefix ${result.length} chars)` : "";
       setTiming(`${fmtDuration(result.ms)}${suffix}`);
       setStatus("");
     } catch (err) {
@@ -263,19 +277,28 @@ export function App() {
 
       <main className="mx-auto max-w-7xl px-6 py-6">
         <div className="grid grid-cols-1 gap-4 lg:grid-cols-[360px_1fr]">
-          <ParserSidebar selected={selected} onSelectionChange={onSelectionChange} />
+          <ParserSidebar
+            selected={selected}
+            onSelectionChange={onSelectionChange}
+          />
 
           <div className="space-y-4">
             {/* Input section */}
             <section className="rounded-2xl border border-slate-200 bg-white shadow-sm">
               <div className="flex items-center justify-between border-b border-slate-200 px-4 py-3">
-                <h2 className="text-sm font-semibold tracking-wide text-slate-900">Input</h2>
-                <div className="text-sm text-slate-500">{input.length} chars</div>
+                <h2 className="text-sm font-semibold tracking-wide text-slate-900">
+                  Input
+                </h2>
+                <div className="text-sm text-slate-500">
+                  {input.length} chars
+                </div>
               </div>
               <div className="p-4">
                 <div className="grid grid-cols-1 gap-3 md:grid-cols-[160px_1fr]">
                   <label className="text-sm text-slate-600">
-                    <div className="mb-1 font-medium text-slate-700">Preset</div>
+                    <div className="mb-1 font-medium text-slate-700">
+                      Preset
+                    </div>
                     <select
                       value={preset}
                       onChange={(e) => handlePreset(e.target.value)}
@@ -289,14 +312,17 @@ export function App() {
                   </label>
 
                   <div>
-                    <div className="mb-1 text-sm font-medium text-slate-700">Max chars</div>
+                    <div className="mb-1 text-sm font-medium text-slate-700">
+                      Max chars
+                    </div>
                     <div className="flex items-center gap-2">
                       <input
                         type="number"
                         min={500}
                         step={500}
                         value={maxChars}
-                        onChange={(e) => setMaxChars(Number(e.target.value) || 8000)}
+                        onChange={(e) =>
+                          setMaxChars(Number(e.target.value) || 8000)}
                         className="w-32 rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm font-semibold text-slate-900 shadow-sm focus:border-teal-300 focus:outline-none focus:ring-4 focus:ring-teal-200/40"
                       />
                       <label className="flex items-center gap-2 text-sm font-medium text-slate-700">
@@ -319,7 +345,9 @@ export function App() {
                       type="text"
                       value={url}
                       onChange={(e) => setUrl(e.target.value)}
-                      onKeyDown={(e) => { if (e.key === "Enter") handleLoadUrl(); }}
+                      onKeyDown={(e) => {
+                        if (e.key === "Enter") handleLoadUrl();
+                      }}
                       placeholder="https://en.wikipedia.org/wiki/Perceptual_hashing"
                       className="w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-900 shadow-sm placeholder:text-slate-400 focus:border-teal-300 focus:outline-none focus:ring-4 focus:ring-teal-200/40"
                     />
@@ -336,7 +364,10 @@ export function App() {
 
                 <textarea
                   value={input}
-                  onChange={(e) => { setInput(e.target.value); setPreset(""); }}
+                  onChange={(e) => {
+                    setInput(e.target.value);
+                    setPreset("");
+                  }}
                   disabled={spinning}
                   spellCheck={false}
                   className="mt-4 h-56 w-full resize-y rounded-2xl border border-slate-200 bg-white p-4 font-mono text-sm leading-relaxed text-slate-900 shadow-sm focus:border-teal-300 focus:outline-none focus:ring-4 focus:ring-teal-200/40 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed"
@@ -348,13 +379,17 @@ export function App() {
             {/* Preview section */}
             <section className="rounded-2xl border border-slate-200 bg-white shadow-sm">
               <div className="flex items-center justify-between border-b border-slate-200 px-4 py-3">
-                <h2 className="text-sm font-semibold tracking-wide text-slate-900">Preview</h2>
+                <h2 className="text-sm font-semibold tracking-wide text-slate-900">
+                  Preview
+                </h2>
                 <div className="flex items-center gap-3 text-sm text-slate-500">
                   <span>{entities.length} matches</span>
                   {elapsed && (
                     <>
                       <span className="text-slate-300">•</span>
-                      <span className="font-mono text-teal-600 tabular-nums">{elapsed}</span>
+                      <span className="font-mono text-teal-600 tabular-nums">
+                        {elapsed}
+                      </span>
                     </>
                   )}
                   {timing && !elapsed && (
@@ -379,7 +414,9 @@ export function App() {
                   Annotated text
                 </div>
                 <div className="mt-2">
-                  <AnnotatedText segments={segments.length > 0 ? segments : [input]} />
+                  <AnnotatedText
+                    segments={segments.length > 0 ? segments : [input]}
+                  />
                 </div>
 
                 {showJson && (
@@ -401,7 +438,10 @@ export function App() {
       <Hovercard
         entities={hovercardEntities}
         anchor={hovercardAnchor}
-        onClose={() => { setHovercardEntities([]); setHovercardAnchor(null); }}
+        onClose={() => {
+          setHovercardEntities([]);
+          setHovercardAnchor(null);
+        }}
       />
     </>
   );

docs/src/components/Header.tsx

@@ -24,7 +24,12 @@ export function Header({ children }: Props) {
                   rel="noreferrer"
                   className="inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-1 text-sm font-medium text-slate-700 hover:border-slate-300 hover:text-slate-900"
                 >
-                  <svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true">
+                  <svg
+                    viewBox="0 0 16 16"
+                    width="16"
+                    height="16"
+                    aria-hidden="true"
+                  >
                     <path
                       fill="currentColor"
                       d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z"
@@ -34,8 +39,9 @@ export function Header({ children }: Props) {
                 </a>
               </div>
               <p className="mt-1 max-w-2xl text-sm leading-relaxed text-slate-600">
-                A tiny, deterministic entity extractor for TypeScript/Deno, inspired
-                by Duckling. This version uses parser-combinator grammars (no ML).
+                A tiny, deterministic entity extractor for TypeScript/Deno,
+                inspired by Duckling. This version uses parser-combinator
+                grammars (no ML).
               </p>
             </div>
           </div>

docs/src/components/Hovercard.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import type { EntityResult } from "../types";
 
 type Props = {
@@ -25,7 +25,10 @@ export function Hovercard({ entities, anchor, onClose }: Props) {
     if (top + c.height + margin > window.innerHeight) {
       top = a.top - c.height - 10;
     }
-    top = Math.max(margin, Math.min(top, window.innerHeight - c.height - margin));
+    top = Math.max(
+      margin,
+      Math.min(top, window.innerHeight - c.height - margin),
+    );
 
     let left = a.left;
     if (left + c.width + margin > window.innerWidth) {
@@ -64,8 +67,9 @@ export function Hovercard({ entities, anchor, onClose }: Props) {
               Match
             </div>
             <div className="mt-1 truncate font-mono text-sm text-slate-900">
-              {match.kind} &nbsp;"{match.text.length > 60 ? `${match.text.slice(0, 60)}…` : match.text}"
-              &nbsp;[{match.start},{match.end}]
+              {match.kind} &nbsp;"{match.text.length > 60
+                ? `${match.text.slice(0, 60)}…`
+                : match.text}" &nbsp;[{match.start},{match.end}]
             </div>
             {entities.length > 1 && (
               <div className="mt-2 flex flex-wrap gap-2">

docs/src/components/ParserSidebar.tsx

@@ -1,5 +1,5 @@
 import { ParserCheckbox } from "./ParserCheckbox";
-import { PARSER_REGISTRY, ALL_IDS, PII_IDS } from "../registry";
+import { ALL_IDS, PARSER_REGISTRY, PII_IDS } from "../registry";
 
 type Props = {
   selected: Set<string>;
@@ -26,10 +26,20 @@ export function ParserSidebar({ selected, onSelectionChange }: Props) {
       </div>
       <div className="p-4">
         <div className="flex flex-wrap gap-2 pb-3">
-          <QuickBtn label="All" onClick={() => onSelectionChange(new Set(ALL_IDS))} />
+          <QuickBtn
+            label="All"
+            onClick={() => onSelectionChange(new Set(ALL_IDS))}
+          />
           <QuickBtn label="None" onClick={() => onSelectionChange(new Set())} />
-          <QuickBtn label="PII" onClick={() => onSelectionChange(new Set(PII_IDS))} />
-          <QuickBtn label="Default" onClick={() => onSelectionChange(new Set(ALL_IDS))} active />
+          <QuickBtn
+            label="PII"
+            onClick={() => onSelectionChange(new Set(PII_IDS))}
+          />
+          <QuickBtn
+            label="Default"
+            onClick={() => onSelectionChange(new Set(ALL_IDS))}
+            active
+          />
         </div>
         <div className="space-y-2" role="list">
           {PARSER_REGISTRY.map((p) => (
@@ -52,7 +62,13 @@ export function ParserSidebar({ selected, onSelectionChange }: Props) {
   );
 }
 
-function QuickBtn({ label, onClick, active }: { label: string; onClick: () => void; active?: boolean }) {
+function QuickBtn(
+  { label, onClick, active }: {
+    label: string;
+    onClick: () => void;
+    active?: boolean;
+  },
+) {
   return (
     <button
       type="button"

docs/src/extract-client.ts

@@ -1,7 +1,4 @@
-import {
-  Duckling,
-  type AsyncScanOptions,
-} from "@claudiu-ceia/ts-duckling";
+import { type AsyncScanOptions, Duckling } from "@claudiu-ceia/ts-duckling";
 import type { EntityResult } from "./types";
 import { registry } from "./parsers";
 

docs/src/fetch-url.ts

@@ -48,7 +48,10 @@ export async function loadUrlText(raw: string): Promise<LoadResult> {
   const t0 = performance.now();
   const html = await fetchHtml(url);
   const doc = new DOMParser().parseFromString(html, "text/html");
-  const parsed = new Readability(doc, { baseURI: url } as ConstructorParameters<typeof Readability>[1]).parse();
+  const parsed = new Readability(
+    doc,
+    { baseURI: url } as ConstructorParameters<typeof Readability>[1],
+  ).parse();
   const text = parsed?.textContent?.trim()
     ? parsed.textContent.trim()
     : (doc.body?.innerText || "").trim();

docs/src/parsers.ts

@@ -1,20 +1,20 @@
 import type { Parser } from "@claudiu-ceia/combine";
 import {
-  Range,
-  Time,
-  Temperature,
-  Quantity,
-  Location,
-  URL,
+  ApiKey,
+  CreditCard,
   Email,
   Institution,
+  IPAddress,
   Language,
+  Location,
   Phone,
-  IPAddress,
+  Quantity,
+  Range,
   SSN,
-  CreditCard,
+  Temperature,
+  Time,
+  URL,
   UUID,
-  ApiKey,
 } from "@claudiu-ceia/ts-duckling";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any