efficient-shell 4.134.0 → 4.137.1
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.
- package/LICENSE +6 -17
- package/README.md +84 -8
- package/dist/Browser-ZX5OTOKK.js +43 -0
- package/dist/Calculator-4SQGOQFQ.js +29 -0
- package/dist/ConfirmDialog-NPKW2XHM.js +1 -0
- package/dist/CurrencyConverter-2KOM7L6V.js +21 -0
- package/dist/Documents-IZTIQYPG.js +52 -0
- package/dist/Files-B63KKXGZ.js +89 -0
- package/dist/Notepad-WA77V45J.js +25 -0
- package/dist/PdfViewer-RBRGEKWF.js +1 -0
- package/dist/PomodoroTimer-SDUBKXUS.js +99 -0
- package/dist/Preview-D4KOA4OI.js +187 -0
- package/dist/Sidebar-Y57LYXXI.js +23 -0
- package/dist/Spreadsheet-JX5E6WH6.js +37 -0
- package/dist/Stock-XAQ5WMUZ.js +16 -0
- package/dist/Weather-HLAGJ5LV.js +60 -0
- package/dist/WorldClock-IRI4VCTA.js +32 -0
- package/dist/apps/index.js +1 -151
- package/dist/brand.css +1 -1
- package/dist/chunk-3A46NCXK.js +29 -0
- package/dist/chunk-44UO7FYU.js +11 -0
- package/dist/chunk-466CM2TJ.js +1 -0
- package/dist/chunk-57MIENLJ.js +1 -0
- package/dist/chunk-5CRAF2AD.js +2 -0
- package/dist/chunk-A2OQLLYK.js +6 -0
- package/dist/chunk-B43AGQET.js +4 -0
- package/dist/chunk-BR22X7E5.js +1 -0
- package/dist/chunk-BUTSU7FO.js +1 -0
- package/dist/chunk-D65T4H6J.js +1 -0
- package/dist/chunk-ESL5TDNA.js +1 -0
- package/dist/chunk-FBDZGO3V.js +1 -0
- package/dist/chunk-FHTLC7HH.js +1 -0
- package/dist/chunk-FQLMX3IE.js +948 -0
- package/dist/chunk-H562R4GX.js +34 -0
- package/dist/chunk-JN4WXTWJ.js +106 -0
- package/dist/chunk-LVDRBRYU.js +1 -0
- package/dist/chunk-LWLCNQY7.js +1 -0
- package/dist/chunk-MAIHBBWT.js +1 -0
- package/dist/chunk-NPJH5MD7.js +13 -0
- package/dist/chunk-OCSOMMY2.js +1 -0
- package/dist/chunk-OQDWLHZI.js +1 -0
- package/dist/chunk-OWSAMA3I.js +23 -0
- package/dist/chunk-PH3PRIFP.js +5 -0
- package/dist/chunk-TAWKWSPN.js +9 -0
- package/dist/chunk-U4GTZPXP.js +1 -0
- package/dist/chunk-UB4JIOLD.js +2 -0
- package/dist/chunk-UZAJ5BF6.js +9 -0
- package/dist/chunk-VEGMDXT4.js +1 -0
- package/dist/chunk-VTVSMRFX.js +1 -0
- package/dist/chunk-VVAGSKW7.js +1 -0
- package/dist/chunk-XO43FJRM.js +19 -0
- package/dist/chunk-Y7BOLDRM.js +69 -0
- package/dist/file-intake/index.js +1 -4
- package/dist/{index-DZ7E7bCl.d.ts → index-DVI9DMSu.d.ts} +189 -18
- package/dist/index.d.ts +2 -2
- package/dist/index.js +639 -7473
- package/dist/map/index.js +20 -540
- package/dist/markdown/index.js +6 -184
- package/dist/markup/index.js +1 -135
- package/dist/page-tabs/index.js +21 -709
- package/dist/sounds-OMHXVVQ4.js +1 -0
- package/dist/ui/index.d.ts +1 -1
- package/dist/ui/index.js +1 -19
- package/dist/ui.css +78 -10
- package/package.json +4 -3
- package/dist/Browser-O3QZGUF2.js +0 -482
- package/dist/Browser-O3QZGUF2.js.map +0 -1
- package/dist/Calculator-L6N5X3KU.js +0 -192
- package/dist/Calculator-L6N5X3KU.js.map +0 -1
- package/dist/ConfirmDialog-LYSSZSUD.js +0 -4
- package/dist/ConfirmDialog-LYSSZSUD.js.map +0 -1
- package/dist/CurrencyConverter-64MKXB3D.js +0 -236
- package/dist/CurrencyConverter-64MKXB3D.js.map +0 -1
- package/dist/Documents-5WXXYCLI.js +0 -441
- package/dist/Documents-5WXXYCLI.js.map +0 -1
- package/dist/Files-AUURUUDN.js +0 -805
- package/dist/Files-AUURUUDN.js.map +0 -1
- package/dist/Notepad-GPXJVPB7.js +0 -410
- package/dist/Notepad-GPXJVPB7.js.map +0 -1
- package/dist/PdfViewer-HKO6P4SR.js +0 -5
- package/dist/PdfViewer-HKO6P4SR.js.map +0 -1
- package/dist/PomodoroTimer-4TQBWLP2.js +0 -633
- package/dist/PomodoroTimer-4TQBWLP2.js.map +0 -1
- package/dist/Preview-FOZYPKM2.js +0 -2959
- package/dist/Preview-FOZYPKM2.js.map +0 -1
- package/dist/Sidebar-BPU7RCZP.js +0 -291
- package/dist/Sidebar-BPU7RCZP.js.map +0 -1
- package/dist/Spreadsheet-3C66BBBF.js +0 -519
- package/dist/Spreadsheet-3C66BBBF.js.map +0 -1
- package/dist/Stock-IF4IHYLU.js +0 -158
- package/dist/Stock-IF4IHYLU.js.map +0 -1
- package/dist/Weather-725PFR7T.js +0 -431
- package/dist/Weather-725PFR7T.js.map +0 -1
- package/dist/WorldClock-UU4NZIQ7.js +0 -202
- package/dist/WorldClock-UU4NZIQ7.js.map +0 -1
- package/dist/apps/index.js.map +0 -1
- package/dist/chunk-2TPTHAKI.js +0 -316
- package/dist/chunk-2TPTHAKI.js.map +0 -1
- package/dist/chunk-4P44JXDS.js +0 -195
- package/dist/chunk-4P44JXDS.js.map +0 -1
- package/dist/chunk-5O42JXQE.js +0 -26
- package/dist/chunk-5O42JXQE.js.map +0 -1
- package/dist/chunk-72CQWN7O.js +0 -547
- package/dist/chunk-72CQWN7O.js.map +0 -1
- package/dist/chunk-7CCHEEYC.js +0 -94
- package/dist/chunk-7CCHEEYC.js.map +0 -1
- package/dist/chunk-BE7FZOFU.js +0 -17
- package/dist/chunk-BE7FZOFU.js.map +0 -1
- package/dist/chunk-D276EMXS.js +0 -57
- package/dist/chunk-D276EMXS.js.map +0 -1
- package/dist/chunk-D7PYW2QS.js +0 -265
- package/dist/chunk-D7PYW2QS.js.map +0 -1
- package/dist/chunk-DVZWYWSD.js +0 -26
- package/dist/chunk-DVZWYWSD.js.map +0 -1
- package/dist/chunk-ET6ID4LP.js +0 -102
- package/dist/chunk-ET6ID4LP.js.map +0 -1
- package/dist/chunk-GA35NEND.js +0 -56
- package/dist/chunk-GA35NEND.js.map +0 -1
- package/dist/chunk-GIGV2ZRW.js +0 -70
- package/dist/chunk-GIGV2ZRW.js.map +0 -1
- package/dist/chunk-IPXN646P.js +0 -14
- package/dist/chunk-IPXN646P.js.map +0 -1
- package/dist/chunk-IRWSRJ4K.js +0 -48
- package/dist/chunk-IRWSRJ4K.js.map +0 -1
- package/dist/chunk-IULP5BCD.js +0 -79
- package/dist/chunk-IULP5BCD.js.map +0 -1
- package/dist/chunk-MGGY74RY.js +0 -14
- package/dist/chunk-MGGY74RY.js.map +0 -1
- package/dist/chunk-OLJDJYSU.js +0 -13678
- package/dist/chunk-OLJDJYSU.js.map +0 -1
- package/dist/chunk-PIGDNN5F.js +0 -46
- package/dist/chunk-PIGDNN5F.js.map +0 -1
- package/dist/chunk-Q2MJVSJT.js +0 -7
- package/dist/chunk-Q2MJVSJT.js.map +0 -1
- package/dist/chunk-Q3LT745N.js +0 -3710
- package/dist/chunk-Q3LT745N.js.map +0 -1
- package/dist/chunk-QAGQRNKI.js +0 -145
- package/dist/chunk-QAGQRNKI.js.map +0 -1
- package/dist/chunk-QRL64J5F.js +0 -503
- package/dist/chunk-QRL64J5F.js.map +0 -1
- package/dist/chunk-QSKCQUZE.js +0 -1103
- package/dist/chunk-QSKCQUZE.js.map +0 -1
- package/dist/chunk-R4OQIQYX.js +0 -153
- package/dist/chunk-R4OQIQYX.js.map +0 -1
- package/dist/chunk-RT6DSB5Y.js +0 -143
- package/dist/chunk-RT6DSB5Y.js.map +0 -1
- package/dist/chunk-SHQM5CK3.js +0 -549
- package/dist/chunk-SHQM5CK3.js.map +0 -1
- package/dist/chunk-T4VQHMG4.js +0 -822
- package/dist/chunk-T4VQHMG4.js.map +0 -1
- package/dist/chunk-TRCWINHF.js +0 -105
- package/dist/chunk-TRCWINHF.js.map +0 -1
- package/dist/chunk-TW7LPMVR.js +0 -16
- package/dist/chunk-TW7LPMVR.js.map +0 -1
- package/dist/chunk-W622KQTD.js +0 -465
- package/dist/chunk-W622KQTD.js.map +0 -1
- package/dist/chunk-X4Q6G253.js +0 -416
- package/dist/chunk-X4Q6G253.js.map +0 -1
- package/dist/chunk-YNKK7NE3.js +0 -171
- package/dist/chunk-YNKK7NE3.js.map +0 -1
- package/dist/chunk-YPO6RDMX.js +0 -20
- package/dist/chunk-YPO6RDMX.js.map +0 -1
- package/dist/file-intake/index.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/map/index.js.map +0 -1
- package/dist/markdown/index.js.map +0 -1
- package/dist/markup/index.js.map +0 -1
- package/dist/page-tabs/index.js.map +0 -1
- package/dist/sounds-NT4DEZGD.js +0 -3
- package/dist/sounds-NT4DEZGD.js.map +0 -1
- package/dist/ui/index.js.map +0 -1
package/dist/Stock-IF4IHYLU.js
DELETED
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import { loadAppearance, WidgetSettingsModal } from './chunk-R4OQIQYX.js';
|
|
2
|
-
import { useWidgetSettings } from './chunk-Q3LT745N.js';
|
|
3
|
-
import './chunk-GA35NEND.js';
|
|
4
|
-
import './chunk-2TPTHAKI.js';
|
|
5
|
-
import './chunk-RT6DSB5Y.js';
|
|
6
|
-
import './chunk-QRL64J5F.js';
|
|
7
|
-
import './chunk-W622KQTD.js';
|
|
8
|
-
import './chunk-D276EMXS.js';
|
|
9
|
-
import './chunk-72CQWN7O.js';
|
|
10
|
-
import './chunk-IRWSRJ4K.js';
|
|
11
|
-
import './chunk-IPXN646P.js';
|
|
12
|
-
import { useState, useCallback } from 'react';
|
|
13
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
14
|
-
|
|
15
|
-
var MAX_SYMBOLS = 8;
|
|
16
|
-
var DEFAULT_SYMBOLS = ["AAPL", "MSFT", "GOOGL", "TSLA", "NVDA"];
|
|
17
|
-
var SYMBOLS_KEY = "stock_symbols";
|
|
18
|
-
var SETTINGS_KEY = "stock_appearance";
|
|
19
|
-
var DEMO_QUOTES = {
|
|
20
|
-
AAPL: { price: 229.87, change: 1.42, changePct: 0.62 },
|
|
21
|
-
MSFT: { price: 451.16, change: -2.31, changePct: -0.51 },
|
|
22
|
-
GOOGL: { price: 178.34, change: 0.89, changePct: 0.5 },
|
|
23
|
-
AMZN: { price: 201.45, change: -1.08, changePct: -0.53 },
|
|
24
|
-
TSLA: { price: 248.92, change: 6.74, changePct: 2.78 },
|
|
25
|
-
NVDA: { price: 134.81, change: -3.12, changePct: -2.26 },
|
|
26
|
-
META: { price: 563.27, change: 4.55, changePct: 0.81 }
|
|
27
|
-
};
|
|
28
|
-
var DEMO_TICKERS = Object.keys(DEMO_QUOTES);
|
|
29
|
-
function loadSymbols() {
|
|
30
|
-
try {
|
|
31
|
-
const s = JSON.parse(localStorage.getItem(SYMBOLS_KEY) || "");
|
|
32
|
-
if (Array.isArray(s) && s.length) return s.slice(0, MAX_SYMBOLS);
|
|
33
|
-
} catch {
|
|
34
|
-
}
|
|
35
|
-
return DEFAULT_SYMBOLS;
|
|
36
|
-
}
|
|
37
|
-
var fmtPrice = (n) => `$${n.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
|
|
38
|
-
var fmtSigned = (n) => `${n >= 0 ? "+" : ""}${n.toFixed(2)}`;
|
|
39
|
-
function Stock() {
|
|
40
|
-
const [symbols, setSymbols] = useState(loadSymbols);
|
|
41
|
-
const [appearance, setAppearance] = useState(() => loadAppearance(SETTINGS_KEY));
|
|
42
|
-
const [settingsOpen, setSettingsOpen] = useState(false);
|
|
43
|
-
const [configSymbols, setConfigSymbols] = useState([]);
|
|
44
|
-
const [configAppearance, setConfigAppearance] = useState(appearance);
|
|
45
|
-
const [newSymbol, setNewSymbol] = useState("");
|
|
46
|
-
const openSettings = useCallback(() => {
|
|
47
|
-
setConfigSymbols([...symbols]);
|
|
48
|
-
setConfigAppearance({ ...appearance });
|
|
49
|
-
setNewSymbol("");
|
|
50
|
-
setSettingsOpen(true);
|
|
51
|
-
}, [symbols, appearance]);
|
|
52
|
-
useWidgetSettings(openSettings);
|
|
53
|
-
const addSymbol = () => {
|
|
54
|
-
const s = newSymbol.trim().toUpperCase();
|
|
55
|
-
if (!s || configSymbols.includes(s) || configSymbols.length >= MAX_SYMBOLS) return;
|
|
56
|
-
setConfigSymbols((p) => [...p, s]);
|
|
57
|
-
setNewSymbol("");
|
|
58
|
-
};
|
|
59
|
-
const saveSettings = () => {
|
|
60
|
-
const cleaned = configSymbols.map((s) => s.toUpperCase()).slice(0, MAX_SYMBOLS);
|
|
61
|
-
setSymbols(cleaned);
|
|
62
|
-
setAppearance(configAppearance);
|
|
63
|
-
localStorage.setItem(SYMBOLS_KEY, JSON.stringify(cleaned));
|
|
64
|
-
localStorage.setItem(SETTINGS_KEY, JSON.stringify(configAppearance));
|
|
65
|
-
setSettingsOpen(false);
|
|
66
|
-
};
|
|
67
|
-
const availableTickers = DEMO_TICKERS.filter((t) => !configSymbols.includes(t));
|
|
68
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
69
|
-
/* @__PURE__ */ jsx(
|
|
70
|
-
"div",
|
|
71
|
-
{
|
|
72
|
-
style: { backgroundColor: `rgb(var(--taskbar-bg-rgb, 243 244 246) / ${appearance.activeOpacity / 100})`, backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : void 0 },
|
|
73
|
-
children: /* @__PURE__ */ jsx("div", { className: "px-4 py-3", children: symbols.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500 text-center py-6", children: "No symbols yet \u2014 add some in settings." }) : /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: symbols.map((sym) => {
|
|
74
|
-
const q = DEMO_QUOTES[sym];
|
|
75
|
-
const up = (q?.change ?? 0) >= 0;
|
|
76
|
-
const color = !q ? "text-gray-400" : q.change > 0 ? "text-green-600" : q.change < 0 ? "text-red-600" : "text-gray-500";
|
|
77
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-2 border-b border-gray-200 last:border-0", children: [
|
|
78
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-gray-800 tracking-tight", children: sym }),
|
|
79
|
-
q ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end leading-tight", children: [
|
|
80
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm font-mono font-semibold text-gray-900 tabular-nums", children: fmtPrice(q.price) }),
|
|
81
|
-
/* @__PURE__ */ jsxs("span", { className: `text-[11px] font-medium tabular-nums ${color}`, children: [
|
|
82
|
-
up ? "\u25B2" : "\u25BC",
|
|
83
|
-
" ",
|
|
84
|
-
fmtSigned(q.change),
|
|
85
|
-
" (",
|
|
86
|
-
fmtSigned(q.changePct),
|
|
87
|
-
"%)"
|
|
88
|
-
] })
|
|
89
|
-
] }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-mono text-gray-400 tabular-nums", children: "\u2014" })
|
|
90
|
-
] }, sym);
|
|
91
|
-
}) }) })
|
|
92
|
-
}
|
|
93
|
-
),
|
|
94
|
-
/* @__PURE__ */ jsx(
|
|
95
|
-
WidgetSettingsModal,
|
|
96
|
-
{
|
|
97
|
-
open: settingsOpen,
|
|
98
|
-
onClose: () => setSettingsOpen(false),
|
|
99
|
-
title: "Stock Settings",
|
|
100
|
-
appearance: configAppearance,
|
|
101
|
-
onAppearanceChange: setConfigAppearance,
|
|
102
|
-
onSave: saveSettings,
|
|
103
|
-
children: /* @__PURE__ */ jsxs("div", { children: [
|
|
104
|
-
/* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-gray-700 mb-2", children: [
|
|
105
|
-
"Symbols ",
|
|
106
|
-
/* @__PURE__ */ jsxs("span", { className: "text-[11px] font-normal text-gray-400", children: [
|
|
107
|
-
"(",
|
|
108
|
-
configSymbols.length,
|
|
109
|
-
"/",
|
|
110
|
-
MAX_SYMBOLS,
|
|
111
|
-
")"
|
|
112
|
-
] })
|
|
113
|
-
] }),
|
|
114
|
-
/* @__PURE__ */ jsxs("div", { className: "space-y-1 mb-2", children: [
|
|
115
|
-
configSymbols.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-1 px-2 bg-gray-50 rounded", children: [
|
|
116
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-700", children: s }),
|
|
117
|
-
/* @__PURE__ */ jsx("button", { onClick: () => setConfigSymbols((p) => p.filter((_, idx) => idx !== i)), className: "text-red-400 hover:text-red-600", children: "\xD7" })
|
|
118
|
-
] }, i)),
|
|
119
|
-
configSymbols.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-gray-400 italic", children: "No symbols \u2014 add a ticker below." })
|
|
120
|
-
] }),
|
|
121
|
-
configSymbols.length < MAX_SYMBOLS ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
122
|
-
/* @__PURE__ */ jsx(
|
|
123
|
-
"input",
|
|
124
|
-
{
|
|
125
|
-
value: newSymbol,
|
|
126
|
-
onChange: (e) => setNewSymbol(e.target.value),
|
|
127
|
-
onKeyDown: (e) => {
|
|
128
|
-
if (e.key === "Enter") addSymbol();
|
|
129
|
-
},
|
|
130
|
-
placeholder: "e.g. NVDA",
|
|
131
|
-
className: "flex-1 bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm uppercase focus:outline-none focus:ring-1 focus:ring-blue-500"
|
|
132
|
-
}
|
|
133
|
-
),
|
|
134
|
-
/* @__PURE__ */ jsx("button", { onClick: addSymbol, className: "text-sm font-medium text-blue-600 hover:text-blue-800 px-2", children: "+ Add" })
|
|
135
|
-
] }) : /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-gray-400 italic", children: [
|
|
136
|
-
"Max ",
|
|
137
|
-
MAX_SYMBOLS,
|
|
138
|
-
" symbols \u2014 remove one to add another."
|
|
139
|
-
] }),
|
|
140
|
-
availableTickers.length > 0 && configSymbols.length < MAX_SYMBOLS && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mt-2", children: availableTickers.map((t) => /* @__PURE__ */ jsx(
|
|
141
|
-
"button",
|
|
142
|
-
{
|
|
143
|
-
onClick: () => setConfigSymbols((p) => p.length < MAX_SYMBOLS ? [...p, t] : p),
|
|
144
|
-
className: "text-[11px] font-medium text-gray-600 bg-gray-100 hover:bg-gray-200 rounded px-2 py-0.5 transition-colors",
|
|
145
|
-
children: t
|
|
146
|
-
},
|
|
147
|
-
t
|
|
148
|
-
)) }),
|
|
149
|
-
/* @__PURE__ */ jsx("p", { className: "text-[11px] text-gray-400 mt-2", children: "Demo prices \u2014 static sample data, no live feed." })
|
|
150
|
-
] })
|
|
151
|
-
}
|
|
152
|
-
)
|
|
153
|
-
] });
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
export { Stock as default };
|
|
157
|
-
//# sourceMappingURL=Stock-IF4IHYLU.js.map
|
|
158
|
-
//# sourceMappingURL=Stock-IF4IHYLU.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/apps/Stock.tsx"],"names":[],"mappings":"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","file":"Stock-IF4IHYLU.js","sourcesContent":["import { useState, useCallback } from 'react';\nimport { useWidgetSettings } from '../shell/Modal';\nimport WidgetSettingsModal, { loadAppearance, type WidgetAppearance } from '../shell/WidgetSettingsModal';\n\n/**\n * Stock ticker widget — track a watchlist of equities with demo prices.\n *\n * Prices are static, in-file demo data (DEMO_QUOTES) so the widget works with\n * no API key and no server. \"Setup\" is just picking which demo tickers to show.\n */\n\n/** Cap the watchlist — keeps the widget compact. */\nconst MAX_SYMBOLS = 8;\nconst DEFAULT_SYMBOLS = ['AAPL', 'MSFT', 'GOOGL', 'TSLA', 'NVDA'];\n\nconst SYMBOLS_KEY = 'stock_symbols';\nconst SETTINGS_KEY = 'stock_appearance';\n\ninterface Quote { price: number; change: number; changePct: number }\n\n/** Static demo quotes — realistic-ish values, a mix of gainers and losers. */\nconst DEMO_QUOTES: Record<string, Quote> = {\n AAPL: { price: 229.87, change: 1.42, changePct: 0.62 },\n MSFT: { price: 451.16, change: -2.31, changePct: -0.51 },\n GOOGL: { price: 178.34, change: 0.89, changePct: 0.50 },\n AMZN: { price: 201.45, change: -1.08, changePct: -0.53 },\n TSLA: { price: 248.92, change: 6.74, changePct: 2.78 },\n NVDA: { price: 134.81, change: -3.12, changePct: -2.26 },\n META: { price: 563.27, change: 4.55, changePct: 0.81 },\n};\n\n/** Demo tickers offered in the symbol picker. */\nconst DEMO_TICKERS = Object.keys(DEMO_QUOTES);\n\nfunction loadSymbols(): string[] {\n try { const s = JSON.parse(localStorage.getItem(SYMBOLS_KEY) || ''); if (Array.isArray(s) && s.length) return s.slice(0, MAX_SYMBOLS); } catch {}\n return DEFAULT_SYMBOLS;\n}\n\nconst fmtPrice = (n: number) => `$${n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;\nconst fmtSigned = (n: number) => `${n >= 0 ? '+' : ''}${n.toFixed(2)}`;\n\nexport default function Stock() {\n const [symbols, setSymbols] = useState(loadSymbols);\n const [appearance, setAppearance] = useState(() => loadAppearance(SETTINGS_KEY));\n\n const [settingsOpen, setSettingsOpen] = useState(false);\n const [configSymbols, setConfigSymbols] = useState<string[]>([]);\n const [configAppearance, setConfigAppearance] = useState<WidgetAppearance>(appearance);\n const [newSymbol, setNewSymbol] = useState('');\n\n const openSettings = useCallback(() => {\n setConfigSymbols([...symbols]);\n setConfigAppearance({ ...appearance });\n setNewSymbol('');\n setSettingsOpen(true);\n }, [symbols, appearance]);\n\n useWidgetSettings(openSettings);\n\n const addSymbol = () => {\n const s = newSymbol.trim().toUpperCase();\n if (!s || configSymbols.includes(s) || configSymbols.length >= MAX_SYMBOLS) return;\n setConfigSymbols(p => [...p, s]);\n setNewSymbol('');\n };\n\n const saveSettings = () => {\n const cleaned = configSymbols.map(s => s.toUpperCase()).slice(0, MAX_SYMBOLS);\n setSymbols(cleaned); setAppearance(configAppearance);\n localStorage.setItem(SYMBOLS_KEY, JSON.stringify(cleaned));\n localStorage.setItem(SETTINGS_KEY, JSON.stringify(configAppearance));\n setSettingsOpen(false);\n };\n\n // Tickers the picker can still offer (demo set minus what's already added).\n const availableTickers = DEMO_TICKERS.filter(t => !configSymbols.includes(t));\n\n return (\n <>\n {/* Theme-aware panel — mirrors the taskbar's `--taskbar-bg-rgb` so the\n * widget matches it across themes; gray-* classes auto-invert in dark.\n *\n * A plain naturally-flowing div — deliberately no `h-full`/`flex-1`, so\n * the window's `autoHeight` measurement hugs these rows instead of\n * reading the root as fill-height and pinning the window to its full\n * `dimensions` height (320×360) with empty space below the rows. */}\n <div\n style={{ backgroundColor: `rgb(var(--taskbar-bg-rgb, 243 244 246) / ${appearance.activeOpacity / 100})`, backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : undefined }}>\n <div className=\"px-4 py-3\">\n {symbols.length === 0 ? (\n <div className=\"text-xs text-gray-500 text-center py-6\">No symbols yet — add some in settings.</div>\n ) : (\n <div className=\"space-y-0.5\">\n {symbols.map(sym => {\n const q = DEMO_QUOTES[sym];\n const up = (q?.change ?? 0) >= 0;\n const color = !q ? 'text-gray-400' : q.change > 0 ? 'text-green-600' : q.change < 0 ? 'text-red-600' : 'text-gray-500';\n return (\n <div key={sym} className=\"flex items-center justify-between px-2 py-2 border-b border-gray-200 last:border-0\">\n <span className=\"text-sm font-bold text-gray-800 tracking-tight\">{sym}</span>\n {q ? (\n <div className=\"flex flex-col items-end leading-tight\">\n <span className=\"text-sm font-mono font-semibold text-gray-900 tabular-nums\">{fmtPrice(q.price)}</span>\n <span className={`text-[11px] font-medium tabular-nums ${color}`}>{up ? '▲' : '▼'} {fmtSigned(q.change)} ({fmtSigned(q.changePct)}%)</span>\n </div>\n ) : (\n <span className=\"text-sm font-mono text-gray-400 tabular-nums\">—</span>\n )}\n </div>\n );\n })}\n </div>\n )}\n </div>\n </div>\n\n <WidgetSettingsModal open={settingsOpen} onClose={() => setSettingsOpen(false)} title=\"Stock Settings\"\n appearance={configAppearance} onAppearanceChange={setConfigAppearance} onSave={saveSettings}>\n <div>\n <h3 className=\"text-sm font-semibold text-gray-700 mb-2\">Symbols <span className=\"text-[11px] font-normal text-gray-400\">({configSymbols.length}/{MAX_SYMBOLS})</span></h3>\n <div className=\"space-y-1 mb-2\">\n {configSymbols.map((s, i) => (\n <div key={i} className=\"flex items-center justify-between py-1 px-2 bg-gray-50 rounded\">\n <span className=\"text-sm font-semibold text-gray-700\">{s}</span>\n <button onClick={() => setConfigSymbols(p => p.filter((_, idx) => idx !== i))} className=\"text-red-400 hover:text-red-600\">×</button>\n </div>\n ))}\n {configSymbols.length === 0 && <p className=\"text-[11px] text-gray-400 italic\">No symbols — add a ticker below.</p>}\n </div>\n {configSymbols.length < MAX_SYMBOLS ? (\n <div className=\"flex items-center gap-2\">\n <input value={newSymbol} onChange={e => setNewSymbol(e.target.value)} onKeyDown={e => { if (e.key === 'Enter') addSymbol(); }}\n placeholder=\"e.g. NVDA\" className=\"flex-1 bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm uppercase focus:outline-none focus:ring-1 focus:ring-blue-500\" />\n <button onClick={addSymbol} className=\"text-sm font-medium text-blue-600 hover:text-blue-800 px-2\">+ Add</button>\n </div>\n ) : (\n <p className=\"text-[11px] text-gray-400 italic\">Max {MAX_SYMBOLS} symbols — remove one to add another.</p>\n )}\n {availableTickers.length > 0 && configSymbols.length < MAX_SYMBOLS && (\n <div className=\"flex flex-wrap gap-1.5 mt-2\">\n {availableTickers.map(t => (\n <button key={t} onClick={() => setConfigSymbols(p => p.length < MAX_SYMBOLS ? [...p, t] : p)}\n className=\"text-[11px] font-medium text-gray-600 bg-gray-100 hover:bg-gray-200 rounded px-2 py-0.5 transition-colors\">{t}</button>\n ))}\n </div>\n )}\n <p className=\"text-[11px] text-gray-400 mt-2\">Demo prices — static sample data, no live feed.</p>\n </div>\n </WidgetSettingsModal>\n </>\n );\n}\n"]}
|
package/dist/Weather-725PFR7T.js
DELETED
|
@@ -1,431 +0,0 @@
|
|
|
1
|
-
import { fetchCityWeather, getCondition, AVAILABLE_CITIES, toFahrenheit } from './chunk-7CCHEEYC.js';
|
|
2
|
-
import { loadAppearance, WidgetSettingsModal } from './chunk-R4OQIQYX.js';
|
|
3
|
-
import { useWidgetSettings } from './chunk-Q3LT745N.js';
|
|
4
|
-
import './chunk-GA35NEND.js';
|
|
5
|
-
import { useShellPrefs } from './chunk-2TPTHAKI.js';
|
|
6
|
-
import './chunk-RT6DSB5Y.js';
|
|
7
|
-
import './chunk-QRL64J5F.js';
|
|
8
|
-
import './chunk-W622KQTD.js';
|
|
9
|
-
import './chunk-D276EMXS.js';
|
|
10
|
-
import './chunk-72CQWN7O.js';
|
|
11
|
-
import './chunk-IRWSRJ4K.js';
|
|
12
|
-
import './chunk-IPXN646P.js';
|
|
13
|
-
import { useState, useEffect, useCallback } from 'react';
|
|
14
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
|
-
|
|
16
|
-
var STORAGE_KEY = "weather_city";
|
|
17
|
-
var LEGACY_KEY = "weather_cities";
|
|
18
|
-
var SETTINGS_KEY = "weather_appearance";
|
|
19
|
-
var DEFAULT_PREFS = { useFahrenheit: false, showLocalTime: true, use24Hour: false };
|
|
20
|
-
function detectLocalCity() {
|
|
21
|
-
try {
|
|
22
|
-
const userTz = Intl.DateTimeFormat().resolvedOptions().timeZone;
|
|
23
|
-
for (const [name, info] of Object.entries(AVAILABLE_CITIES)) {
|
|
24
|
-
if (info.tz === userTz) return name;
|
|
25
|
-
}
|
|
26
|
-
} catch {
|
|
27
|
-
}
|
|
28
|
-
return "London";
|
|
29
|
-
}
|
|
30
|
-
function loadCity() {
|
|
31
|
-
const v = typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY) : null;
|
|
32
|
-
if (v && AVAILABLE_CITIES[v]) return v;
|
|
33
|
-
try {
|
|
34
|
-
const arr = JSON.parse(localStorage.getItem(LEGACY_KEY) || "");
|
|
35
|
-
if (Array.isArray(arr) && arr[0] && AVAILABLE_CITIES[arr[0]]) {
|
|
36
|
-
localStorage.setItem(STORAGE_KEY, arr[0]);
|
|
37
|
-
return arr[0];
|
|
38
|
-
}
|
|
39
|
-
} catch {
|
|
40
|
-
}
|
|
41
|
-
return detectLocalCity();
|
|
42
|
-
}
|
|
43
|
-
var toF = toFahrenheit;
|
|
44
|
-
function getTimeInTz(timezone, use24Hour = false) {
|
|
45
|
-
try {
|
|
46
|
-
if (use24Hour) {
|
|
47
|
-
const parts2 = new Intl.DateTimeFormat("en-US", { timeZone: timezone, hour: "numeric", minute: "2-digit", hour12: false }).formatToParts(/* @__PURE__ */ new Date());
|
|
48
|
-
const h2 = parseInt(parts2.find((p) => p.type === "hour")?.value || "0");
|
|
49
|
-
const m2 = parseInt(parts2.find((p) => p.type === "minute")?.value || "0");
|
|
50
|
-
return `${String(h2).padStart(2, "0")}:${String(m2).padStart(2, "0")}`;
|
|
51
|
-
}
|
|
52
|
-
const parts = new Intl.DateTimeFormat("en-US", { timeZone: timezone, hour: "numeric", minute: "2-digit", hour12: true }).formatToParts(/* @__PURE__ */ new Date());
|
|
53
|
-
const h = parseInt(parts.find((p) => p.type === "hour")?.value || "12");
|
|
54
|
-
const m = parseInt(parts.find((p) => p.type === "minute")?.value || "0");
|
|
55
|
-
const period = parts.find((p) => p.type === "dayPeriod")?.value || "";
|
|
56
|
-
return `${h}:${String(m).padStart(2, "0")} ${period}`;
|
|
57
|
-
} catch {
|
|
58
|
-
return "";
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
var WX_KEYFRAMES = `
|
|
62
|
-
@keyframes wx-rain-a { 0% { transform: translate(0,-20px); opacity: 0; } 10% { opacity: 0.95; } 100% { transform: translate(8px,140px); opacity: 0; } }
|
|
63
|
-
@keyframes wx-rain-b { 0% { transform: translate(0,-20px); opacity: 0; } 12% { opacity: 0.85; } 100% { transform: translate(12px,140px); opacity: 0; } }
|
|
64
|
-
@keyframes wx-rain-c { 0% { transform: translate(0,-20px); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(5px,140px); opacity: 0; } }
|
|
65
|
-
@keyframes wx-snow-a { 0% { transform: translate(0,-12px) rotate(0deg); opacity: 0; } 10% { opacity: 0.9; } 50% { transform: translate(10px,55px) rotate(180deg); } 100% { transform: translate(-4px,140px) rotate(360deg); opacity: 0; } }
|
|
66
|
-
@keyframes wx-snow-b { 0% { transform: translate(0,-12px) rotate(0deg); opacity: 0; } 10% { opacity: 0.85; } 50% { transform: translate(-12px,55px) rotate(-180deg); } 100% { transform: translate(6px,140px) rotate(-360deg); opacity: 0; } }
|
|
67
|
-
@keyframes wx-snow-c { 0% { transform: translate(0,-12px); opacity: 0; } 10% { opacity: 0.7; } 100% { transform: translate(2px,140px); opacity: 0; } }
|
|
68
|
-
@keyframes wx-drift-cloud { 0% { transform: translateX(-40%); } 100% { transform: translateX(140%); } }
|
|
69
|
-
@keyframes wx-twinkle { 0%, 100% { opacity: 0.25; transform: scale(1); } 50% { opacity: 1; transform: scale(1.6); } }
|
|
70
|
-
@keyframes wx-flash { 0%, 86%, 100% { opacity: 0; } 87% { opacity: 0.95; } 88% { opacity: 0.15; } 89% { opacity: 0.85; } 90% { opacity: 0; } }
|
|
71
|
-
@keyframes wx-bolt { 0%, 86%, 90%, 100% { opacity: 0; } 87% { opacity: 1; } 89% { opacity: 0.85; } }
|
|
72
|
-
@keyframes wx-sun-pulse { 0%, 100% { transform: scale(1); opacity: 0.65; } 50% { transform: scale(1.12); opacity: 0.95; } }
|
|
73
|
-
@keyframes wx-sun-rays { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
|
|
74
|
-
@keyframes wx-fog-drift { 0% { transform: translateX(-25%); opacity: 0.3; } 50% { opacity: 0.65; } 100% { transform: translateX(25%); opacity: 0.3; } }
|
|
75
|
-
@keyframes wx-shooting-star { 0%, 95% { opacity: 0; transform: translate(0,0) scale(0); } 96% { opacity: 1; transform: translate(0,0) scale(1); } 100% { opacity: 0; transform: translate(40px,30px) scale(1); } }
|
|
76
|
-
`;
|
|
77
|
-
function SunEffect() {
|
|
78
|
-
return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
|
|
79
|
-
/* @__PURE__ */ jsx("div", { className: "absolute -top-5 -right-5 w-24 h-24", style: { animation: "wx-sun-rays 70s linear infinite" }, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 100 100", className: "w-full h-full", children: Array.from({ length: 12 }).map((_, i) => /* @__PURE__ */ jsx(
|
|
80
|
-
"rect",
|
|
81
|
-
{
|
|
82
|
-
x: 49,
|
|
83
|
-
y: 3,
|
|
84
|
-
width: 2,
|
|
85
|
-
height: 14,
|
|
86
|
-
rx: 1,
|
|
87
|
-
fill: "rgba(255, 232, 130, 0.55)",
|
|
88
|
-
transform: `rotate(${i * 30} 50 50)`
|
|
89
|
-
},
|
|
90
|
-
i
|
|
91
|
-
)) }) }),
|
|
92
|
-
/* @__PURE__ */ jsx(
|
|
93
|
-
"div",
|
|
94
|
-
{
|
|
95
|
-
className: "absolute top-1 right-1 w-10 h-10 rounded-full",
|
|
96
|
-
style: {
|
|
97
|
-
background: "radial-gradient(circle at 35% 35%, #fff8cc 0%, #ffd84a 55%, #ff9e2a 100%)",
|
|
98
|
-
boxShadow: "0 0 18px 5px rgba(255, 200, 80, 0.55)",
|
|
99
|
-
animation: "wx-sun-pulse 4.5s ease-in-out infinite"
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
)
|
|
103
|
-
] });
|
|
104
|
-
}
|
|
105
|
-
function NightStarsEffect() {
|
|
106
|
-
const stars = Array.from({ length: 16 }).map((_, i) => ({
|
|
107
|
-
left: `${(i * 53 + 11) % 95}%`,
|
|
108
|
-
top: `${(i * 37 + 9) % 78}%`,
|
|
109
|
-
size: 1 + i * 13 % 3,
|
|
110
|
-
delay: `${i * 0.41 % 4}s`,
|
|
111
|
-
duration: `${2.5 + i * 7 % 5 * 0.6}s`
|
|
112
|
-
}));
|
|
113
|
-
return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
|
|
114
|
-
/* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 40 40", className: "w-9 h-9", style: { filter: "drop-shadow(0 0 6px rgba(255,250,220,0.4))" }, children: [
|
|
115
|
-
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("radialGradient", { id: "wx-moon-grad", cx: "35%", cy: "35%", children: [
|
|
116
|
-
/* @__PURE__ */ jsx("stop", { offset: "0", stopColor: "#fffae0" }),
|
|
117
|
-
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#d4c98a" })
|
|
118
|
-
] }) }),
|
|
119
|
-
/* @__PURE__ */ jsx("circle", { cx: 20, cy: 20, r: 13, fill: "url(#wx-moon-grad)" }),
|
|
120
|
-
/* @__PURE__ */ jsx("circle", { cx: 26, cy: 16, r: 11, fill: "rgba(15,23,42,1)" })
|
|
121
|
-
] }) }),
|
|
122
|
-
stars.map((s, i) => /* @__PURE__ */ jsx(
|
|
123
|
-
"div",
|
|
124
|
-
{
|
|
125
|
-
className: "absolute rounded-full bg-white",
|
|
126
|
-
style: {
|
|
127
|
-
left: s.left,
|
|
128
|
-
top: s.top,
|
|
129
|
-
width: s.size,
|
|
130
|
-
height: s.size,
|
|
131
|
-
animation: `wx-twinkle ${s.duration} ease-in-out ${s.delay} infinite`
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
i
|
|
135
|
-
)),
|
|
136
|
-
/* @__PURE__ */ jsx("div", { className: "absolute", style: { left: "15%", top: "20%", animation: "wx-shooting-star 12s ease-out infinite" }, children: /* @__PURE__ */ jsx(
|
|
137
|
-
"div",
|
|
138
|
-
{
|
|
139
|
-
className: "w-12 h-px",
|
|
140
|
-
style: { background: "linear-gradient(to right, transparent, rgba(255,255,255,0.95))", boxShadow: "0 0 4px rgba(255,255,255,0.8)" }
|
|
141
|
-
}
|
|
142
|
-
) })
|
|
143
|
-
] });
|
|
144
|
-
}
|
|
145
|
-
function CloudsEffect({ tone = "light" }) {
|
|
146
|
-
const fill = tone === "light" ? "rgba(255,255,255,0.78)" : "rgba(220,228,240,0.45)";
|
|
147
|
-
const Cloud = ({ scale = 1 }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 120 50", className: "w-32 h-12", style: { transform: `scale(${scale})`, filter: "blur(0.6px)" }, children: [
|
|
148
|
-
/* @__PURE__ */ jsx("ellipse", { cx: 28, cy: 36, rx: 18, ry: 11, fill }),
|
|
149
|
-
/* @__PURE__ */ jsx("ellipse", { cx: 50, cy: 28, rx: 22, ry: 15, fill }),
|
|
150
|
-
/* @__PURE__ */ jsx("ellipse", { cx: 75, cy: 32, rx: 20, ry: 12, fill }),
|
|
151
|
-
/* @__PURE__ */ jsx("ellipse", { cx: 95, cy: 38, rx: 15, ry: 9, fill })
|
|
152
|
-
] });
|
|
153
|
-
return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
|
|
154
|
-
/* @__PURE__ */ jsx("div", { className: "absolute", style: { top: "8%", animation: "wx-drift-cloud 42s linear infinite" }, children: /* @__PURE__ */ jsx(Cloud, { scale: 0.9 }) }),
|
|
155
|
-
/* @__PURE__ */ jsx("div", { className: "absolute", style: { top: "40%", animation: "wx-drift-cloud 60s linear -22s infinite", opacity: 0.85 }, children: /* @__PURE__ */ jsx(Cloud, { scale: 1.25 }) }),
|
|
156
|
-
/* @__PURE__ */ jsx("div", { className: "absolute", style: { top: "68%", animation: "wx-drift-cloud 78s linear -45s infinite", opacity: 0.7 }, children: /* @__PURE__ */ jsx(Cloud, { scale: 0.75 }) })
|
|
157
|
-
] });
|
|
158
|
-
}
|
|
159
|
-
function RainEffect({ heavy = false }) {
|
|
160
|
-
const count = heavy ? 26 : 16;
|
|
161
|
-
const variants = ["wx-rain-a", "wx-rain-b", "wx-rain-c"];
|
|
162
|
-
const drops = Array.from({ length: count }).map((_, i) => ({
|
|
163
|
-
left: `${(i * 100 / count + i * 11 % 7) % 100}%`,
|
|
164
|
-
delay: `${i * 0.087 % 1.3}s`,
|
|
165
|
-
height: `${12 + i % 4 * 5}px`,
|
|
166
|
-
duration: `${0.7 + i % 3 * 0.18}s`,
|
|
167
|
-
variant: variants[i % variants.length]
|
|
168
|
-
}));
|
|
169
|
-
return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: drops.map((d, i) => /* @__PURE__ */ jsx(
|
|
170
|
-
"div",
|
|
171
|
-
{
|
|
172
|
-
className: "absolute",
|
|
173
|
-
style: {
|
|
174
|
-
left: d.left,
|
|
175
|
-
top: "-20px",
|
|
176
|
-
width: "1px",
|
|
177
|
-
height: d.height,
|
|
178
|
-
background: "linear-gradient(180deg, rgba(180,210,255,0) 0%, rgba(220,235,255,0.85) 90%, rgba(255,255,255,0.95) 100%)",
|
|
179
|
-
transform: "rotate(8deg)",
|
|
180
|
-
animation: `${d.variant} ${d.duration} linear ${d.delay} infinite`,
|
|
181
|
-
transformOrigin: "top"
|
|
182
|
-
}
|
|
183
|
-
},
|
|
184
|
-
i
|
|
185
|
-
)) });
|
|
186
|
-
}
|
|
187
|
-
function SnowEffect() {
|
|
188
|
-
const variants = ["wx-snow-a", "wx-snow-b", "wx-snow-c"];
|
|
189
|
-
const flakes = Array.from({ length: 16 }).map((_, i) => ({
|
|
190
|
-
left: `${(i * 100 / 16 + i * 13 % 5) % 100}%`,
|
|
191
|
-
delay: `${i * 0.43 % 5}s`,
|
|
192
|
-
duration: `${4.5 + i % 5}s`,
|
|
193
|
-
size: 3 + i % 4 * 1.4,
|
|
194
|
-
opacity: 0.65 + i * 7 % 4 * 0.08,
|
|
195
|
-
variant: variants[i % variants.length]
|
|
196
|
-
}));
|
|
197
|
-
return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: flakes.map((f, i) => /* @__PURE__ */ jsx(
|
|
198
|
-
"div",
|
|
199
|
-
{
|
|
200
|
-
className: "absolute rounded-full bg-white",
|
|
201
|
-
style: {
|
|
202
|
-
left: f.left,
|
|
203
|
-
top: "-12px",
|
|
204
|
-
width: f.size,
|
|
205
|
-
height: f.size,
|
|
206
|
-
opacity: f.opacity,
|
|
207
|
-
boxShadow: "0 0 4px rgba(255,255,255,0.65)",
|
|
208
|
-
animation: `${f.variant} ${f.duration} linear ${f.delay} infinite`
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
i
|
|
212
|
-
)) });
|
|
213
|
-
}
|
|
214
|
-
function ThunderEffect() {
|
|
215
|
-
return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
|
|
216
|
-
/* @__PURE__ */ jsx(RainEffect, { heavy: true }),
|
|
217
|
-
/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-white", style: { animation: "wx-flash 6s ease-out infinite" } }),
|
|
218
|
-
/* @__PURE__ */ jsx(
|
|
219
|
-
"div",
|
|
220
|
-
{
|
|
221
|
-
className: "absolute inset-y-0 right-1/3 flex items-center justify-center pointer-events-none",
|
|
222
|
-
style: { animation: "wx-bolt 6s ease-out infinite" },
|
|
223
|
-
children: /* @__PURE__ */ jsx(
|
|
224
|
-
"svg",
|
|
225
|
-
{
|
|
226
|
-
viewBox: "0 0 18 60",
|
|
227
|
-
className: "h-4/5",
|
|
228
|
-
style: { filter: "drop-shadow(0 0 6px rgba(255, 240, 150, 0.95)) drop-shadow(0 0 14px rgba(255, 220, 90, 0.7))" },
|
|
229
|
-
children: /* @__PURE__ */ jsx(
|
|
230
|
-
"path",
|
|
231
|
-
{
|
|
232
|
-
d: "M11 0 L2 28 L8 30 L4 60 L16 24 L9 22 Z",
|
|
233
|
-
fill: "rgba(255, 250, 200, 0.98)",
|
|
234
|
-
stroke: "rgba(255, 255, 255, 0.9)",
|
|
235
|
-
strokeWidth: 0.3
|
|
236
|
-
}
|
|
237
|
-
)
|
|
238
|
-
}
|
|
239
|
-
)
|
|
240
|
-
}
|
|
241
|
-
)
|
|
242
|
-
] });
|
|
243
|
-
}
|
|
244
|
-
function FogEffect() {
|
|
245
|
-
return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(
|
|
246
|
-
"div",
|
|
247
|
-
{
|
|
248
|
-
className: "absolute left-0 right-0",
|
|
249
|
-
style: {
|
|
250
|
-
top: `${10 + i * 22}%`,
|
|
251
|
-
height: "14px",
|
|
252
|
-
background: "linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0) 100%)",
|
|
253
|
-
filter: "blur(2px)",
|
|
254
|
-
animation: `wx-fog-drift ${10 + i * 3}s ease-in-out ${i * 0.7}s infinite alternate`
|
|
255
|
-
}
|
|
256
|
-
},
|
|
257
|
-
i
|
|
258
|
-
)) });
|
|
259
|
-
}
|
|
260
|
-
function WeatherEffect({ code, isDay }) {
|
|
261
|
-
if (code === 0 || code === 1) return isDay ? /* @__PURE__ */ jsx(SunEffect, {}) : /* @__PURE__ */ jsx(NightStarsEffect, {});
|
|
262
|
-
if (code === 2) return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
263
|
-
isDay ? /* @__PURE__ */ jsx(SunEffect, {}) : /* @__PURE__ */ jsx(NightStarsEffect, {}),
|
|
264
|
-
/* @__PURE__ */ jsx(CloudsEffect, { tone: isDay ? "light" : "dark" })
|
|
265
|
-
] });
|
|
266
|
-
if (code === 3) return /* @__PURE__ */ jsx(CloudsEffect, { tone: isDay ? "light" : "dark" });
|
|
267
|
-
if (code === 45 || code === 48) return /* @__PURE__ */ jsx(FogEffect, {});
|
|
268
|
-
if ([51, 53, 61, 80, 81].includes(code)) return /* @__PURE__ */ jsx(RainEffect, {});
|
|
269
|
-
if ([55, 63, 65, 82].includes(code)) return /* @__PURE__ */ jsx(RainEffect, { heavy: true });
|
|
270
|
-
if ([71, 73, 75].includes(code)) return /* @__PURE__ */ jsx(SnowEffect, {});
|
|
271
|
-
if ([95, 96, 99].includes(code)) return /* @__PURE__ */ jsx(ThunderEffect, {});
|
|
272
|
-
return null;
|
|
273
|
-
}
|
|
274
|
-
function Weather() {
|
|
275
|
-
const [city, setCity] = useState(loadCity);
|
|
276
|
-
const [appearance, setAppearance] = useState(() => loadAppearance(SETTINGS_KEY));
|
|
277
|
-
const [data, setData] = useState(null);
|
|
278
|
-
const [loading, setLoading] = useState(true);
|
|
279
|
-
const [, setTick] = useState(0);
|
|
280
|
-
useEffect(() => {
|
|
281
|
-
const t2 = setInterval(() => setTick((n) => n + 1), 6e4);
|
|
282
|
-
return () => clearInterval(t2);
|
|
283
|
-
}, []);
|
|
284
|
-
const [settingsOpen, setSettingsOpen] = useState(false);
|
|
285
|
-
const [configCity, setConfigCity] = useState(city);
|
|
286
|
-
const [configAppearance, setConfigAppearance] = useState(appearance);
|
|
287
|
-
const { prefs: shellPrefs, save: saveShellPrefs } = useShellPrefs();
|
|
288
|
-
const prefs = { ...DEFAULT_PREFS, ...shellPrefs.weather_prefs ?? {} };
|
|
289
|
-
const [configPrefs, setConfigPrefs] = useState(prefs);
|
|
290
|
-
useWidgetSettings(useCallback(() => {
|
|
291
|
-
setConfigCity(city);
|
|
292
|
-
setConfigAppearance({ ...appearance });
|
|
293
|
-
setConfigPrefs({ ...prefs });
|
|
294
|
-
setSettingsOpen(true);
|
|
295
|
-
}, [city, appearance, prefs]));
|
|
296
|
-
useEffect(() => {
|
|
297
|
-
let cancelled = false;
|
|
298
|
-
setLoading(true);
|
|
299
|
-
fetchCityWeather(city).then((w) => {
|
|
300
|
-
if (cancelled) return;
|
|
301
|
-
setData(w);
|
|
302
|
-
setLoading(false);
|
|
303
|
-
});
|
|
304
|
-
return () => {
|
|
305
|
-
cancelled = true;
|
|
306
|
-
};
|
|
307
|
-
}, [city]);
|
|
308
|
-
const saveSettings = () => {
|
|
309
|
-
setCity(configCity);
|
|
310
|
-
setAppearance(configAppearance);
|
|
311
|
-
saveShellPrefs({ weather_prefs: configPrefs });
|
|
312
|
-
localStorage.setItem(STORAGE_KEY, configCity);
|
|
313
|
-
localStorage.setItem(SETTINGS_KEY, JSON.stringify(configAppearance));
|
|
314
|
-
setSettingsOpen(false);
|
|
315
|
-
};
|
|
316
|
-
const t = (c) => prefs.useFahrenheit ? `${toF(c)}\xB0F` : `${c}\xB0`;
|
|
317
|
-
const TILE_HEIGHT = 110;
|
|
318
|
-
if (loading && !data) {
|
|
319
|
-
return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full bg-gradient-to-b from-sky-400 to-blue-500 rounded-lg text-white/80 text-xs", style: { minHeight: TILE_HEIGHT }, children: "Loading\u2026" });
|
|
320
|
-
}
|
|
321
|
-
if (!data) {
|
|
322
|
-
return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full bg-slate-700 rounded-lg text-white/80 text-xs", style: { minHeight: TILE_HEIGHT }, children: "Couldn't load weather" });
|
|
323
|
-
}
|
|
324
|
-
const [condition, emoji, gradient] = getCondition(data.code, data.isDay);
|
|
325
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
326
|
-
/* @__PURE__ */ jsx("style", { children: WX_KEYFRAMES }),
|
|
327
|
-
/* @__PURE__ */ jsx(
|
|
328
|
-
"div",
|
|
329
|
-
{
|
|
330
|
-
className: "rounded-lg overflow-hidden",
|
|
331
|
-
style: {
|
|
332
|
-
backgroundColor: `rgba(15, 23, 42, ${appearance.activeOpacity / 100})`,
|
|
333
|
-
backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : void 0
|
|
334
|
-
},
|
|
335
|
-
children: /* @__PURE__ */ jsxs("div", { className: `relative rounded-lg overflow-hidden text-white bg-gradient-to-br ${gradient}`, style: { height: TILE_HEIGHT }, children: [
|
|
336
|
-
/* @__PURE__ */ jsx(WeatherEffect, { code: data.code, isDay: data.isDay }),
|
|
337
|
-
/* @__PURE__ */ jsxs("div", { className: "relative z-10 px-3 py-2.5 flex flex-col h-full justify-between", children: [
|
|
338
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
|
|
339
|
-
/* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
|
|
340
|
-
/* @__PURE__ */ jsx("div", { className: "text-base font-semibold leading-tight truncate drop-shadow-sm", children: data.city }),
|
|
341
|
-
prefs.showLocalTime && /* @__PURE__ */ jsx("div", { className: "text-[10px] opacity-90 leading-tight tabular-nums drop-shadow-sm", children: getTimeInTz(data.timezone, prefs.use24Hour) })
|
|
342
|
-
] }),
|
|
343
|
-
/* @__PURE__ */ jsx("div", { className: "text-3xl font-extralight leading-none tracking-tight tabular-nums shrink-0 drop-shadow-sm", children: t(data.temp) })
|
|
344
|
-
] }),
|
|
345
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-2", children: [
|
|
346
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
|
|
347
|
-
/* @__PURE__ */ jsx("span", { className: "text-lg leading-none drop-shadow-sm", children: emoji }),
|
|
348
|
-
/* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium drop-shadow-sm truncate", children: condition })
|
|
349
|
-
] }),
|
|
350
|
-
/* @__PURE__ */ jsxs("span", { className: "text-[10px] opacity-90 tabular-nums drop-shadow-sm shrink-0", children: [
|
|
351
|
-
"H:",
|
|
352
|
-
t(data.high),
|
|
353
|
-
" L:",
|
|
354
|
-
t(data.low)
|
|
355
|
-
] })
|
|
356
|
-
] })
|
|
357
|
-
] })
|
|
358
|
-
] })
|
|
359
|
-
}
|
|
360
|
-
),
|
|
361
|
-
/* @__PURE__ */ jsxs(
|
|
362
|
-
WidgetSettingsModal,
|
|
363
|
-
{
|
|
364
|
-
open: settingsOpen,
|
|
365
|
-
onClose: () => setSettingsOpen(false),
|
|
366
|
-
title: "Weather Settings",
|
|
367
|
-
appearance: configAppearance,
|
|
368
|
-
onAppearanceChange: setConfigAppearance,
|
|
369
|
-
onSave: saveSettings,
|
|
370
|
-
children: [
|
|
371
|
-
/* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { children: [
|
|
372
|
-
/* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-700 mb-2", children: "Display" }),
|
|
373
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
|
|
374
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600 w-24", children: "Temperature" }),
|
|
375
|
-
/* @__PURE__ */ jsx("div", { className: "flex gap-1", children: [{ key: false, label: "\xB0C" }, { key: true, label: "\xB0F" }].map((o) => /* @__PURE__ */ jsx(
|
|
376
|
-
"button",
|
|
377
|
-
{
|
|
378
|
-
onClick: () => setConfigPrefs((p) => ({ ...p, useFahrenheit: o.key })),
|
|
379
|
-
className: `px-3 py-1 text-xs font-medium rounded-lg border transition-colors ${configPrefs.useFahrenheit === o.key ? "bg-blue-600 text-white border-blue-600" : "bg-white text-gray-700 border-gray-300 hover:bg-gray-50"}`,
|
|
380
|
-
children: o.label
|
|
381
|
-
},
|
|
382
|
-
String(o.key)
|
|
383
|
-
)) })
|
|
384
|
-
] }),
|
|
385
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
|
|
386
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600 w-24", children: "Time Format" }),
|
|
387
|
-
/* @__PURE__ */ jsx("div", { className: "flex gap-1", children: [{ key: false, label: "AM/PM" }, { key: true, label: "24H" }].map((o) => /* @__PURE__ */ jsx(
|
|
388
|
-
"button",
|
|
389
|
-
{
|
|
390
|
-
onClick: () => setConfigPrefs((p) => ({ ...p, use24Hour: o.key })),
|
|
391
|
-
className: `px-3 py-1 text-xs font-medium rounded-lg border transition-colors ${configPrefs.use24Hour === o.key ? "bg-blue-600 text-white border-blue-600" : "bg-white text-gray-700 border-gray-300 hover:bg-gray-50"}`,
|
|
392
|
-
children: o.label
|
|
393
|
-
},
|
|
394
|
-
String(o.key)
|
|
395
|
-
)) })
|
|
396
|
-
] }),
|
|
397
|
-
/* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
|
|
398
|
-
/* @__PURE__ */ jsx(
|
|
399
|
-
"input",
|
|
400
|
-
{
|
|
401
|
-
type: "checkbox",
|
|
402
|
-
checked: configPrefs.showLocalTime,
|
|
403
|
-
onChange: (e) => setConfigPrefs((p) => ({ ...p, showLocalTime: e.target.checked })),
|
|
404
|
-
className: "rounded border-gray-300 text-blue-600 h-3.5 w-3.5"
|
|
405
|
-
}
|
|
406
|
-
),
|
|
407
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600", children: "Show local time" })
|
|
408
|
-
] })
|
|
409
|
-
] }) }),
|
|
410
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
411
|
-
/* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-700 mb-2", children: "City" }),
|
|
412
|
-
/* @__PURE__ */ jsx(
|
|
413
|
-
"select",
|
|
414
|
-
{
|
|
415
|
-
value: configCity,
|
|
416
|
-
onChange: (e) => setConfigCity(e.target.value),
|
|
417
|
-
className: "w-full bg-gray-50 border border-gray-200 rounded px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",
|
|
418
|
-
children: Object.keys(AVAILABLE_CITIES).map((name) => /* @__PURE__ */ jsx("option", { value: name, children: name }, name))
|
|
419
|
-
}
|
|
420
|
-
),
|
|
421
|
-
/* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-gray-400", children: "Auto-detected from your timezone; change if needed." })
|
|
422
|
-
] })
|
|
423
|
-
]
|
|
424
|
-
}
|
|
425
|
-
)
|
|
426
|
-
] });
|
|
427
|
-
}
|
|
428
|
-
|
|
429
|
-
export { Weather as default };
|
|
430
|
-
//# sourceMappingURL=Weather-725PFR7T.js.map
|
|
431
|
-
//# sourceMappingURL=Weather-725PFR7T.js.map
|