wip

package.json

@@ -34,6 +34,7 @@
   },
   "dependencies": {
     "@electron/remote": "2.1.2",
+    "@floating-ui/vue": "1.1.6",
     "@vkontakte/vk-qr": "2.1.1",
     "pinia": "2.2.2",
     "vue": "3.5.8",

src/actions/loadInitialData.ts

@@ -13,6 +13,8 @@ export async function loadInitialData(onError: () => void) {
     return
   }
 
+  connection.status = 'init'
+
   try {
     const [longpollParams, conversations] = await api.fetchParallel([
       api.buildMethod('messages.getLongPollServer', {

src/assets/icons/index.ts

@@ -18,6 +18,7 @@ export { default as Icon24DoorArrowRightOutline } from './Icon24DoorArrowRightOu
 export { default as Icon24HideOutline } from './Icon24HideOutline.svg'
 export { default as Icon24Info } from './Icon24Info.svg'
 export { default as Icon24LinkExternalOutline } from './Icon24LinkExternalOutline.svg'
+export { default as Icon24MoreHorizontal } from './Icon24MoreHorizontal.svg'
 export { default as Icon24MuteOutline } from './Icon24MuteOutline.svg'
 export { default as Icon24Send } from './Icon24Send.svg'
 export { default as Icon24Spinner } from './Icon24Spinner.svg'

src/ui/ui/ActionMenu/ActionMenu.tsx

@@ -0,0 +1,14 @@
+import { defineComponent } from 'vue'
+import './ActionMenu.css'
+
+type Props = {
+
+}
+
+export const ActionMenu = defineComponent<Props>((props, { slots }) => {
+  return () => (
+    <div class="ActionMenu">
+      {slots.default?.()}
+    </div>
+  )
+})

yarn.lock

@@ -513,6 +513,40 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.0.tgz#a5417ae8427873f1dd08b70b3574b453e67b5f7f"
   integrity sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==
 
+"@floating-ui/core@^1.6.0":
+  version "1.6.8"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.6.8.tgz#aa43561be075815879305965020f492cdb43da12"
+  integrity sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==
+  dependencies:
+    "@floating-ui/utils" "^0.2.8"
+
+"@floating-ui/dom@^1.0.0":
+  version "1.6.12"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.12.tgz#6333dcb5a8ead3b2bf82f33d6bc410e95f54e556"
+  integrity sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==
+  dependencies:
+    "@floating-ui/core" "^1.6.0"
+    "@floating-ui/utils" "^0.2.8"
+
+"@floating-ui/utils@^0.2.8":
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.8.tgz#21a907684723bbbaa5f0974cf7730bd797eb8e62"
+  integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
+
+"@floating-ui/utils@^0.2.9":
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.9.tgz#50dea3616bc8191fb8e112283b49eaff03e78429"
+  integrity sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==
+
+"@floating-ui/[email protected]":
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/@floating-ui/vue/-/vue-1.1.6.tgz#1c7e8f257fae5b71a72d10c1746e6b0ba338399c"
+  integrity sha512-XFlUzGHGv12zbgHNk5FN2mUB7ROul3oG2ENdTpWdE+qMFxyNxWSRmsoyhiEnpmabNm6WnUvR1OvJfUfN4ojC1A==
+  dependencies:
+    "@floating-ui/dom" "^1.0.0"
+    "@floating-ui/utils" "^0.2.9"
+    vue-demi ">=0.13.0"
+
 "@gar/promisify@^1.1.3":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
@@ -4643,7 +4677,7 @@ [email protected]:
     vite-node "2.1.1"
     why-is-node-running "^2.3.0"
 
-vue-demi@^0.14.10:
+vue-demi@>=0.13.0, vue-demi@^0.14.10:
   version "0.14.10"
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.10.tgz#afc78de3d6f9e11bf78c55e8510ee12814522f04"
   integrity sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==