efficient-shell 4.161.0 → 4.163.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/README.md +161 -2
  2. package/dist/{Browser-56UAG7EF.js → Browser-2I27OQFE.js} +14 -14
  3. package/dist/Calculator-2EB2RAT7.js +29 -0
  4. package/dist/ConfirmDialog-4LZXI6FM.js +1 -0
  5. package/dist/{CurrencyConverter-XT37LTUQ.js → CurrencyConverter-4EEIPAVX.js} +7 -7
  6. package/dist/{Documents-6DCVHA5H.js → Documents-24YAA5UU.js} +14 -14
  7. package/dist/{Files-R5QVRKMV.js → Files-BU7FY2VD.js} +24 -24
  8. package/dist/{Notepad-5IVPFPDK.js → Notepad-3D4L3K5W.js} +9 -9
  9. package/dist/PdfViewer-5VBKCPCM.js +1 -0
  10. package/dist/{PomodoroTimer-DBOGYNE4.js → PomodoroTimer-B4OPUTJL.js} +13 -13
  11. package/dist/{Preview-ZW6SHMLE.js → Preview-VZSNH76G.js} +15 -15
  12. package/dist/{Sidebar-PS3KIZNN.js → Sidebar-7AY5WJZC.js} +27 -27
  13. package/dist/{Spreadsheet-HUJKMGJK.js → Spreadsheet-TAJ24BQS.js} +13 -13
  14. package/dist/{Stock-ZDS7COTN.js → Stock-VEPDDIMJ.js} +4 -4
  15. package/dist/{Weather-X6QGZVE6.js → Weather-KGZF4DDW.js} +7 -7
  16. package/dist/{WorldClock-5MWMG2UP.js → WorldClock-UGADOCFW.js} +7 -7
  17. package/dist/apps/index.js +1 -1
  18. package/dist/brand.css +1 -1
  19. package/dist/chunk-2FZGALCU.js +21 -0
  20. package/dist/{chunk-7B5HMN5K.js → chunk-4GOHPACN.js} +1 -1
  21. package/dist/{chunk-YNBAOTST.js → chunk-6A7BN7EN.js} +4 -4
  22. package/dist/chunk-6KO2U66R.js +3 -0
  23. package/dist/chunk-A6O4Y63A.js +1 -0
  24. package/dist/{chunk-7U37VFLE.js → chunk-E4JWTNG5.js} +19 -19
  25. package/dist/{chunk-A3XBNDFH.js → chunk-FWY5IRGL.js} +2 -2
  26. package/dist/{chunk-X4VJWQTO.js → chunk-GSBX7KIS.js} +21 -21
  27. package/dist/{chunk-65HF6TOM.js → chunk-IJ3V2YOS.js} +8 -8
  28. package/dist/{chunk-M74BPJXH.js → chunk-J5HNLMGZ.js} +13 -13
  29. package/dist/chunk-L7ZMDZAB.js +9 -0
  30. package/dist/{chunk-TOENMGDE.js → chunk-MAMJHPFN.js} +1 -1
  31. package/dist/{chunk-VBQOHZEM.js → chunk-NLASNJNY.js} +1 -1
  32. package/dist/{chunk-753UFF7V.js → chunk-PX435JG4.js} +1 -1
  33. package/dist/chunk-QRJ2ERKR.js +9 -0
  34. package/dist/chunk-TBM3ZIAN.js +112 -0
  35. package/dist/{chunk-JIHTLW46.js → chunk-TZ2EFTST.js} +6 -6
  36. package/dist/{chunk-GAXAMRUZ.js → chunk-UMOVLVTC.js} +1 -1
  37. package/dist/chunk-VWTYRICQ.js +963 -0
  38. package/dist/{chunk-HGALBDOZ.js → chunk-WURTAA2S.js} +1 -1
  39. package/dist/chunk-YJX2IWHB.js +1 -0
  40. package/dist/{chunk-C3BIYUIZ.js → chunk-ZAJPQAGP.js} +1 -1
  41. package/dist/file-intake/index.js +1 -1
  42. package/dist/{index-D-KwOzhB.d.ts → index-JQXMH_km.d.ts} +546 -69
  43. package/dist/index.d.ts +47 -49
  44. package/dist/index.js +645 -645
  45. package/dist/map/index.js +3 -3
  46. package/dist/page-tabs/index.d.ts +9 -1
  47. package/dist/page-tabs/index.js +5 -5
  48. package/dist/pdf/index.js +1 -1
  49. package/dist/ui/index.d.ts +1 -1
  50. package/dist/ui/index.js +1 -1
  51. package/package.json +3 -2
  52. package/dist/Calculator-MDKSVQWZ.js +0 -29
  53. package/dist/ConfirmDialog-JRHVCPKS.js +0 -1
  54. package/dist/PdfViewer-7YLJE5RU.js +0 -1
  55. package/dist/chunk-CFZRCRHL.js +0 -113
  56. package/dist/chunk-KCCRQ3Z4.js +0 -18
  57. package/dist/chunk-LID5IFAT.js +0 -1
  58. package/dist/chunk-RQ6BKTSJ.js +0 -1
  59. package/dist/chunk-SJZN26D3.js +0 -942
  60. package/dist/chunk-VNEH2Y6H.js +0 -9
  61. package/dist/chunk-ZP7WIUAR.js +0 -4
package/README.md CHANGED
@@ -261,8 +261,13 @@ values predate the labels and are kept so nobody's choice resets).
261
261
  - **Sidebar**: the frame the routed portals use (`efficient-shell/page-tabs`)
262
262
  — a menu rail down the left, 240px or collapsed to its icons, and a strip
263
263
  of tabs along the top, one per open window, in the taskbar's place. Every
264
- window is a full-size tab with a slim page header (title, window menu,
265
- record keys); the tab's × closes it, through its unsaved-changes guard.
264
+ window is a full-size tab, and the tab is its title bar: it names the
265
+ window, copies its number (the title's `CopyButton`), opens its window menu
266
+ (click the tab's icon; right-click lists the window's own entries) and
267
+ closes it through its unsaved-changes guard. Nothing under the strip says
268
+ the title again. What the tab cannot hold — the title's badges and buttons,
269
+ and the record keys — sits in a slim record bar, and a window with none of
270
+ that gets no bar (`splitTitle` decides which piece goes where).
266
271
  Copies of a page are separate tabs, widgets and utility apps float over the
267
272
  page, and dialogs a window opens stay above their own tab. Esc does not
268
273
  close a tab. ⌘K also finds pages by name, which is what the rail's search
@@ -515,6 +520,158 @@ a "Done" inside it. `className` is on the element around the trigger,
515
520
  by default, `buttonClasses({ variant: 'secondary' })`), and `panelClassName` is
516
521
  added to the panel (its width, its padding). `disabled` disables the trigger.
517
522
 
523
+ ### A surface's own right-click menu — `ContextMenu`
524
+
525
+ A grid cell, a canvas block or a layer row that has a menu of its own (UI-16's
526
+ third kind) opens the kit's `PopupMenu` at the pointer with `useContextMenu`
527
+ and `ContextMenu`, rather than positioning one by hand:
528
+
529
+ ```tsx
530
+ import { ContextMenu, useContextMenu, PopupMenuItem, PopupSubmenu } from 'efficient-shell/ui';
531
+
532
+ const menu = useContextMenu<Row>();
533
+
534
+ <tr onContextMenu={e => menu.open(e, row)}>…</tr>
535
+ {menu.state && (
536
+ <ContextMenu {...menu.props} aria-label={menu.state.data.name}>
537
+ <PopupMenuItem onClick={() => { duplicate(menu.state!.data); menu.close(); }}>Duplicate</PopupMenuItem>
538
+ <PopupSubmenu label="Move to">…</PopupSubmenu>
539
+ </ContextMenu>
540
+ )}
541
+ ```
542
+
543
+ `menu.open(event, data)` takes the event (`preventDefault()`) and returns
544
+ `true`, or leaves it alone and returns `false` where the browser keeps its menu
545
+ or a nearer surface already took it: a text field, an image or media, Shift
546
+ held, a touch long-press, an already-prevented event
547
+ (`leavesContextMenuAlone(event)`, which `ShellContextMenu` uses too). The
548
+ keyboard's menu key opens it at the focused element. `menu.state` is
549
+ `{ x, y, data, owner }` while it is open; `menu.props` is `at`, `owner` and
550
+ `onClose`.
551
+
552
+ The menu opens at the pointer, placed by `placeAtPoint`, which is `placeMenu`
553
+ with the pointer as its anchor. It stays inside the shell window the
554
+ right-click landed in (UI-11). With no room to the right it opens to the left
555
+ of the pointer, and with no room below it opens above. Taller than the window,
556
+ it scrolls. It is `role="menu"`, and every `PopupMenuItem` in it, submenus
557
+ included, is a `menuitem`. Focus moves to the first item and comes back where
558
+ it was on close. ArrowDown and ArrowUp walk the enabled items and wrap, Home
559
+ and End jump to the ends, ArrowRight opens a `PopupSubmenu`, and Tab closes the
560
+ menu. Escape closes it through the interceptor seam, so inside a shell window
561
+ it closes the menu and leaves the window open. A scroll, a resize or the page
562
+ losing focus closes it too. `autoFocus={false}` leaves focus where it was, and
563
+ the first arrow key moves in. The shell-wide menu opens this way, so a text
564
+ selection that Copy acts on is not disturbed.
565
+
566
+ ### Editor controls — `Slider`, `ColorPicker`, `Tree`, `IconRail`, `ResizeHandle`
567
+
568
+ These were folded in from `efficient-easel` under harness UI-24, because the
569
+ website editor and the email designer each drew their own. All of them are on
570
+ `efficient-shell/ui`, render on a server, and follow the theme, dark mode
571
+ included.
572
+
573
+ **`Slider`** is a native range with the kit's `InputNumber` beside it.
574
+
575
+ ```tsx
576
+ <Slider label="Opacity" value={opacity} onChange={setOpacity} min={0} max={100} suffix="%" />
577
+ <Slider label="Gap" value={gap} onChange={setGap} min={0} max={64} inputMax={400} emptyLabel="Auto" />
578
+ ```
579
+
580
+ The range is held to `min`/`max`. A typed number is held to `inputMin`/`inputMax`
581
+ (default `min`/`max`), and when it goes past the range the range rests at its
582
+ end. `step` (default 1) is the range's step and the box's ArrowUp/ArrowDown.
583
+ `precision` (default: the decimals in `step`) rounds a value. A number typed on
584
+ its way somewhere else ("2" of "25" in a 10–100 box) is not written until it is
585
+ in bounds, and blur clamps it. `emptyLabel` lets the value be `null`: the box
586
+ shows the word, and emptying it writes `null`. Without `emptyLabel`, an emptied
587
+ box goes back to the value. `valueText` sets what the range announces, and
588
+ `showInput={false}` draws the range alone.
589
+
590
+ **`ColorPicker`** is a swatch that opens a saturation/brightness square, a hue
591
+ strip, a hex box and optional presets, in the kit's `Popover`. That means the
592
+ same placement inside the owning window, Escape, focus return and
593
+ click-outside as every other popup. It never opens the system colour dialog.
594
+
595
+ ```tsx
596
+ <ColorPicker label="Text color" value={ink} onChange={setInk}
597
+ presets={[{ value: '#0b5cff', label: 'Brand' }, '#111827']} clearable showHexInput />
598
+ ```
599
+
600
+ A colour is `#rrggbb`, lower case, and `''` means none (the swatch is a
601
+ checkerboard drawn from `--surface`/`--line-strong`). `clearable` adds a "No
602
+ color" swatch that writes `''`. `fallback` is the colour in force while the
603
+ value is `''`: the swatch shows it and the square starts from it, but nothing
604
+ is written until something moves. `dragWrites="end"` writes a drag once, where
605
+ the pointer comes up (one undo step). `showHexInput` puts a hex box beside the
606
+ swatch. The square and the strip are `role="slider"`. The square moves 1% per
607
+ arrow key and 10% with Shift; the strip moves 1° per key, 10° with Shift or
608
+ PageUp/PageDown, and Home/End go to its ends. The hex box writes on the
609
+ keystroke that makes a colour (3 or 6 digits, `#` optional). A grey keeps the
610
+ hue it was dragged from. Two more exports cover a host with its own layout.
611
+ `ColorPickerPanel` is the picker in the host's flow (with `onClose` for
612
+ Escape). `ColorSwatch` is a button painted with a colour (`selected` sets
613
+ `aria-pressed`). Beside them are `colorSwatchClasses`, `colorFill`, `HexInput`,
614
+ and the maths: `parseHexColor`, `hexToHsv`, `hsvToHex`.
615
+
616
+ **`Tree`**, **`TreeRow`**, **`TreeGroup`**, **`TreeGroupLabel`** and
617
+ **`TreeEmptySlot`** draw a layers panel or an outline. They follow the WAI-ARIA
618
+ tree pattern.
619
+
620
+ ```tsx
621
+ <Tree aria-label="Layers">
622
+ <TreeRow label="Body" icon={<Icon />} expanded={open} onToggle={toggle}
623
+ selected={sel === 'body'} onSelect={() => setSel('body')} badge="1 of 2"
624
+ actions={<><IconButton aria-label="Hide Body">…</IconButton><IconButton aria-label="Delete Body">…</IconButton></>} />
625
+ <TreeGroup hidden={!open}>
626
+ <TreeRow level={2} label="Text" rename={renaming ? <input … /> : undefined} drop={dropAt} />
627
+ </TreeGroup>
628
+ <TreeEmptySlot onAdd={addHere} drop={dragOver} />
629
+ </Tree>
630
+ ```
631
+
632
+ Every row is a `treeitem` with `aria-level`, `aria-selected`, and
633
+ `aria-expanded` when it folds (`expanded` given). Only `TreeGroup`
634
+ (`role="group"`) indents, with a hairline down its left. The tree has one tab
635
+ stop. ArrowUp/ArrowDown walk the rows that are showing, Home/End jump to the
636
+ ends, ArrowRight opens a closed row or moves into an open one, ArrowLeft closes
637
+ an open row or moves to its parent, and Enter/Space select. A click on the caret
638
+ folds without selecting, a click in `actions` never selects, and keys typed in
639
+ `rename` are the rename box's own. `drop` (`before | after | into`) draws the
640
+ drop line or ring, `dragging` fades the row, `muted` strikes the name through,
641
+ and `actionsPinned` keeps the actions showing at rest. `preview` adds quieter
642
+ text after the name, and `rowProps` takes the host's drag handlers. The tree
643
+ holds no state: everything goes through `onSelect`/`onToggle`.
644
+
645
+ **`IconRail`** and **`IconRailButton`** make a slim strip of icon toggles
646
+ (`role="toolbar"`, `orientation="vertical" | "horizontal"`). A button with a
647
+ boolean `active` is a toggle (`aria-pressed`). Leave `active` out for an action
648
+ such as "Add". The rail has one tab stop, the arrows move along it (skipping
649
+ disabled buttons), and Home/End jump to the ends. Each button's `label` is its
650
+ accessible name and its `Tooltip`, never `title`. `badge` takes a count or
651
+ `true` for a dot.
652
+
653
+ **`ResizeHandle`** is the grip a side panel resizes by, and `SidebarLayout`
654
+ draws its edge with it.
655
+
656
+ ```tsx
657
+ <aside className="relative" style={{ width }}>
658
+ …
659
+ <ResizeHandle side="left" width={width} onResize={setWidth} min={220} max={480} defaultWidth={280} storageKey="editor.left" />
660
+ </aside>
661
+ ```
662
+
663
+ It owns no width. `onResize` gets each new width, clamped and rounded. It is
664
+ pinned to the edge of its positioned parent, and `side` is the side of the
665
+ screen the panel is on. It is a focusable `separator` with
666
+ `aria-valuenow/min/max`. ArrowLeft/ArrowRight move it by `step` (16), Home and
667
+ End go to `min`/`max`, and Enter or a double-click resets to `defaultWidth`. A
668
+ drag starts after 3px, so a click never nudges it. `storageKey` restores the
669
+ width after mount and keeps it once a drag settles. Its hint is a `Tooltip`.
670
+
671
+ **A font list** is not a separate component. `SearchableSelect` takes
672
+ `renderOption(option, { selected })` to draw each option, for example each face
673
+ in itself. The `label` still names, filters and fills the field.
674
+
518
675
  ## API reference
519
676
 
520
677
  All exports are named — `import { Modal, ... } from 'efficient-shell'`.
@@ -533,6 +690,7 @@ All exports are named — `import { Modal, ... } from 'efficient-shell'`.
533
690
  | `MediaUploadGrid` | The gallery sibling: thumbnails, an Add tile, per-thumb remove, drag-and-keyboard reorder, optional cover badge. `onFiles` receives EVERY file of a multi-file drop or dialog pick; `onPick` defers to a library picker. `maxFiles` counts against the items held. |
534
691
  | `StartMenu` / `Desktop` / `WindowManagerProvider` | Used internally by `Layout`; rarely instantiated directly. |
535
692
  | `Modal`, `ModalActions`, `CopyButton`, `CancelButton` | Window primitive supporting standard / compact / widget styles. |
693
+ | `splitTitle(title)` | Splits a window or page title for the Sidebar layout's tab: `{ text, copy, accessories }` — the title's words for the tab (a badge's own text is not among them), the `CopyButton`'s text for the tab's copy icon, and every badge and control (any component, `button`, `a`, `select`, …) in title order for the record bar. Inline SVG is dropped. A badge drawn as a styled `<span>` counts as words, so draw badges with `StatusBadge` / `ColoredBadge`. |
536
694
  | `PopupMenu`, `PopupMenuItem`, `PopupMenuDivider`, `PopupMenuLabel`, `PopupSubmenu` | Right-click / context-menu primitive; `PopupSubmenu` is a row that opens a nested menu. |
537
695
  | `ShellContextMenu` | The shell-wide right-click menu, already mounted by `Layout` (`<Layout contextMenu={false}>` turns it off). Mount it yourself only on a screen rendered outside the layout. See [Right-click menu](#right-click-menu). |
538
696
  | `DropdownMenu` | A button and the menu it opens, right under it: actions, links (`href`, drawn by `linkAs`), radios, labels and dividers, with shared dismissal and the menu-button keyboard. `align` lines it up with the trigger's left or right edge; `side="top"` suits a trigger in a bottom action bar. See [Dropdown menus](#dropdown-menus). |
@@ -2093,6 +2251,7 @@ cleaned up until it is shown again; on React 18 it is only hidden.
2093
2251
  | `PageTabsOutlet` | Renders `children(location)` once per open tab. The frame is the page's scroll container; scroll positions inside it come back with the tab. |
2094
2252
  | `usePageTabTitle(title)` | Name this page's tab (a record's number once loaded). |
2095
2253
  | `usePageTabDirty(dirty)` | Mark unsaved changes: closing asks first, and so does a reload. |
2254
+ | `usePageTabCopy(text)` | Give this page's tab a copy icon for the record's number, shown while the tab is active — the tab is the page's title bar. |
2096
2255
  | `usePageTab()` | `{ key, close({ to, force }) }` — a form that created its record closes itself and goes to it. |
2097
2256
  | `usePageTabs()` | The strip, from outside any one page. |
2098
2257
 
@@ -1,29 +1,29 @@
1
- import{peekBrowserStartUrl as e,claimBrowserStartUrl as t}from"./chunk-LWLCNQY7.js";import{AboutApp as o}from"./chunk-7B5HMN5K.js";import"./chunk-LID5IFAT.js";import{WindowTitle as r}from"./chunk-CFZRCRHL.js";import"./chunk-YNBAOTST.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-PH3PRIFP.js";import{confirm as n}from"./chunk-7U37VFLE.js";import"./chunk-VNEH2Y6H.js";import"./chunk-OSJ3ADF2.js";import"./chunk-MAIHBBWT.js";import"./chunk-RQ6BKTSJ.js";import"./chunk-D65T4H6J.js";import{useRef as a,useEffect as i,useState as s}from"react";import{jsxs as l,jsx as c,Fragment as m}from"react/jsx-runtime";var d="react-os-shell:browser-bookmarks",u="react-os-shell:browser-homepage",h="https://en.wikipedia.org/wiki/Main_Page",p=[{label:"Wikipedia",url:"https://en.wikipedia.org/wiki/Main_Page"},{label:"DevDocs",url:"https://devdocs.io"},{label:"Example",url:"https://example.com"}],g=new Set(["ac ad ae af ag ai al am ao aq ar as at au aw ax az ba bb bd be bf bg bh bi","bj bm bn bo br bs bt bw by bz ca cc cd cf cg ch ci ck cl cm cn co cr cu cv","cw cx cy cz de dj dk dm do dz ec ee eg er es et eu fi fj fk fm fo fr ga gd","ge gf gg gh gi gl gm gn gp gq gr gs gt gu gw gy hk hm hn hr ht hu id ie il","im in io iq ir is it je jm jo jp ke kg kh ki km kn kp kr kw ky kz la lb lc","li lk lr ls lt lu lv ly ma mc md me mg mh mk ml mm mn mo mp mq mr ms mt mu","mv mw mx my mz na nc ne nf ng ni nl no np nr nu nz om pa pe pf pg ph pk pl","pm pn pr ps pt pw py qa re ro rs ru rw sa sb sc sd se sg sh si sk sl sm sn","so sr ss st su sv sx sy sz tc td tf tg th tj tk tl tm tn to tr tt tv tw tz","ua ug uk us uy uz va vc ve vg vi vn vu wf ws ye yt za zm zw","com net org edu gov mil int info biz name pro app dev xyz online site tech","store shop cloud design digital agency studio media news blog live life","world today email systems solutions services software page link space host","press wiki team group works careers finance capital energy academy"].join(" ").split(" "));function b(e){let t=e.trim();return t?/^[a-z][a-z0-9+.-]*:\/\//i.test(t)?t:function(e){const t=/^([\w-]+\.)+([a-z]{2,})(\/.*)?$/i.exec(e);return null!==t&&g.has(t[2].toLowerCase())}(t)?"https://"+t:"https://duckduckgo.com/?q="+encodeURIComponent(t):""}var k=["duckduckgo.com","developer.mozilla.org","google.com","gmail.com","youtube.com","facebook.com","instagram.com","whatsapp.com","twitter.com","x.com","github.com","gitlab.com","linkedin.com","reddit.com","pinterest.com","amazon.com","amazon.ca","amazon.co.uk","apple.com","icloud.com","microsoft.com","outlook.com","live.com","office.com","netflix.com","spotify.com","paypal.com","stripe.com","chat.openai.com","chatgpt.com","claude.ai"];function f(){if("undefined"==typeof window)return p;try{const e=localStorage.getItem(d);if(!e)return p;const t=JSON.parse(e);if(Array.isArray(t)&&t.every(e=>"string"==typeof e?.url))return t}catch{}return p}function x(){return"undefined"==typeof window?h:localStorage.getItem(u)||h}function w(){const m=a(void 0);void 0===m.current&&(m.current=e()),i(()=>{null!=m.current&&t(m.current)},[]);const h=m.current?b(m.current.url):"",[p,g]=s(x),[k,w]=s(h||p),[N,L]=s(k),[C,j]=s([k]),[z,M]=s(0),[S,H]=s(0),[W,B]=s(f),[R,A]=s(!1),[T,D]=s(null),E=a(null),I=a(null);i(()=>{try{localStorage.setItem(d,JSON.stringify(W))}catch{}},[W]);const F=e=>{const t=b(e);t&&(w(t),L(t),j(e=>{const o=e.slice(0,z+1);return o.push(t),o}),M(e=>e+1),A(!1))},O=()=>{"undefined"!=typeof window&&window.open(k,"_blank","noopener,noreferrer")},P=()=>{const e=T?.trim();e?(B(t=>[...t,{label:e,url:k}]),D(null)):D(null)};i(()=>{if(null===T)return;E.current?.focus(),E.current?.select();const e=e=>{const t=e.target;t?.closest("[data-bookmark-popover]")||D(null)},t=setTimeout(()=>document.addEventListener("mousedown",e),0);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[null!==T]);const U=e=>{B(t=>t.filter((t,o)=>o!==e))},V=z>0,q=z<C.length-1,J=W.some(e=>e.url===k),K="p-1.5 rounded hover:bg-gray-200 transition-colors text-gray-600 disabled:opacity-30";/* @__PURE__ */
1
+ import{peekBrowserStartUrl as e,claimBrowserStartUrl as t}from"./chunk-LWLCNQY7.js";import{AboutApp as o}from"./chunk-4GOHPACN.js";import"./chunk-A6O4Y63A.js";import{WindowTitle as r}from"./chunk-TBM3ZIAN.js";import"./chunk-6A7BN7EN.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-PH3PRIFP.js";import"./chunk-6KO2U66R.js";import{confirm as n}from"./chunk-E4JWTNG5.js";import"./chunk-L7ZMDZAB.js";import"./chunk-OSJ3ADF2.js";import"./chunk-MAIHBBWT.js";import"./chunk-YJX2IWHB.js";import"./chunk-D65T4H6J.js";import{useRef as a,useEffect as i,useState as s}from"react";import{jsxs as l,jsx as c,Fragment as m}from"react/jsx-runtime";var d="react-os-shell:browser-bookmarks",u="react-os-shell:browser-homepage",h="https://en.wikipedia.org/wiki/Main_Page",p=[{label:"Wikipedia",url:"https://en.wikipedia.org/wiki/Main_Page"},{label:"DevDocs",url:"https://devdocs.io"},{label:"Example",url:"https://example.com"}],g=new Set(["ac ad ae af ag ai al am ao aq ar as at au aw ax az ba bb bd be bf bg bh bi","bj bm bn bo br bs bt bw by bz ca cc cd cf cg ch ci ck cl cm cn co cr cu cv","cw cx cy cz de dj dk dm do dz ec ee eg er es et eu fi fj fk fm fo fr ga gd","ge gf gg gh gi gl gm gn gp gq gr gs gt gu gw gy hk hm hn hr ht hu id ie il","im in io iq ir is it je jm jo jp ke kg kh ki km kn kp kr kw ky kz la lb lc","li lk lr ls lt lu lv ly ma mc md me mg mh mk ml mm mn mo mp mq mr ms mt mu","mv mw mx my mz na nc ne nf ng ni nl no np nr nu nz om pa pe pf pg ph pk pl","pm pn pr ps pt pw py qa re ro rs ru rw sa sb sc sd se sg sh si sk sl sm sn","so sr ss st su sv sx sy sz tc td tf tg th tj tk tl tm tn to tr tt tv tw tz","ua ug uk us uy uz va vc ve vg vi vn vu wf ws ye yt za zm zw","com net org edu gov mil int info biz name pro app dev xyz online site tech","store shop cloud design digital agency studio media news blog live life","world today email systems solutions services software page link space host","press wiki team group works careers finance capital energy academy"].join(" ").split(" "));function b(e){let t=e.trim();return t?/^[a-z][a-z0-9+.-]*:\/\//i.test(t)?t:function(e){const t=/^([\w-]+\.)+([a-z]{2,})(\/.*)?$/i.exec(e);return null!==t&&g.has(t[2].toLowerCase())}(t)?"https://"+t:"https://duckduckgo.com/?q="+encodeURIComponent(t):""}var k=["duckduckgo.com","developer.mozilla.org","google.com","gmail.com","youtube.com","facebook.com","instagram.com","whatsapp.com","twitter.com","x.com","github.com","gitlab.com","linkedin.com","reddit.com","pinterest.com","amazon.com","amazon.ca","amazon.co.uk","apple.com","icloud.com","microsoft.com","outlook.com","live.com","office.com","netflix.com","spotify.com","paypal.com","stripe.com","chat.openai.com","chatgpt.com","claude.ai"];function f(){if("undefined"==typeof window)return p;try{const e=localStorage.getItem(d);if(!e)return p;const t=JSON.parse(e);if(Array.isArray(t)&&t.every(e=>"string"==typeof e?.url))return t}catch{}return p}function x(){return"undefined"==typeof window?h:localStorage.getItem(u)||h}function w(){const m=a(void 0);void 0===m.current&&(m.current=e()),i(()=>{null!=m.current&&t(m.current)},[]);const h=m.current?b(m.current.url):"",[p,g]=s(x),[k,w]=s(h||p),[N,L]=s(k),[j,C]=s([k]),[z,M]=s(0),[W,A]=s(0),[B,S]=s(f),[H,R]=s(!1),[D,E]=s(null),O=a(null),T=a(null);i(()=>{try{localStorage.setItem(d,JSON.stringify(B))}catch{}},[B]);const I=e=>{const t=b(e);t&&(w(t),L(t),C(e=>{const o=e.slice(0,z+1);return o.push(t),o}),M(e=>e+1),R(!1))},P=()=>{"undefined"!=typeof window&&window.open(k,"_blank","noopener,noreferrer")},U=()=>{const e=D?.trim();e?(S(t=>[...t,{label:e,url:k}]),E(null)):E(null)};i(()=>{if(null===D)return;O.current?.focus(),O.current?.select();const e=e=>{const t=e.target;t?.closest("[data-bookmark-popover]")||E(null)},t=setTimeout(()=>document.addEventListener("mousedown",e),0);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[null!==D]);const q=e=>{S(t=>t.filter((t,o)=>o!==e))},F=z>0,J=z<j.length-1,G=B.some(e=>e.url===k),V="p-1.5 rounded hover:bg-gray-200 transition-colors text-gray-600 disabled:opacity-30";/* @__PURE__ */
2
2
  return l("div",{className:"relative flex flex-col h-full bg-white",children:[
3
3
  /* @__PURE__ */c(r,{title:`Browser - ${v(k)}`}),
4
4
  /* @__PURE__ */c(o,{app:"browser"}),
5
5
  /* @__PURE__ */l("div",{className:"flex items-center gap-1 px-2 py-1.5 border-b border-gray-200 bg-gray-50 shrink-0",children:[
6
- /* @__PURE__ */c("button",{onClick:()=>{if(z>0){const e=z-1;M(e),w(C[e]),L(C[e]),A(!1)}},disabled:!V,className:K,title:"Back",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 19.5L8.25 12l7.5-7.5"})})}),
7
- /* @__PURE__ */c("button",{onClick:()=>{if(z<C.length-1){const e=z+1;M(e),w(C[e]),L(C[e]),A(!1)}},disabled:!q,className:K,title:"Forward",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})})}),
8
- /* @__PURE__ */c("button",{onClick:()=>H(e=>e+1),className:K,title:"Refresh",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992V4.356M2.985 19.644v-4.992h4.992M3.05 9.348a9 9 0 0114.85-3.36L21.015 9.348m0 5.304a9 9 0 01-14.85 3.36l-3.115-3.36"})})}),
9
- /* @__PURE__ */c("button",{onClick:()=>F(p),className:K,title:"Home",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 12l8.954-8.955a1.5 1.5 0 012.122 0l8.954 8.955M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"})})}),
10
- /* @__PURE__ */c("form",{onSubmit:e=>{e.preventDefault(),F(N)},className:"flex-1 flex items-center mx-1",children:/* @__PURE__ */l("div",{className:"flex items-center w-full bg-white border border-gray-300 rounded focus-within:border-blue-400 focus-within:ring-1 focus-within:ring-blue-200",children:[
6
+ /* @__PURE__ */c("button",{onClick:()=>{if(z>0){const e=z-1;M(e),w(j[e]),L(j[e]),R(!1)}},disabled:!F,className:V,title:"Back",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 19.5L8.25 12l7.5-7.5"})})}),
7
+ /* @__PURE__ */c("button",{onClick:()=>{if(z<j.length-1){const e=z+1;M(e),w(j[e]),L(j[e]),R(!1)}},disabled:!J,className:V,title:"Forward",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})})}),
8
+ /* @__PURE__ */c("button",{onClick:()=>A(e=>e+1),className:V,title:"Refresh",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992V4.356M2.985 19.644v-4.992h4.992M3.05 9.348a9 9 0 0114.85-3.36L21.015 9.348m0 5.304a9 9 0 01-14.85 3.36l-3.115-3.36"})})}),
9
+ /* @__PURE__ */c("button",{onClick:()=>I(p),className:V,title:"Home",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 12l8.954-8.955a1.5 1.5 0 012.122 0l8.954 8.955M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"})})}),
10
+ /* @__PURE__ */c("form",{onSubmit:e=>{e.preventDefault(),I(N)},className:"flex-1 flex items-center mx-1",children:/* @__PURE__ */l("div",{className:"flex items-center w-full bg-white border border-gray-300 rounded focus-within:border-blue-400 focus-within:ring-1 focus-within:ring-blue-200",children:[
11
11
  /* @__PURE__ */c("span",{className:"px-2 text-gray-400 text-xs",children:k.startsWith("https://")?"🔒":"⚠️"}),
12
12
  /* @__PURE__ */c("input",{type:"text",value:N,onChange:e=>L(e.target.value),onFocus:e=>e.target.select(),className:"flex-1 px-1 py-1 text-sm bg-transparent outline-none font-mono",spellCheck:!1,placeholder:"Enter URL or search…"}),k!==N&&/* @__PURE__ */c("button",{type:"button",onClick:()=>L(k),className:"px-1.5 text-[10px] text-gray-400 hover:text-gray-700",title:"Reset to current URL",children:"×"})]})}),
13
- /* @__PURE__ */c("button",{"data-bookmark-popover":!0,onClick:()=>J?U(W.findIndex(e=>e.url===k)):void D(v(k)),className:K+" "+(J?"text-yellow-500":""),title:J?"Remove bookmark":"Add bookmark",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:J?"currentColor":"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"})})}),
14
- /* @__PURE__ */c("button",{onClick:O,className:K,title:"Open in new tab",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-7.5-9L21 3m0 0v6m0-6L9.75 14.25"})})}),
15
- /* @__PURE__ */c("button",{onClick:()=>A(e=>!e),className:K,title:"Embedding help",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"})})})]}),null!==T&&/* @__PURE__ */l("div",{"data-bookmark-popover":!0,className:"absolute right-3 top-12 z-30 w-72 bg-white border border-gray-200 rounded-md shadow-lg p-3",children:[
13
+ /* @__PURE__ */c("button",{"data-bookmark-popover":!0,onClick:()=>G?q(B.findIndex(e=>e.url===k)):void E(v(k)),className:V+" "+(G?"text-yellow-500":""),title:G?"Remove bookmark":"Add bookmark",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:G?"currentColor":"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"})})}),
14
+ /* @__PURE__ */c("button",{onClick:P,className:V,title:"Open in new tab",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-7.5-9L21 3m0 0v6m0-6L9.75 14.25"})})}),
15
+ /* @__PURE__ */c("button",{onClick:()=>R(e=>!e),className:V,title:"Embedding help",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"})})})]}),null!==D&&/* @__PURE__ */l("div",{"data-bookmark-popover":!0,className:"absolute right-3 top-12 z-30 w-72 bg-white border border-gray-200 rounded-md shadow-lg p-3",children:[
16
16
  /* @__PURE__ */c("div",{className:"text-[11px] font-semibold uppercase tracking-wide text-gray-500 mb-1",children:"Bookmark this page"}),
17
17
  /* @__PURE__ */c("div",{className:"text-[11px] text-gray-400 truncate mb-2 font-mono",title:k,children:k}),
18
- /* @__PURE__ */c("input",{ref:E,type:"text",value:T,onChange:e=>D(e.target.value),onKeyDown:e=>{"Enter"===e.key?P():"Escape"===e.key&&D(null)},placeholder:"Name",className:"w-full text-sm px-2 py-1.5 border border-gray-300 rounded focus:outline-none focus:border-blue-400 focus:ring-1 focus:ring-blue-200"}),
18
+ /* @__PURE__ */c("input",{ref:O,type:"text",value:D,onChange:e=>E(e.target.value),onKeyDown:e=>{"Enter"===e.key?U():"Escape"===e.key&&E(null)},placeholder:"Name",className:"w-full text-sm px-2 py-1.5 border border-gray-300 rounded focus:outline-none focus:border-blue-400 focus:ring-1 focus:ring-blue-200"}),
19
19
  /* @__PURE__ */l("div",{className:"flex justify-end gap-1 mt-2",children:[
20
- /* @__PURE__ */c("button",{onClick:()=>D(null),className:"px-2 py-1 text-xs text-gray-600 hover:bg-gray-100 rounded",children:"Cancel"}),
21
- /* @__PURE__ */c("button",{onClick:P,disabled:!T.trim(),className:"px-2 py-1 text-xs bg-blue-500 text-white rounded hover:bg-blue-600 disabled:opacity-40",children:"Save"})]})]}),
22
- /* @__PURE__ */l("div",{className:"flex items-center gap-0.5 px-2 py-1 border-b border-gray-200 bg-white shrink-0 overflow-x-auto",children:[0===W.length&&/* @__PURE__ */c("span",{className:"text-[11px] text-gray-400 italic px-2",children:"No bookmarks yet — star the address bar to add one."}),W.map((e,t)=>/* @__PURE__ */l("button",{onClick:()=>F(e.url),onContextMenu:async o=>{o.preventDefault();await n({title:"Remove bookmark",message:`"${e.label}" will be removed from your bookmarks.`,confirmLabel:"Remove",variant:"danger"})&&U(t)},className:"flex items-center gap-1.5 px-2 py-0.5 rounded text-[12px] text-gray-700 hover:bg-gray-100 whitespace-nowrap",title:`${e.url}\n(right-click to remove)`,children:[
20
+ /* @__PURE__ */c("button",{onClick:()=>E(null),className:"px-2 py-1 text-xs text-gray-600 hover:bg-gray-100 rounded",children:"Cancel"}),
21
+ /* @__PURE__ */c("button",{onClick:U,disabled:!D.trim(),className:"px-2 py-1 text-xs bg-blue-500 text-white rounded hover:bg-blue-600 disabled:opacity-40",children:"Save"})]})]}),
22
+ /* @__PURE__ */l("div",{className:"flex items-center gap-0.5 px-2 py-1 border-b border-gray-200 bg-white shrink-0 overflow-x-auto",children:[0===B.length&&/* @__PURE__ */c("span",{className:"text-[11px] text-gray-400 italic px-2",children:"No bookmarks yet — star the address bar to add one."}),B.map((e,t)=>/* @__PURE__ */l("button",{onClick:()=>I(e.url),onContextMenu:async o=>{o.preventDefault();await n({title:"Remove bookmark",message:`"${e.label}" will be removed from your bookmarks.`,confirmLabel:"Remove",variant:"danger"})&&q(t)},className:"flex items-center gap-1.5 px-2 py-0.5 rounded text-[12px] text-gray-700 hover:bg-gray-100 whitespace-nowrap",title:`${e.url}\n(right-click to remove)`,children:[
23
23
  /* @__PURE__ */c("img",{src:`https://icons.duckduckgo.com/ip3/${new URL(e.url).hostname}.ico`,alt:"",className:"h-3.5 w-3.5",onError:e=>{e.target.style.visibility="hidden"}}),e.label]},t)),
24
24
  /* @__PURE__ */c("div",{className:"flex-1"}),
25
25
  /* @__PURE__ */c("button",{onClick:()=>{g(k);try{localStorage.setItem(u,k)}catch{}},className:"px-2 py-0.5 text-[11px] text-gray-500 hover:text-gray-800",title:"Set current page as homepage",children:"Set as home"})]}),
26
- /* @__PURE__ */c("div",{className:"flex-1 relative min-h-0 bg-gray-50",children:/* @__PURE__ */c(y,{url:k,iframeKey:S,iframeRef:I,openExternal:O,showHelp:R,dismissHelp:()=>A(!1)})})]})}function v(e){try{return new URL(e).hostname.replace(/^www\./,"")}catch{return e}}function y({url:e,iframeKey:t,iframeRef:o,openExternal:r,showHelp:n,dismissHelp:a}){const[d,u]=s(!1);i(()=>{u(!1)},[e]);return function(e){try{const t=new URL(e).hostname.toLowerCase();return k.some(e=>t===e||t.endsWith("."+e))}catch{return!1}}(e)&&!d?/* @__PURE__ */c("div",{className:"absolute inset-0 flex items-center justify-center bg-white p-8",children:/* @__PURE__ */l("div",{className:"max-w-md text-center",children:[
26
+ /* @__PURE__ */c("div",{className:"flex-1 relative min-h-0 bg-gray-50",children:/* @__PURE__ */c(y,{url:k,iframeKey:W,iframeRef:T,openExternal:P,showHelp:H,dismissHelp:()=>R(!1)})})]})}function v(e){try{return new URL(e).hostname.replace(/^www\./,"")}catch{return e}}function y({url:e,iframeKey:t,iframeRef:o,openExternal:r,showHelp:n,dismissHelp:a}){const[d,u]=s(!1);i(()=>{u(!1)},[e]);return function(e){try{const t=new URL(e).hostname.toLowerCase();return k.some(e=>t===e||t.endsWith("."+e))}catch{return!1}}(e)&&!d?/* @__PURE__ */c("div",{className:"absolute inset-0 flex items-center justify-center bg-white p-8",children:/* @__PURE__ */l("div",{className:"max-w-md text-center",children:[
27
27
  /* @__PURE__ */c("svg",{className:"h-14 w-14 mx-auto text-gray-300 mb-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728L5.636 5.636m12.728 12.728L21 21M5.636 5.636L3 3m9 9a9 9 0 110-18 9 9 0 010 18z"})}),
28
28
  /* @__PURE__ */l("h3",{className:"text-base font-semibold text-gray-800 mb-1",children:[v(e)," can't be embedded"]}),
29
29
  /* @__PURE__ */l("p",{className:"text-sm text-gray-500 mb-4",children:["This site sends an ",
@@ -0,0 +1,29 @@
1
+ import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-PX435JG4.js";import{useWidgetSettings as n}from"./chunk-TBM3ZIAN.js";import"./chunk-6A7BN7EN.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-PH3PRIFP.js";import"./chunk-6KO2U66R.js";import"./chunk-E4JWTNG5.js";import"./chunk-L7ZMDZAB.js";import"./chunk-OSJ3ADF2.js";import"./chunk-MAIHBBWT.js";import"./chunk-YJX2IWHB.js";import"./chunk-D65T4H6J.js";import{useState as r,useRef as l,useCallback as o,useEffect as i}from"react";import{jsxs as a,Fragment as c,jsx as s}from"react/jsx-runtime";var u="calc_appearance";function d(){const[d,h]=r("0"),[m,b]=r(null),[k,g]=r(null),[p,N]=r(!1),[v,x]=r(""),[y,f]=r([]),[C,$]=r(!1),[j,w]=r(()=>e(u)),[E,B]=r(!1),[S,T]=r(j),A=l(null);n(o(()=>{T({...j}),B(!0)},[j]));const L=o(e=>{x(""),h(t=>p||"0"===t?(N(!1),"."===e?"0.":e):"."===e&&t.includes(".")?t:t+e)},[p]),W=o(()=>{h("0"),b(null),g(null),N(!1)},[]),D=o((e,t,n)=>{switch(n){case"+":return e+t;case"-":return e-t;case"×":return e*t;case"÷":return 0===t?0:e/t;default:return t}},[]),F=o(e=>{const t=parseFloat(d);if(null!==m&&k&&!p){const e=D(m,t,k);h(String(e)),b(e),f(n=>[`${m} ${k} ${t} = ${e}`,...n].slice(0,20))}else b(t);g(e),N(!0)},[d,m,k,p,D]),M=o(()=>{if(null===m||!k)return;const e=parseFloat(d),t=D(m,e,k),n=`${m} ${k} ${e} =`;f(e=>[`${n} ${t}`,...e].slice(0,20)),x(n),h(String(t)),b(null),g(null),N(!0)},[d,m,k,D]),I=o(()=>{h(e=>String(parseFloat(e)/100))},[]),J=o(()=>{h(e=>e.startsWith("-")?e.slice(1):"0"===e?e:"-"+e)},[]);i(()=>{const e=e=>{const t=e.target.tagName;"INPUT"!==t&&"TEXTAREA"!==t&&"SELECT"!==t&&(e.key>="0"&&e.key<="9"?L(e.key):"."===e.key?L("."):"+"===e.key?F("+"):"-"===e.key?F("-"):"*"===e.key?F("×"):"/"===e.key?(e.preventDefault(),F("÷")):"Enter"===e.key||"="===e.key?("Enter"===e.key&&e.target instanceof Node&&A.current?.contains(e.target)&&e.preventDefault(),M()):"Escape"===e.key?W():"Backspace"===e.key?h(e=>e.length>1?e.slice(0,-1):"0"):"%"===e.key&&I())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[L,F,M,W,I]);const H="flex items-center justify-center rounded-lg text-sm font-medium transition-colors",O=`${H} bg-white border border-gray-200 text-gray-900 hover:bg-gray-50 active:bg-gray-100`,P=`${H} bg-blue-50 border border-blue-200 text-blue-700 hover:bg-blue-100 active:bg-blue-200`,X=`${H} bg-gray-100 border border-gray-200 text-gray-600 hover:bg-gray-200 active:bg-gray-300`,R=`${H} bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800`;/* @__PURE__ */
2
+ return a(c,{children:[
3
+ /* @__PURE__ */a("div",{ref:A,className:"flex flex-col h-full",style:{opacity:j.activeOpacity/100,backdropFilter:j.activeBlur>0?`blur(${j.activeBlur}px)`:void 0},children:[
4
+ /* @__PURE__ */a("div",{className:"bg-slate-200 rounded-t-lg px-4 py-2 group/display relative flex flex-col justify-end min-h-[120px] border-b border-slate-300",children:[
5
+ /* @__PURE__ */s("div",{className:"flex flex-col justify-end flex-1 overflow-hidden",children:y.slice(0,3).reverse().map((e,t)=>/* @__PURE__ */s("div",{className:"text-[11px] text-slate-400 text-right font-mono truncate",children:e},t))}),(v||k&&null!==m)&&/* @__PURE__ */s("div",{className:"text-base text-slate-600 text-right font-mono",children:v||`${m} ${k} ${p?"":d}`}),
6
+ /* @__PURE__ */a("div",{className:"flex items-center gap-2",children:[
7
+ /* @__PURE__ */s("button",{onClick:()=>{navigator.clipboard.writeText(d),$(!0),setTimeout(()=>$(!1),1200)},title:"Copy result",className:"shrink-0 text-slate-300 hover:text-slate-500 transition-colors opacity-0 group-hover/display:opacity-100",children:/* @__PURE__ */s("svg",C?{className:"h-5 w-5 text-green-500",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */s("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}:{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */s("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})})}),
8
+ /* @__PURE__ */s("div",{className:"text-right text-4xl font-mono font-bold text-slate-800 truncate flex-1",children:(e=>{const t=parseFloat(e);return isNaN(t)||e.endsWith(".")||e.endsWith(".0")||Math.abs(t)<1e15&&e.length<16?e:t.toExponential(6)})(d)})]})]}),
9
+ /* @__PURE__ */a("div",{className:"grid grid-cols-4 grid-rows-5 gap-1.5 flex-1 min-h-0 p-2",children:[
10
+ /* @__PURE__ */s("button",{onClick:W,className:X,children:"AC"}),
11
+ /* @__PURE__ */s("button",{onClick:J,className:X,children:"+/−"}),
12
+ /* @__PURE__ */s("button",{onClick:I,className:X,children:"%"}),
13
+ /* @__PURE__ */s("button",{onClick:()=>F("÷"),className:`${P} ${"÷"===k?"ring-2 ring-blue-400":""}`,children:"÷"}),
14
+ /* @__PURE__ */s("button",{onClick:()=>L("7"),className:O,children:"7"}),
15
+ /* @__PURE__ */s("button",{onClick:()=>L("8"),className:O,children:"8"}),
16
+ /* @__PURE__ */s("button",{onClick:()=>L("9"),className:O,children:"9"}),
17
+ /* @__PURE__ */s("button",{onClick:()=>F("×"),className:`${P} ${"×"===k?"ring-2 ring-blue-400":""}`,children:"×"}),
18
+ /* @__PURE__ */s("button",{onClick:()=>L("4"),className:O,children:"4"}),
19
+ /* @__PURE__ */s("button",{onClick:()=>L("5"),className:O,children:"5"}),
20
+ /* @__PURE__ */s("button",{onClick:()=>L("6"),className:O,children:"6"}),
21
+ /* @__PURE__ */s("button",{onClick:()=>F("-"),className:`${P} ${"-"===k?"ring-2 ring-blue-400":""}`,children:"−"}),
22
+ /* @__PURE__ */s("button",{onClick:()=>L("1"),className:O,children:"1"}),
23
+ /* @__PURE__ */s("button",{onClick:()=>L("2"),className:O,children:"2"}),
24
+ /* @__PURE__ */s("button",{onClick:()=>L("3"),className:O,children:"3"}),
25
+ /* @__PURE__ */s("button",{onClick:()=>F("+"),className:`${P} ${"+"===k?"ring-2 ring-blue-400":""}`,children:"+"}),
26
+ /* @__PURE__ */s("button",{onClick:()=>L("0"),className:`${O} col-span-2`,children:"0"}),
27
+ /* @__PURE__ */s("button",{onClick:()=>L("."),className:O,children:"."}),
28
+ /* @__PURE__ */s("button",{onClick:M,className:R,children:"="})]})]}),
29
+ /* @__PURE__ */s(t,{open:E,onClose:()=>B(!1),title:"Calculator Settings",appearance:S,onAppearanceChange:T,onSave:()=>{w(S),localStorage.setItem(u,JSON.stringify(S)),B(!1)}})]})}export{d as default};
@@ -0,0 +1 @@
1
+ export{ConfirmProvider,confirm,confirmDestructive,prompt,useConfirm}from"./chunk-E4JWTNG5.js";import"./chunk-OSJ3ADF2.js";import"./chunk-YJX2IWHB.js";
@@ -1,7 +1,7 @@
1
- import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-753UFF7V.js";import{useWidgetSettings as r}from"./chunk-CFZRCRHL.js";import"./chunk-YNBAOTST.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-PH3PRIFP.js";import"./chunk-7U37VFLE.js";import"./chunk-VNEH2Y6H.js";import"./chunk-OSJ3ADF2.js";import"./chunk-MAIHBBWT.js";import"./chunk-RQ6BKTSJ.js";import"./chunk-D65T4H6J.js";import{useState as a,useCallback as n,useEffect as s}from"react";import{jsxs as c,Fragment as o,jsx as i}from"react/jsx-runtime";var l=["USD","CNY","AUD","GBP","EUR","JPY","CAD","THB","NZD","SGD","HKD","CHF","KRW","INR","MXN","BRL"],m=[["USD","CNY"],["USD","AUD"],["GBP","USD"],["USD","JPY"]],d="currency_pairs",u="currency_appearance",p="currency_rates_cache";function h(e){try{const t=JSON.parse(localStorage.getItem(p)||"{}")[e];if(t&&Date.now()-t.timestamp<36e5)return t.rates}catch{}return null}function g(e,t){try{const r=JSON.parse(localStorage.getItem(p)||"{}");r[e]={rates:t,timestamp:Date.now()},localStorage.setItem(p,JSON.stringify(r))}catch{}}function x(){try{const e=JSON.parse(localStorage.getItem(d)||"");if(Array.isArray(e)&&e.length)return e.slice(0,4)}catch{}return m}var y={USD:"🇺🇸",CNY:"🇨🇳",AUD:"🇦🇺",GBP:"🇬🇧",JPY:"🇯🇵",CAD:"🇨🇦",EUR:"🇪🇺",THB:"🇹🇭",NZD:"🇳🇿",SGD:"🇸🇬",HKD:"🇭🇰",CHF:"🇨🇭",KRW:"🇰🇷",INR:"🇮🇳",MXN:"🇲🇽",BRL:"🇧🇷"};function f(){const[m,p]=a(x),[f,N]=a(()=>e(u)),[b,S]=a({}),[v,D]=a(!1),[k,C]=a(!1),[j,B]=a([]),[U,A]=a(f),[J,H]=a("USD"),[R,F]=a("CNY");r(n(()=>{B([...m]),A({...f}),C(!0)},[m,f])),s(()=>{const e=[...new Set(m.map(([e])=>e))];let t=!0;return async function(){D(!0);const r={};for(const t of e){const e=h(t);if(e)r[t]=e;else try{const e=await fetch(`https://open.er-api.com/v6/latest/${t}`),a=await e.json();a.rates&&(r[t]=a.rates,g(t,a.rates))}catch{}}t&&(S(r),D(!1))}(),()=>{t=!1}},[m]);/* @__PURE__ */
1
+ import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-PX435JG4.js";import{useWidgetSettings as r}from"./chunk-TBM3ZIAN.js";import"./chunk-6A7BN7EN.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-PH3PRIFP.js";import"./chunk-6KO2U66R.js";import"./chunk-E4JWTNG5.js";import"./chunk-L7ZMDZAB.js";import"./chunk-OSJ3ADF2.js";import"./chunk-MAIHBBWT.js";import"./chunk-YJX2IWHB.js";import"./chunk-D65T4H6J.js";import{useState as a,useCallback as n,useEffect as s}from"react";import{jsxs as c,Fragment as o,jsx as i}from"react/jsx-runtime";var l=["USD","CNY","AUD","GBP","EUR","JPY","CAD","THB","NZD","SGD","HKD","CHF","KRW","INR","MXN","BRL"],m=[["USD","CNY"],["USD","AUD"],["GBP","USD"],["USD","JPY"]],u="currency_pairs",d="currency_appearance",p="currency_rates_cache";function h(e){try{const t=JSON.parse(localStorage.getItem(p)||"{}")[e];if(t&&Date.now()-t.timestamp<36e5)return t.rates}catch{}return null}function g(e,t){try{const r=JSON.parse(localStorage.getItem(p)||"{}");r[e]={rates:t,timestamp:Date.now()},localStorage.setItem(p,JSON.stringify(r))}catch{}}function x(){try{const e=JSON.parse(localStorage.getItem(u)||"");if(Array.isArray(e)&&e.length)return e.slice(0,4)}catch{}return m}var y={USD:"🇺🇸",CNY:"🇨🇳",AUD:"🇦🇺",GBP:"🇬🇧",JPY:"🇯🇵",CAD:"🇨🇦",EUR:"🇪🇺",THB:"🇹🇭",NZD:"🇳🇿",SGD:"🇸🇬",HKD:"🇭🇰",CHF:"🇨🇭",KRW:"🇰🇷",INR:"🇮🇳",MXN:"🇲🇽",BRL:"🇧🇷"};function f(){const[m,p]=a(x),[f,N]=a(()=>e(d)),[b,v]=a({}),[S,D]=a(!1),[k,C]=a(!1),[j,B]=a([]),[A,J]=a(f),[I,U]=a("USD"),[O,P]=a("CNY");r(n(()=>{B([...m]),J({...f}),C(!0)},[m,f])),s(()=>{const e=[...new Set(m.map(([e])=>e))];let t=!0;return async function(){D(!0);const r={};for(const t of e){const e=h(t);if(e)r[t]=e;else try{const e=await fetch(`https://open.er-api.com/v6/latest/${t}`),a=await e.json();a.rates&&(r[t]=a.rates,g(t,a.rates))}catch{}}t&&(v(r),D(!1))}(),()=>{t=!1}},[m]);/* @__PURE__ */
2
2
  return c(o,{children:[
3
- /* @__PURE__ */i("div",{style:{backgroundColor:`rgb(var(--taskbar-bg-rgb, 243 244 246) / ${f.activeOpacity/100})`,backdropFilter:f.activeBlur>0?`blur(${f.activeBlur}px)`:void 0},children:/* @__PURE__ */c("div",{className:"px-4 py-3 space-y-1",children:[v&&/* @__PURE__ */i("div",{className:"text-xs text-gray-400 text-center py-4",children:"Loading rates..."}),m.map(([e,t],r)=>{const a=b[e]?.[t];/* @__PURE__ */
4
- return c("button",{onClick:()=>{const e=m.map((e,t)=>t===r?[e[1],e[0]]:e);p(e),localStorage.setItem(d,JSON.stringify(e))},className:"flex items-center justify-between px-2 py-2 border-b border-gray-200 last:border-0 w-full hover:bg-gray-100 rounded transition-colors cursor-pointer",children:[
3
+ /* @__PURE__ */i("div",{style:{backgroundColor:`rgb(var(--taskbar-bg-rgb, 243 244 246) / ${f.activeOpacity/100})`,backdropFilter:f.activeBlur>0?`blur(${f.activeBlur}px)`:void 0},children:/* @__PURE__ */c("div",{className:"px-4 py-3 space-y-1",children:[S&&/* @__PURE__ */i("div",{className:"text-xs text-gray-400 text-center py-4",children:"Loading rates..."}),m.map(([e,t],r)=>{const a=b[e]?.[t];/* @__PURE__ */
4
+ return c("button",{onClick:()=>{const e=m.map((e,t)=>t===r?[e[1],e[0]]:e);p(e),localStorage.setItem(u,JSON.stringify(e))},className:"flex items-center justify-between px-2 py-2 border-b border-gray-200 last:border-0 w-full hover:bg-gray-100 rounded transition-colors cursor-pointer",children:[
5
5
  /* @__PURE__ */c("div",{className:"flex items-center gap-1.5",children:[
6
6
  /* @__PURE__ */i("span",{className:"text-base",children:y[e]||""}),
7
7
  /* @__PURE__ */i("span",{className:"text-sm font-semibold text-gray-700",children:e}),
@@ -9,13 +9,13 @@ return c("button",{onClick:()=>{const e=m.map((e,t)=>t===r?[e[1],e[0]]:e);p(e),l
9
9
  /* @__PURE__ */i("span",{className:"text-base",children:y[t]||""}),
10
10
  /* @__PURE__ */i("span",{className:"text-sm font-semibold text-gray-700",children:t})]}),
11
11
  /* @__PURE__ */i("div",{className:"text-base font-mono font-semibold text-gray-900 tabular-nums",children:null!=a?a.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:4}):"—"})]},`${e}-${t}-${r}`)})]})}),
12
- /* @__PURE__ */i(t,{open:k,onClose:()=>C(!1),title:"Currency Settings",appearance:U,onAppearanceChange:A,onSave:()=>{if(0===j.length)return;const e=j.slice(0,4);p(e),N(U),localStorage.setItem(d,JSON.stringify(e)),localStorage.setItem(u,JSON.stringify(U)),C(!1)},children:/* @__PURE__ */c("div",{children:[
12
+ /* @__PURE__ */i(t,{open:k,onClose:()=>C(!1),title:"Currency Settings",appearance:A,onAppearanceChange:J,onSave:()=>{if(0===j.length)return;const e=j.slice(0,4);p(e),N(A),localStorage.setItem(u,JSON.stringify(e)),localStorage.setItem(d,JSON.stringify(A)),C(!1)},children:/* @__PURE__ */c("div",{children:[
13
13
  /* @__PURE__ */c("h3",{className:"text-sm font-semibold text-gray-700 mb-2",children:["Currency Pairs ",
14
14
  /* @__PURE__ */c("span",{className:"text-[11px] font-normal text-gray-400",children:["(",j.length,"/",4,")"]})]}),
15
15
  /* @__PURE__ */i("div",{className:"space-y-1 mb-2",children:j.map(([e,t],r)=>/* @__PURE__ */c("div",{className:"flex items-center justify-between py-1 px-2 bg-gray-50 rounded",children:[
16
16
  /* @__PURE__ */c("span",{className:"text-sm",children:[y[e]||""," ",e," → ",y[t]||""," ",t]}),
17
17
  /* @__PURE__ */i("button",{onClick:()=>B(e=>e.filter((e,t)=>t!==r)),className:"text-red-400 hover:text-red-600",children:"×"})]},r))}),j.length<4?/* @__PURE__ */c("div",{className:"flex items-center gap-2",children:[
18
- /* @__PURE__ */i("select",{value:J,onChange:e=>H(e.target.value),className:"bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",children:l.map(e=>/* @__PURE__ */i("option",{children:e},e))}),
18
+ /* @__PURE__ */i("select",{value:I,onChange:e=>U(e.target.value),className:"bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",children:l.map(e=>/* @__PURE__ */i("option",{children:e},e))}),
19
19
  /* @__PURE__ */i("span",{className:"text-gray-400",children:"→"}),
20
- /* @__PURE__ */i("select",{value:R,onChange:e=>F(e.target.value),className:"bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",children:l.map(e=>/* @__PURE__ */i("option",{children:e},e))}),
21
- /* @__PURE__ */i("button",{onClick:()=>{J!==R&&j.length<4&&B(e=>[...e,[J,R]])},className:"text-sm font-medium text-blue-600 hover:text-blue-800 px-2",children:"+ Add"})]}):/* @__PURE__ */c("p",{className:"text-[11px] text-gray-400 italic",children:["Max ",4," pairs — remove one to add another."]})]})})]})}export{f as default};
20
+ /* @__PURE__ */i("select",{value:O,onChange:e=>P(e.target.value),className:"bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",children:l.map(e=>/* @__PURE__ */i("option",{children:e},e))}),
21
+ /* @__PURE__ */i("button",{onClick:()=>{I!==O&&j.length<4&&B(e=>[...e,[I,O]])},className:"text-sm font-medium text-blue-600 hover:text-blue-800 px-2",children:"+ Add"})]}):/* @__PURE__ */c("p",{className:"text-[11px] text-gray-400 italic",children:["Max ",4," pairs — remove one to add another."]})]})})]})}export{f as default};
@@ -1,12 +1,12 @@
1
- import{escapeHtml as e}from"./chunk-BR22X7E5.js";import{AboutApp as t}from"./chunk-7B5HMN5K.js";import{toast_default as n}from"./chunk-VBQOHZEM.js";import"./chunk-LID5IFAT.js";import{WindowTitle as r}from"./chunk-CFZRCRHL.js";import"./chunk-YNBAOTST.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-PH3PRIFP.js";import"./chunk-7U37VFLE.js";import{PopupMenu as o,PopupMenuLabel as l,PopupMenuItem as a,PopupMenuDivider as i}from"./chunk-VNEH2Y6H.js";import"./chunk-OSJ3ADF2.js";import"./chunk-MAIHBBWT.js";import"./chunk-RQ6BKTSJ.js";import"./chunk-D65T4H6J.js";import{useState as s,useRef as c}from"react";import{jsxs as d,jsx as h}from"react/jsx-runtime";var m=/* @__PURE__ */new Set(["txt","md","markdown","csv","tsv","log","json","xml","html","htm","css","js","jsx","ts","tsx","py","rb","go","rs","java","c","h","cpp","hpp","sh","bash","yml","yaml","toml","ini","conf","env","sql"]),u=/* @__PURE__ */new Set(["docx"]),p={filename:"Untitled",kind:"docx",content:"",ext:"docx"};function g(){const[g,x]=s(p),[f,y]=s(!1),[v,b]=s(!1),[k,w]=s(!1),[N,C]=s(null),D=c(null),j=c(null),L=c(null),M=(e,t)=>{L.current?.focus(),document.execCommand(e,!1,t),w(!0)},B=e=>{for(const t of e){if(!t.type.startsWith("image/"))continue;const e=new FileReader;e.onload=()=>{L.current?.focus(),document.execCommand("insertImage",!1,String(e.result)),w(!0)},e.readAsDataURL(t)}},R=e=>{N&&(N.el.removeAttribute("width"),N.el.removeAttribute("height"),N.el.style.width=e??"",N.el.style.height=e?"auto":"",w(!0),C(null))},U=async t=>{const r=(t.name.split(".").pop()||"").toLowerCase();y(!0);try{if(m.has(r)||!u.has(r)&&t.type.startsWith("text/")){const n=await t.text(),o=e(n).replace(/\n/g,"<br>");x({filename:t.name,kind:"text",content:o,ext:r}),w(!1)}else if(u.has(r))try{const e=await(import(
1
+ import{escapeHtml as e}from"./chunk-BR22X7E5.js";import{AboutApp as t}from"./chunk-4GOHPACN.js";import{toast_default as n}from"./chunk-NLASNJNY.js";import"./chunk-A6O4Y63A.js";import{WindowTitle as r}from"./chunk-TBM3ZIAN.js";import"./chunk-6A7BN7EN.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-PH3PRIFP.js";import"./chunk-6KO2U66R.js";import"./chunk-E4JWTNG5.js";import{PopupMenu as o,PopupMenuLabel as l,PopupMenuItem as a,PopupMenuDivider as i}from"./chunk-L7ZMDZAB.js";import"./chunk-OSJ3ADF2.js";import"./chunk-MAIHBBWT.js";import"./chunk-YJX2IWHB.js";import"./chunk-D65T4H6J.js";import{useState as s,useRef as c}from"react";import{jsxs as d,jsx as h}from"react/jsx-runtime";var m=/* @__PURE__ */new Set(["txt","md","markdown","csv","tsv","log","json","xml","html","htm","css","js","jsx","ts","tsx","py","rb","go","rs","java","c","h","cpp","hpp","sh","bash","yml","yaml","toml","ini","conf","env","sql"]),u=/* @__PURE__ */new Set(["docx"]),p={filename:"Untitled",kind:"docx",content:"",ext:"docx"};function g(){const[g,x]=s(p),[f,y]=s(!1),[v,b]=s(!1),[k,w]=s(!1),[N,C]=s(null),j=c(null),D=c(null),L=c(null),M=(e,t)=>{L.current?.focus(),document.execCommand(e,!1,t),w(!0)},A=e=>{for(const t of e){if(!t.type.startsWith("image/"))continue;const e=new FileReader;e.onload=()=>{L.current?.focus(),document.execCommand("insertImage",!1,String(e.result)),w(!0)},e.readAsDataURL(t)}},B=e=>{N&&(N.el.removeAttribute("width"),N.el.removeAttribute("height"),N.el.style.width=e??"",N.el.style.height=e?"auto":"",w(!0),C(null))},U=async t=>{const r=(t.name.split(".").pop()||"").toLowerCase();y(!0);try{if(m.has(r)||!u.has(r)&&t.type.startsWith("text/")){const n=await t.text(),o=e(n).replace(/\n/g,"<br>");x({filename:t.name,kind:"text",content:o,ext:r}),w(!1)}else if(u.has(r))try{const e=await(import(
2
2
  /* @vite-ignore */
3
- "mammoth")),n=await t.arrayBuffer(),o=await e.convertToHtml({arrayBuffer:n});x({filename:t.name,kind:"docx",content:o.value||"<p><em>(empty document)</em></p>",ext:r}),w(!1)}catch(e){n.error('Install the optional "mammoth" peer dep to read .docx files.')}else"doc"===r?n.error(".doc is the legacy Word binary format — convert to .docx first."):n.error(`Unsupported file type: .${r||"unknown"}`)}finally{y(!1)}},A=g?.filename?(T=g.filename).length>24?`${T.slice(0,23)}…`:T:"Untitled";var T;/* @__PURE__ */
4
- return d("div",{className:"relative flex flex-col h-full",onDragOver:e=>{e.preventDefault(),v||b(!0)},onDragLeave:e=>{e.currentTarget===e.target&&b(!1)},onDrop:e=>{e.preventDefault(),b(!1);const t=Array.from(e.dataTransfer.files??[]);0!==t.length&&(t.every(e=>e.type.startsWith("image/"))?B(t):U(t[0]))},children:[
5
- /* @__PURE__ */h(r,{title:`${A}${k?" •":""} - Documents`}),
3
+ "mammoth")),n=await t.arrayBuffer(),o=await e.convertToHtml({arrayBuffer:n});x({filename:t.name,kind:"docx",content:o.value||"<p><em>(empty document)</em></p>",ext:r}),w(!1)}catch(e){n.error('Install the optional "mammoth" peer dep to read .docx files.')}else"doc"===r?n.error(".doc is the legacy Word binary format — convert to .docx first."):n.error(`Unsupported file type: .${r||"unknown"}`)}finally{y(!1)}},R=g?.filename?(W=g.filename).length>24?`${W.slice(0,23)}…`:W:"Untitled";var W;/* @__PURE__ */
4
+ return d("div",{className:"relative flex flex-col h-full",onDragOver:e=>{e.preventDefault(),v||b(!0)},onDragLeave:e=>{e.currentTarget===e.target&&b(!1)},onDrop:e=>{e.preventDefault(),b(!1);const t=Array.from(e.dataTransfer.files??[]);0!==t.length&&(t.every(e=>e.type.startsWith("image/"))?A(t):U(t[0]))},children:[
5
+ /* @__PURE__ */h(r,{title:`${R}${k?" •":""} - Documents`}),
6
6
  /* @__PURE__ */h(t,{app:"documents"}),
7
7
  /* @__PURE__ */d("div",{className:"flex items-center flex-wrap gap-x-2 gap-y-1 px-3 py-2 border-b border-gray-200 bg-gray-50 shrink-0",children:[
8
- /* @__PURE__ */h("input",{ref:D,type:"file",accept:".txt,.md,.csv,.tsv,.log,.json,.xml,.html,.htm,.css,.js,.jsx,.ts,.tsx,.py,.rb,.go,.rs,.java,.c,.h,.cpp,.hpp,.sh,.bash,.yml,.yaml,.toml,.ini,.conf,.env,.sql,.docx,text/*",onChange:e=>{const t=e.target.files?.[0];t&&U(t),D.current&&(D.current.value="")},className:"hidden"}),
9
- /* @__PURE__ */d("button",{onClick:()=>D.current?.click(),className:"text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1",children:[
8
+ /* @__PURE__ */h("input",{ref:j,type:"file",accept:".txt,.md,.csv,.tsv,.log,.json,.xml,.html,.htm,.css,.js,.jsx,.ts,.tsx,.py,.rb,.go,.rs,.java,.c,.h,.cpp,.hpp,.sh,.bash,.yml,.yaml,.toml,.ini,.conf,.env,.sql,.docx,text/*",onChange:e=>{const t=e.target.files?.[0];t&&U(t),j.current&&(j.current.value="")},className:"hidden"}),
9
+ /* @__PURE__ */d("button",{onClick:()=>j.current?.click(),className:"text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1",children:[
10
10
  /* @__PURE__ */h("svg",{className:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */h("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776"})}),"Open"]}),
11
11
  /* @__PURE__ */h("button",{onClick:()=>{if(!g)return;const t=L.current?.innerHTML??"";if("text"===g.kind){if(/<(b|strong|i|em|u|font|span style|ul|ol|img)|style="[^"]*text-align/i.test(t)){const n=new Blob([`<!doctype html><meta charset="utf-8"><title>${e(g.filename)}</title><body style="font-family:ui-monospace,monospace;white-space:pre-wrap">${t}`],{type:"text/html"}),r=URL.createObjectURL(n),o=document.createElement("a");o.href=r,o.download=`${g.filename.replace(/\.[^.]+$/,"")}.html`,o.click(),URL.revokeObjectURL(r)}else{const e=L.current?.innerText??"",t=new Blob([e],{type:"text/plain"}),n=URL.createObjectURL(t),r=document.createElement("a");r.href=n,r.download=g.filename,r.click(),URL.revokeObjectURL(n)}}else{const n=new Blob([`<!doctype html><meta charset="utf-8"><title>${e(g.filename)}</title>${t}`],{type:"text/html"}),r=URL.createObjectURL(n),o=document.createElement("a");o.href=r,o.download=`${g.filename.replace(/\.docx$/i,"")}.html`,o.click(),URL.revokeObjectURL(r)}},className:"text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",children:"Save"}),
12
12
  /* @__PURE__ */h("span",{className:"text-[10px] text-gray-400 ml-1",children:"TXT · DOCX · Code"}),
@@ -38,15 +38,15 @@ return d("div",{className:"relative flex flex-col h-full",onDragOver:e=>{e.preve
38
38
  /* @__PURE__ */h("button",{onMouseDown:e=>e.preventDefault(),onClick:()=>M("justifyRight"),className:"px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors",title:"Align right",children:/* @__PURE__ */h("svg",{className:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */h("path",{strokeLinecap:"round",d:"M3.75 6h16.5M10.5 12h9.75M6 18h14.25"})})}),
39
39
  /* @__PURE__ */h("button",{onMouseDown:e=>e.preventDefault(),onClick:()=>M("justifyFull"),className:"px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors",title:"Justify",children:/* @__PURE__ */h("svg",{className:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */h("path",{strokeLinecap:"round",d:"M3.75 6h16.5M3.75 12h16.5M3.75 18h16.5"})})})]}),
40
40
  /* @__PURE__ */h("div",{className:"h-4 w-px bg-gray-300 mx-1"}),
41
- /* @__PURE__ */h("input",{ref:j,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:e=>{e.target.files?.length&&B(Array.from(e.target.files)),j.current&&(j.current.value="")}}),
42
- /* @__PURE__ */d("button",{onClick:()=>j.current?.click(),className:"px-2 py-1 text-xs rounded text-gray-700 hover:bg-gray-200 transition-colors flex items-center gap-1",title:"Insert image (or paste / drop one)",children:[
41
+ /* @__PURE__ */h("input",{ref:D,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:e=>{e.target.files?.length&&A(Array.from(e.target.files)),D.current&&(D.current.value="")}}),
42
+ /* @__PURE__ */d("button",{onClick:()=>D.current?.click(),className:"px-2 py-1 text-xs rounded text-gray-700 hover:bg-gray-200 transition-colors flex items-center gap-1",title:"Insert image (or paste / drop one)",children:[
43
43
  /* @__PURE__ */h("svg",{className:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */h("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"})}),"Image"]})]}),
44
- /* @__PURE__ */h("div",{className:"flex-1 min-h-0 overflow-hidden",children:/* @__PURE__ */h("div",f?{className:"flex items-center justify-center h-full text-sm text-gray-400",children:"Loading…"}:{className:"h-full overflow-auto "+("docx"===g.kind?"bg-gray-100 px-6 py-8":"bg-white"),children:/* @__PURE__ */h("div",{ref:L,contentEditable:!0,suppressContentEditableWarning:!0,spellCheck:!1,onInput:()=>w(!0),onPaste:e=>{const t=Array.from(e.clipboardData?.items??[]).filter(e=>"file"===e.kind&&e.type.startsWith("image/")).map(e=>e.getAsFile()).filter(e=>!!e);t.length&&(e.preventDefault(),B(t))},onClick:e=>{const t=e.target;"IMG"===t.tagName&&(e.preventDefault(),C({x:e.clientX,y:e.clientY,el:t}))},dangerouslySetInnerHTML:{__html:g.content},className:"docx"===g.kind?"docs-editor mx-auto w-[8.5in] min-h-[11in] bg-white p-[1in] shadow text-[14px] leading-relaxed text-gray-800 outline-none focus:ring-2 focus:ring-blue-400/40":"docs-editor block w-full min-h-full p-4 font-mono text-[13px] leading-relaxed text-gray-800 bg-white outline-none whitespace-pre-wrap"})})}),v&&/* @__PURE__ */h("div",{className:"absolute inset-0 bg-blue-500/15 border-4 border-dashed border-blue-500 pointer-events-none flex items-center justify-center z-20",children:/* @__PURE__ */h("div",{className:"px-4 py-2 rounded-md bg-blue-600 text-white text-sm font-medium shadow-lg",children:"Drop a document to open · images insert into the page"})}),N&&/* @__PURE__ */d(o,{minWidth:150,style:{left:N.x,top:N.y},onClose:()=>C(null),children:[
44
+ /* @__PURE__ */h("div",{className:"flex-1 min-h-0 overflow-hidden",children:/* @__PURE__ */h("div",f?{className:"flex items-center justify-center h-full text-sm text-gray-400",children:"Loading…"}:{className:"h-full overflow-auto "+("docx"===g.kind?"bg-gray-100 px-6 py-8":"bg-white"),children:/* @__PURE__ */h("div",{ref:L,contentEditable:!0,suppressContentEditableWarning:!0,spellCheck:!1,onInput:()=>w(!0),onPaste:e=>{const t=Array.from(e.clipboardData?.items??[]).filter(e=>"file"===e.kind&&e.type.startsWith("image/")).map(e=>e.getAsFile()).filter(e=>!!e);t.length&&(e.preventDefault(),A(t))},onClick:e=>{const t=e.target;"IMG"===t.tagName&&(e.preventDefault(),C({x:e.clientX,y:e.clientY,el:t}))},dangerouslySetInnerHTML:{__html:g.content},className:"docx"===g.kind?"docs-editor mx-auto w-[8.5in] min-h-[11in] bg-white p-[1in] shadow text-[14px] leading-relaxed text-gray-800 outline-none focus:ring-2 focus:ring-blue-400/40":"docs-editor block w-full min-h-full p-4 font-mono text-[13px] leading-relaxed text-gray-800 bg-white outline-none whitespace-pre-wrap"})})}),v&&/* @__PURE__ */h("div",{className:"absolute inset-0 bg-blue-500/15 border-4 border-dashed border-blue-500 pointer-events-none flex items-center justify-center z-20",children:/* @__PURE__ */h("div",{className:"px-4 py-2 rounded-md bg-blue-600 text-white text-sm font-medium shadow-lg",children:"Drop a document to open · images insert into the page"})}),N&&/* @__PURE__ */d(o,{minWidth:150,style:{left:N.x,top:N.y},onClose:()=>C(null),children:[
45
45
  /* @__PURE__ */h(l,{children:"Image width"}),
46
- /* @__PURE__ */h(a,{onClick:()=>R("25%"),children:"25%"}),
47
- /* @__PURE__ */h(a,{onClick:()=>R("50%"),children:"50%"}),
48
- /* @__PURE__ */h(a,{onClick:()=>R("75%"),children:"75%"}),
49
- /* @__PURE__ */h(a,{onClick:()=>R("100%"),children:"100%"}),
50
- /* @__PURE__ */h(a,{onClick:()=>R(null),children:"Original size"}),
46
+ /* @__PURE__ */h(a,{onClick:()=>B("25%"),children:"25%"}),
47
+ /* @__PURE__ */h(a,{onClick:()=>B("50%"),children:"50%"}),
48
+ /* @__PURE__ */h(a,{onClick:()=>B("75%"),children:"75%"}),
49
+ /* @__PURE__ */h(a,{onClick:()=>B("100%"),children:"100%"}),
50
+ /* @__PURE__ */h(a,{onClick:()=>B(null),children:"Original size"}),
51
51
  /* @__PURE__ */h(i,{}),
52
52
  /* @__PURE__ */h(a,{danger:!0,onClick:()=>{N?.el.remove(),w(!0),C(null)},children:"Remove image"})]})]})}export{g as default};