@openlv/modal 0.0.1-beta.8 → 0.0.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/dist/ar-CyZSQ56p.js +25 -0
- package/dist/ar-CyZSQ56p.js.map +1 -0
- package/dist/ar-xpXGBcxc.cjs +3 -0
- package/dist/ar-xpXGBcxc.cjs.map +1 -0
- package/dist/components/Header.d.ts +3 -4
- package/dist/components/ModalRoot.d.ts +4 -3
- package/dist/components/UnknownState.d.ts +2 -3
- package/dist/components/footer/Footer.d.ts +1 -1
- package/dist/components/footer/StatusIndicator.d.ts +1 -1
- package/dist/components/settings/a11y/index.d.ts +1 -0
- package/dist/components/settings/a11y/theme.d.ts +1 -0
- package/dist/components/settings/connection/index.d.ts +4 -0
- package/dist/components/settings/connection/signaling.d.ts +1 -0
- package/dist/components/settings/connection/transport.d.ts +2 -0
- package/dist/components/settings/index.d.ts +12 -1
- package/dist/context.d.ts +8 -6
- package/dist/element.d.ts +4 -2
- package/dist/es-B9xaw9fo.cjs +3 -0
- package/dist/es-B9xaw9fo.cjs.map +1 -0
- package/dist/es-C2sG0TfH.js +25 -0
- package/dist/es-C2sG0TfH.js.map +1 -0
- package/dist/fa-DCpZYzOX.cjs +3 -0
- package/dist/fa-DCpZYzOX.cjs.map +1 -0
- package/dist/fa-_bXJQdwj.js +25 -0
- package/dist/fa-_bXJQdwj.js.map +1 -0
- package/dist/flow/ConnectionFlow.d.ts +1 -1
- package/dist/flow/HandshakeOpen.d.ts +1 -4
- package/dist/flow/InfoScreen.d.ts +1 -1
- package/dist/flow/connecting.d.ts +1 -0
- package/dist/flow/disconnected/ConnectionGraphic.d.ts +1 -1
- package/dist/flow/disconnected/Disconnected.d.ts +2 -3
- package/dist/fr-BRQDr1rj.js +25 -0
- package/dist/fr-BRQDr1rj.js.map +1 -0
- package/dist/fr-D54ESMxz.cjs +3 -0
- package/dist/fr-D54ESMxz.cjs.map +1 -0
- package/dist/he-BWZyf3Uy.cjs +3 -0
- package/dist/he-BWZyf3Uy.cjs.map +1 -0
- package/dist/he-NFIsHMZP.js +25 -0
- package/dist/he-NFIsHMZP.js.map +1 -0
- package/dist/hooks/useConnectionState.d.ts +1 -1
- package/dist/hooks/useNavigationStack.d.ts +13 -0
- package/dist/hooks/usePunchTransition.d.ts +5 -4
- package/dist/hooks/useSession.d.ts +4 -4
- package/dist/hooks/useSettings.d.ts +13 -13
- package/dist/hooks/useTheme.d.ts +4 -0
- package/dist/index.cjs.js +6 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +3 -4
- package/dist/index.es.js +3154 -1753
- package/dist/index.es.js.map +1 -1
- package/dist/modal.css +1 -1
- package/dist/nl-BRV9i3nM.js +24 -0
- package/dist/nl-BRV9i3nM.js.map +1 -0
- package/dist/nl-bCeoO8RU.cjs +2 -0
- package/dist/nl-bCeoO8RU.cjs.map +1 -0
- package/dist/{simple-9RmOY_8k.js → simple-CAAgvkQC.js} +42 -1
- package/dist/simple-CAAgvkQC.js.map +1 -0
- package/dist/{simple-DJcIRSvc.cjs → simple-DDht1UVo.cjs} +2 -2
- package/dist/simple-DDht1UVo.cjs.map +1 -0
- package/dist/styles/index.d.ts +5 -2
- package/dist/sv-BHh_RkLw.cjs +2 -0
- package/dist/sv-BHh_RkLw.cjs.map +1 -0
- package/dist/sv-CEyo-XBk.js +24 -0
- package/dist/sv-CEyo-XBk.js.map +1 -0
- package/dist/theme/index.d.ts +4 -3
- package/dist/theme/simple.d.ts +64 -0
- package/dist/theme/types.d.ts +6 -3
- package/dist/ui/Button.d.ts +12 -9
- package/dist/ui/InfoTooltip.d.ts +2 -2
- package/dist/ui/Input.d.ts +3 -3
- package/dist/ui/Select.d.ts +2 -2
- package/dist/ui/Toggle.d.ts +3 -3
- package/dist/ui/TransitionContainer.d.ts +9 -0
- package/dist/ui/menu/MenuGroup.d.ts +5 -5
- package/dist/ui/menu/MenuItem.d.ts +4 -4
- package/dist/ui/menu/MenuLink.d.ts +7 -0
- package/dist/utils/i18n.d.ts +30 -0
- package/dist/zh-cn-Bqo3eRaE.cjs +3 -0
- package/dist/zh-cn-Bqo3eRaE.cjs.map +1 -0
- package/dist/zh-cn-DJpfZdjA.js +25 -0
- package/dist/zh-cn-DJpfZdjA.js.map +1 -0
- package/package.json +13 -12
- package/dist/components/settings/ConnectionPreferences.d.ts +0 -1
- package/dist/components/settings/Signaling.d.ts +0 -1
- package/dist/components/settings/Transport.d.ts +0 -1
- package/dist/hooks/useEventEmitter.d.ts +0 -2
- package/dist/hooks/useProvider.d.ts +0 -5
- package/dist/simple-9RmOY_8k.js.map +0 -1
- package/dist/simple-DJcIRSvc.cjs.map +0 -1
- package/dist/types/connection.d.ts +0 -13
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
const e = { close: "关闭", yes: "是", no: "否", protocol: "协议" }, n = { connectedSuccessfully: "连接成功!", connecting: "连接中", ready: "就绪", handshakeClosed: "握手已关闭", handshakePartial: "握手部分完成", encrypted: "已加密", signalError: "信号错误", disconnected: "已断开连接" }, t = { title: "设置", language: "语言", theme: { title: "外观", mode: "主题", light: "浅色", dark: "深色", system: "跟随系统" }, connectionPreferences: { title: "连接偏好设置", retainSessionHistory: "保留会话历史", autoReconnect: "自动重连" }, signaling: { title: "信令", description: "信令是用于建立连接的握手协议。", server: "服务器", serverUrl: "服务器地址" }, transport: { title: "传输", description: "这是维持连接的方式。", webrtc: "WebRTC", iceServers: { title: "ICE 服务器", stun: "STUN 服务器", turn: "TURN 服务器", addStun: "添加 STUN 服务器", addTurn: "添加 TURN 服务器", username: "用户名", credential: "密码" } } }, o = { title: "连接钱包" }, c = { title: "什么是 openlv?", scanQrCode: "扫描二维码", approveOnDevice: "在设备上确认", youreConnected: "您已连接!" }, s = { prompt: "点击下方按钮开始连接", generateQr: "生成二维码", connectionSettings: "连接设置" }, i = { preparingConnection: "正在准备连接", generatingKeys: "正在生成密钥...", connecting: "连接中", waitingForNetwork: "等待网络连接...", establishingConnection: "正在建立连接...", mayTakeFewSeconds: "这可能需要几秒钟...", connectedSuccessfully: "连接成功!", walletConnectedReady: "您的钱包已连接并可以使用。", disconnected: "已断开连接", connectionClosed: "连接已关闭。" }, r = { clickToCopyUrl: "点击复制连接链接", copyConnectionUrl: "复制连接链接", scanCodeInstruction: `使用您的移动钱包扫描上方的二维码。
|
|
2
|
+
或复制链接并粘贴到您的钱包中。` }, a = { urlCopied: "连接链接已复制到剪贴板!", backToQr: "返回二维码", closeModal: "关闭弹窗" }, l = {
|
|
3
|
+
common: e,
|
|
4
|
+
status: n,
|
|
5
|
+
settings: t,
|
|
6
|
+
start: o,
|
|
7
|
+
info: c,
|
|
8
|
+
disconnected: s,
|
|
9
|
+
connectionFlow: i,
|
|
10
|
+
handshake: r,
|
|
11
|
+
modal: a
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
e as common,
|
|
15
|
+
i as connectionFlow,
|
|
16
|
+
l as default,
|
|
17
|
+
s as disconnected,
|
|
18
|
+
r as handshake,
|
|
19
|
+
c as info,
|
|
20
|
+
a as modal,
|
|
21
|
+
t as settings,
|
|
22
|
+
o as start,
|
|
23
|
+
n as status
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=zh-cn-DJpfZdjA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zh-cn-DJpfZdjA.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openlv/modal",
|
|
3
|
-
"version": "0.0.1
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "SolidJS-based modal custom element for Open Lavatory",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"open-lavatory",
|
|
7
7
|
"modal",
|
|
8
|
-
"
|
|
8
|
+
"solid-js",
|
|
9
9
|
"web-component"
|
|
10
10
|
],
|
|
11
11
|
"homepage": "https://github.com/v3xlabs/open-lavatory",
|
|
@@ -42,25 +42,26 @@
|
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"classnames": "^2.5.1",
|
|
44
44
|
"eventemitter3": "^5.0.1",
|
|
45
|
+
"lucide-solid": "^0.574.0",
|
|
45
46
|
"ox": "^0.9.14",
|
|
46
47
|
"qrcode-generator": "^1.5.0",
|
|
48
|
+
"solid-element": "^1.9.1",
|
|
49
|
+
"solid-icons": "^1.2.0",
|
|
50
|
+
"solid-js": "^1.9.9",
|
|
47
51
|
"tailwind-variants": "^3.1.1",
|
|
48
|
-
"@openlv/core": "0.0.1
|
|
49
|
-
"@openlv/provider": "0.0.1
|
|
50
|
-
"@openlv/session": "0.0.1
|
|
51
|
-
"@openlv/signaling": "0.0.1
|
|
52
|
+
"@openlv/core": "0.0.1",
|
|
53
|
+
"@openlv/provider": "0.0.1",
|
|
54
|
+
"@openlv/session": "0.0.1",
|
|
55
|
+
"@openlv/signaling": "0.0.1"
|
|
52
56
|
},
|
|
53
57
|
"devDependencies": {
|
|
54
|
-
"@preact/preset-vite": "^2.10.2",
|
|
55
58
|
"@tailwindcss/vite": "^4.1.17",
|
|
56
|
-
"preact": "^10.27.3",
|
|
57
|
-
"preact-custom-element": "^4.4.3",
|
|
58
|
-
"react-icons": "^5.5.0",
|
|
59
59
|
"tailwindcss": "^4",
|
|
60
60
|
"ts-pattern": "^5",
|
|
61
61
|
"typescript": "^5",
|
|
62
62
|
"vite": "^7",
|
|
63
|
-
"vite-plugin-dts": "^4.5.4"
|
|
63
|
+
"vite-plugin-dts": "^4.5.4",
|
|
64
|
+
"vite-plugin-solid": "^2.11.8"
|
|
64
65
|
},
|
|
65
66
|
"publishConfig": {
|
|
66
67
|
"access": "public",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const ConnectionPreferences: () => import("preact").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const SignalingSettings: () => import("preact").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const TransportSettings: () => import("preact").JSX.Element;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from 'eventemitter3';
|
|
2
|
-
export declare const useEventEmitter: <R extends EventEmitter.ValidEventTypes = string | symbol, E extends EventEmitter.EventNames<R> = EventEmitter.EventNames<R>, Fn extends EventEmitter.EventListener<R, E> = EventEmitter.EventListener<R, E>>(emitter: EventEmitter<R> | undefined, event: E, fn: Fn) => void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"simple-9RmOY_8k.js","sources":["../src/theme/simple.ts"],"sourcesContent":["import type { ThemeTokensMap } from \"./types.js\";\n\nexport const simpleTheme = {\n light: {\n font: { family: \"sans-serif\" },\n body: {\n color: \"#1E293B\",\n background: \"#FFFFFF\",\n },\n border: {\n radius: \"16px\",\n },\n overlay: {\n background: \"rgba(0, 0, 0, 0.3)\",\n backdrop: { filter: \"blur(8px)\" },\n },\n modal: {\n shadow: \"0px 12px 32px rgba(0, 0, 0, 0.25)\",\n },\n control: {\n input: {\n background: \"#FFFFFF\",\n border: \"#D1D5DC\",\n text: \"#111827\",\n },\n button: {\n primary: {\n background: \"#3B82F6\",\n color: \"#FFFFFF\",\n padding: \"8px 16px\",\n hoverBackground: \"#2563EB\",\n activeBackground: \"#1D4ED8\",\n disabledBackground: \"#E5E7EB\",\n disabledColor: \"#9CA3AF\",\n border: \"#3B82F6\",\n },\n secondary: {\n background: \"#E5E7EB\",\n color: \"#374151\",\n hoverBackground: \"#D1D5DC\",\n activeBackground: \"#D1D5DB\",\n disabledBackground: \"#F9FAFB\",\n disabledColor: \"#9CA3AF\",\n border: \"#D1D5DC\",\n selectedBackground: \"#EFF6FF\",\n selectedColor: \"#155dfc\",\n },\n tertiary: {\n color: \"#6B7280\",\n hoverBackground: \"#E5E5E5\",\n activeBackground: \"#D1D5DB\",\n disabledColor: \"#9CA3AF\",\n },\n },\n },\n qr: {\n background: \"#F9FAFB\",\n color: \"#111827\",\n },\n card: {\n background: \"#F5F5F5\",\n },\n text: {\n primary: \"#111827\",\n secondary: \"#374151\",\n muted: \"#6B7280\",\n heading: \"#111827\",\n body: \"#6a7282\",\n },\n },\n} satisfies ThemeTokensMap;\n"],"names":["simpleTheme"],"mappings":"AAEO,MAAMA,IAAc;AAAA,EACzB,OAAO;AAAA,IACL,MAAM,EAAE,QAAQ,aAAA;AAAA,IAChB,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,IAEd,QAAQ;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,IAEV,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,EAAE,QAAQ,YAAA;AAAA,IAAY;AAAA,IAElC,OAAO;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,IAEV,SAAS;AAAA,MACP,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA;AAAA,MAER,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,QAAA;AAAA,QAEV,WAAW;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,oBAAoB;AAAA,UACpB,eAAe;AAAA,QAAA;AAAA,QAEjB,UAAU;AAAA,UACR,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,IAEF,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,IAAA;AAAA,IAET,MAAM;AAAA,MACJ,YAAY;AAAA,IAAA;AAAA,IAEd,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"simple-DJcIRSvc.cjs","sources":["../src/theme/simple.ts"],"sourcesContent":["import type { ThemeTokensMap } from \"./types.js\";\n\nexport const simpleTheme = {\n light: {\n font: { family: \"sans-serif\" },\n body: {\n color: \"#1E293B\",\n background: \"#FFFFFF\",\n },\n border: {\n radius: \"16px\",\n },\n overlay: {\n background: \"rgba(0, 0, 0, 0.3)\",\n backdrop: { filter: \"blur(8px)\" },\n },\n modal: {\n shadow: \"0px 12px 32px rgba(0, 0, 0, 0.25)\",\n },\n control: {\n input: {\n background: \"#FFFFFF\",\n border: \"#D1D5DC\",\n text: \"#111827\",\n },\n button: {\n primary: {\n background: \"#3B82F6\",\n color: \"#FFFFFF\",\n padding: \"8px 16px\",\n hoverBackground: \"#2563EB\",\n activeBackground: \"#1D4ED8\",\n disabledBackground: \"#E5E7EB\",\n disabledColor: \"#9CA3AF\",\n border: \"#3B82F6\",\n },\n secondary: {\n background: \"#E5E7EB\",\n color: \"#374151\",\n hoverBackground: \"#D1D5DC\",\n activeBackground: \"#D1D5DB\",\n disabledBackground: \"#F9FAFB\",\n disabledColor: \"#9CA3AF\",\n border: \"#D1D5DC\",\n selectedBackground: \"#EFF6FF\",\n selectedColor: \"#155dfc\",\n },\n tertiary: {\n color: \"#6B7280\",\n hoverBackground: \"#E5E5E5\",\n activeBackground: \"#D1D5DB\",\n disabledColor: \"#9CA3AF\",\n },\n },\n },\n qr: {\n background: \"#F9FAFB\",\n color: \"#111827\",\n },\n card: {\n background: \"#F5F5F5\",\n },\n text: {\n primary: \"#111827\",\n secondary: \"#374151\",\n muted: \"#6B7280\",\n heading: \"#111827\",\n body: \"#6a7282\",\n },\n },\n} satisfies ThemeTokensMap;\n"],"names":["simpleTheme"],"mappings":"gFAEO,MAAMA,EAAc,CACzB,MAAO,CACL,KAAM,CAAE,OAAQ,YAAA,EAChB,KAAM,CACJ,MAAO,UACP,WAAY,SAAA,EAEd,OAAQ,CACN,OAAQ,MAAA,EAEV,QAAS,CACP,WAAY,qBACZ,SAAU,CAAE,OAAQ,WAAA,CAAY,EAElC,MAAO,CACL,OAAQ,mCAAA,EAEV,QAAS,CACP,MAAO,CACL,WAAY,UACZ,OAAQ,UACR,KAAM,SAAA,EAER,OAAQ,CACN,QAAS,CACP,WAAY,UACZ,MAAO,UACP,QAAS,WACT,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UACpB,cAAe,UACf,OAAQ,SAAA,EAEV,UAAW,CACT,WAAY,UACZ,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UACpB,cAAe,UACf,OAAQ,UACR,mBAAoB,UACpB,cAAe,SAAA,EAEjB,SAAU,CACR,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,cAAe,SAAA,CACjB,CACF,EAEF,GAAI,CACF,WAAY,UACZ,MAAO,SAAA,EAET,KAAM,CACJ,WAAY,SAAA,EAEd,KAAM,CACJ,QAAS,UACT,UAAW,UACX,MAAO,UACP,QAAS,UACT,KAAM,SAAA,CACR,CAEJ"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export type ConnectionState = "idle" | "initializing" | "connecting" | "qr-ready" | "connected" | "error" | "disconnected";
|
|
2
|
-
export interface ConnectionInfo {
|
|
3
|
-
state: ConnectionState;
|
|
4
|
-
uri?: string;
|
|
5
|
-
error?: string;
|
|
6
|
-
connectedAccount?: string;
|
|
7
|
-
chainId?: number;
|
|
8
|
-
}
|
|
9
|
-
export interface ModalConnectionInterface {
|
|
10
|
-
showModal: () => void;
|
|
11
|
-
hideModal: () => void;
|
|
12
|
-
onClose?: () => void;
|
|
13
|
-
}
|