@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.
Files changed (90) hide show
  1. package/dist/ar-CyZSQ56p.js +25 -0
  2. package/dist/ar-CyZSQ56p.js.map +1 -0
  3. package/dist/ar-xpXGBcxc.cjs +3 -0
  4. package/dist/ar-xpXGBcxc.cjs.map +1 -0
  5. package/dist/components/Header.d.ts +3 -4
  6. package/dist/components/ModalRoot.d.ts +4 -3
  7. package/dist/components/UnknownState.d.ts +2 -3
  8. package/dist/components/footer/Footer.d.ts +1 -1
  9. package/dist/components/footer/StatusIndicator.d.ts +1 -1
  10. package/dist/components/settings/a11y/index.d.ts +1 -0
  11. package/dist/components/settings/a11y/theme.d.ts +1 -0
  12. package/dist/components/settings/connection/index.d.ts +4 -0
  13. package/dist/components/settings/connection/signaling.d.ts +1 -0
  14. package/dist/components/settings/connection/transport.d.ts +2 -0
  15. package/dist/components/settings/index.d.ts +12 -1
  16. package/dist/context.d.ts +8 -6
  17. package/dist/element.d.ts +4 -2
  18. package/dist/es-B9xaw9fo.cjs +3 -0
  19. package/dist/es-B9xaw9fo.cjs.map +1 -0
  20. package/dist/es-C2sG0TfH.js +25 -0
  21. package/dist/es-C2sG0TfH.js.map +1 -0
  22. package/dist/fa-DCpZYzOX.cjs +3 -0
  23. package/dist/fa-DCpZYzOX.cjs.map +1 -0
  24. package/dist/fa-_bXJQdwj.js +25 -0
  25. package/dist/fa-_bXJQdwj.js.map +1 -0
  26. package/dist/flow/ConnectionFlow.d.ts +1 -1
  27. package/dist/flow/HandshakeOpen.d.ts +1 -4
  28. package/dist/flow/InfoScreen.d.ts +1 -1
  29. package/dist/flow/connecting.d.ts +1 -0
  30. package/dist/flow/disconnected/ConnectionGraphic.d.ts +1 -1
  31. package/dist/flow/disconnected/Disconnected.d.ts +2 -3
  32. package/dist/fr-BRQDr1rj.js +25 -0
  33. package/dist/fr-BRQDr1rj.js.map +1 -0
  34. package/dist/fr-D54ESMxz.cjs +3 -0
  35. package/dist/fr-D54ESMxz.cjs.map +1 -0
  36. package/dist/he-BWZyf3Uy.cjs +3 -0
  37. package/dist/he-BWZyf3Uy.cjs.map +1 -0
  38. package/dist/he-NFIsHMZP.js +25 -0
  39. package/dist/he-NFIsHMZP.js.map +1 -0
  40. package/dist/hooks/useConnectionState.d.ts +1 -1
  41. package/dist/hooks/useNavigationStack.d.ts +13 -0
  42. package/dist/hooks/usePunchTransition.d.ts +5 -4
  43. package/dist/hooks/useSession.d.ts +4 -4
  44. package/dist/hooks/useSettings.d.ts +13 -13
  45. package/dist/hooks/useTheme.d.ts +4 -0
  46. package/dist/index.cjs.js +6 -4
  47. package/dist/index.cjs.js.map +1 -1
  48. package/dist/index.d.ts +3 -4
  49. package/dist/index.es.js +3154 -1753
  50. package/dist/index.es.js.map +1 -1
  51. package/dist/modal.css +1 -1
  52. package/dist/nl-BRV9i3nM.js +24 -0
  53. package/dist/nl-BRV9i3nM.js.map +1 -0
  54. package/dist/nl-bCeoO8RU.cjs +2 -0
  55. package/dist/nl-bCeoO8RU.cjs.map +1 -0
  56. package/dist/{simple-9RmOY_8k.js → simple-CAAgvkQC.js} +42 -1
  57. package/dist/simple-CAAgvkQC.js.map +1 -0
  58. package/dist/{simple-DJcIRSvc.cjs → simple-DDht1UVo.cjs} +2 -2
  59. package/dist/simple-DDht1UVo.cjs.map +1 -0
  60. package/dist/styles/index.d.ts +5 -2
  61. package/dist/sv-BHh_RkLw.cjs +2 -0
  62. package/dist/sv-BHh_RkLw.cjs.map +1 -0
  63. package/dist/sv-CEyo-XBk.js +24 -0
  64. package/dist/sv-CEyo-XBk.js.map +1 -0
  65. package/dist/theme/index.d.ts +4 -3
  66. package/dist/theme/simple.d.ts +64 -0
  67. package/dist/theme/types.d.ts +6 -3
  68. package/dist/ui/Button.d.ts +12 -9
  69. package/dist/ui/InfoTooltip.d.ts +2 -2
  70. package/dist/ui/Input.d.ts +3 -3
  71. package/dist/ui/Select.d.ts +2 -2
  72. package/dist/ui/Toggle.d.ts +3 -3
  73. package/dist/ui/TransitionContainer.d.ts +9 -0
  74. package/dist/ui/menu/MenuGroup.d.ts +5 -5
  75. package/dist/ui/menu/MenuItem.d.ts +4 -4
  76. package/dist/ui/menu/MenuLink.d.ts +7 -0
  77. package/dist/utils/i18n.d.ts +30 -0
  78. package/dist/zh-cn-Bqo3eRaE.cjs +3 -0
  79. package/dist/zh-cn-Bqo3eRaE.cjs.map +1 -0
  80. package/dist/zh-cn-DJpfZdjA.js +25 -0
  81. package/dist/zh-cn-DJpfZdjA.js.map +1 -0
  82. package/package.json +13 -12
  83. package/dist/components/settings/ConnectionPreferences.d.ts +0 -1
  84. package/dist/components/settings/Signaling.d.ts +0 -1
  85. package/dist/components/settings/Transport.d.ts +0 -1
  86. package/dist/hooks/useEventEmitter.d.ts +0 -2
  87. package/dist/hooks/useProvider.d.ts +0 -5
  88. package/dist/simple-9RmOY_8k.js.map +0 -1
  89. package/dist/simple-DJcIRSvc.cjs.map +0 -1
  90. 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-beta.8",
4
- "description": "Preact-based modal custom element for Open Lavatory",
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
- "preact",
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-beta.8",
49
- "@openlv/provider": "0.0.1-beta.8",
50
- "@openlv/session": "0.0.1-beta.9",
51
- "@openlv/signaling": "0.0.1-beta.7"
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,5 +0,0 @@
1
- import { ProviderStatus } from '@openlv/provider';
2
- export declare const useProvider: () => {
3
- provider: import('@openlv/provider').OpenLVProvider;
4
- status: ProviderStatus;
5
- };
@@ -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
- }