Merge remote-tracking branch 'origin/main' into feat/repost

luciorubeens · luciorubeens · commit d936d2ea07d2 · 2026-01-23T22:19:41.000-03:00
diff --git a/.github/workflows/frontend-build.yml b/.github/workflows/frontend-build.yml
@@ -35,7 +35,7 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
         with:
-          bun-version: 1.3.2
+          bun-version: 1.3.6
 
       - name: Install dependencies
         run: bun install
diff --git a/.github/workflows/frontend-e2e.yml b/.github/workflows/frontend-e2e.yml
@@ -38,7 +38,7 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
         with:
-          bun-version: 1.3.2
+          bun-version: 1.3.6
 
       - name: Install dependencies
         run: bun install
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
@@ -17,7 +17,7 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
         with:
-          bun-version: 1.3.2
+          bun-version: 1.3.6
 
       - name: Install dependencies
         run: bun install
diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
@@ -21,7 +21,7 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
         with:
-          bun-version: 1.3.2
+          bun-version: 1.3.6
 
       - name: Set up Node.js for NPM publish
         uses: actions/setup-node@v4
diff --git a/.github/workflows/smoke-tests.yml b/.github/workflows/smoke-tests.yml
@@ -17,7 +17,7 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
         with:
-          bun-version: 1.3.2
+          bun-version: 1.3.6
 
       - name: Install dependencies
         run: bun install
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -34,7 +34,7 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
         with:
-          bun-version: 1.3.2
+          bun-version: 1.3.6
 
       - name: Install dependencies
         run: bun install
diff --git a/.github/workflows/testnet-api-main.yml b/.github/workflows/testnet-api-main.yml
@@ -37,7 +37,7 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
         with:
-          bun-version: 1.3.2
+          bun-version: 1.3.6
 
       - name: Create Directory
         run: mkdir -p ./packages/api-main/data/postgres_data
diff --git a/bun.lock b/bun.lock
diff --git a/package.json b/package.json
@@ -20,20 +20,20 @@
     "retypeapp": "^3.11.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.0.0",
-    "@playwright/test": "^1.56.1",
+    "@antfu/eslint-config": "^6.7.3",
+    "@playwright/test": "^1.57.0",
     "@types/deno": "^2.5.0",
-    "@types/node": "^22.18.10",
-    "eslint": "^9.37.0",
-    "eslint-plugin-format": "^1.0.2",
+    "@types/node": "^22.19.3",
+    "eslint": "^9.39.2",
+    "eslint-plugin-format": "^1.2.0",
     "husky": "^9.1.7",
-    "lint-staged": "^16.2.6",
-    "tailwindcss": "^4.1.14",
+    "lint-staged": "^16.2.7",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx,mjs,cjs,vue}": "eslint --fix",
     "*.{json,yml,yaml,md}": "eslint --fix"
   },
-  "packageManager": "bun@1.3.2"
+  "packageManager": "bun@1.3.6"
 }
diff --git a/packages/api-main/Dockerfile b/packages/api-main/Dockerfile
@@ -1,5 +1,5 @@
 # Stage 1: Dependencies installation
-FROM oven/bun:1.3.2-slim AS deps
+FROM oven/bun:1.3.6-slim AS deps
 WORKDIR /app
 
 # Copy all monorepo files, excluding the ones ignored by dockerignore.
@@ -11,7 +11,7 @@ RUN --mount=type=cache,id=bun-cache,target=/root/.bun/install/cache \
     bun install --frozen-lockfile
 
 # Stage 2: Runtime
-FROM oven/bun:1.3.2-slim AS runtime
+FROM oven/bun:1.3.6-slim AS runtime
 WORKDIR /app
 
 # Copy installed dependencies from deps stage (only root node_modules, bun hoists workspace deps)
diff --git a/packages/api-main/package.json b/packages/api-main/package.json
@@ -21,27 +21,27 @@
     "@atomone/dither-api-types": "workspace:*",
     "@cosmjs/crypto": "^0.33.1",
     "@cosmjs/encoding": "^0.33.1",
-    "@elysiajs/cors": "~1.2.0",
-    "@elysiajs/node": "~1.2.6",
-    "@keplr-wallet/cosmos": "^0.12.280",
-    "@sinclair/typebox": "^0.34.41",
+    "@elysiajs/cors": "^1.4.1",
+    "@elysiajs/node": "^1.4.3",
+    "@keplr-wallet/cosmos": "^0.12.309",
+    "@sinclair/typebox": "^0.34.47",
     "dotenv": "^17.2.3",
     "drizzle-orm": "^0.44.7",
     "drizzle-typebox": "^0.3.3",
-    "elysia": "~1.2.25",
-    "jsonwebtoken": "^9.0.2",
+    "elysia": "^1.4.21",
+    "jsonwebtoken": "^9.0.3",
     "pg": "^8.16.3",
     "pino": "^10.1.0",
-    "postgres": "^3.4.7",
+    "postgres": "^3.4.8",
     "telegraf": "^4.16.3",
-    "ws": "^8.18.3"
+    "ws": "^8.19.0"
   },
   "devDependencies": {
     "@cosmjs/amino": "^0.33.1",
     "@types/jsonwebtoken": "^9.0.10",
-    "@types/pg": "^8.15.5",
+    "@types/pg": "^8.16.0",
     "drizzle-kit": "^0.31.8",
-    "pino-pretty": "^13.1.2",
-    "vitest": "^4.0.10"
+    "pino-pretty": "^13.1.3",
+    "vitest": "^4.0.16"
   }
 }
diff --git a/packages/feed-sync/Dockerfile b/packages/feed-sync/Dockerfile
@@ -1,4 +1,4 @@
-FROM oven/bun:1.3.2-slim AS base
+FROM oven/bun:1.3.6-slim AS base
 
 FROM base AS build
 WORKDIR /workspace
diff --git a/packages/feed-sync/package.json b/packages/feed-sync/package.json
@@ -13,10 +13,10 @@
     "dotenv": "^17.2.3",
     "limiter": "^3.0.0",
     "pg": "^8.16.3",
-    "pg-logical-replication": "^2.2.1",
+    "pg-logical-replication": "^2.3.0",
     "retry": "^0.13.1",
     "telegraf": "^4.16.3",
-    "winston": "^3.18.3"
+    "winston": "^3.19.0"
   },
   "devDependencies": {
     "@types/retry": "^0.12.5"
diff --git a/packages/frontend-main/package.json b/packages/frontend-main/package.json
@@ -18,7 +18,7 @@
     "@sinclair/typebox": "^0.34.41",
     "@tailwindcss/vite": "^4.1.14",
     "@tanstack/vue-query": "^5.90.3",
-    "@tma.js/sdk-vue": "^1.0.8",
+    "@tma.js/sdk-vue": "^1.0.14",
     "@vueuse/core": "^13.9.0",
     "bech32": "^2.0.0",
     "bignumber.js": "^9.3.1",
diff --git a/packages/frontend-main/src/components/popups/NewPostDialog.vue b/packages/frontend-main/src/components/popups/NewPostDialog.vue
@@ -1,45 +1,25 @@
 <script lang="ts" setup>
-import { Decimal } from '@cosmjs/math';
-import { computed, ref } from 'vue';
+import { ref } from 'vue';
 import { toast } from 'vue-sonner';
 
-import PostEditorToolbar from '@/components/posts/PostEditorToolbar.vue';
-import PostMediaThumbnail from '@/components/posts/PostMediaThumbnail.vue';
-import
-{ Button }
-  from '@/components/ui/button';
+import PostComposer from '@/components/posts/PostComposer.vue';
 import {
   Dialog,
   DialogTitle,
   ResponsiveDialogContent,
 } from '@/components/ui/dialog';
-import InputPhoton from '@/components/ui/input/InputPhoton.vue';
-import { Textarea } from '@/components/ui/textarea';
 import { useConfirmDialog } from '@/composables/useConfirmDialog';
 import { useCreatePost } from '@/composables/useCreatePost';
 import { useTxDialog } from '@/composables/useTxDialog';
-import { useConfigStore } from '@/stores/useConfigStore';
-import { fractionalDigits } from '@/utility/atomics';
 import { showBroadcastingToast } from '@/utility/toast';
 
 const MAX_CHARS = 512 - 'dither.Post("")'.length;
 const message = ref('');
-const isBalanceInputValid = ref(false);
 
 const { createPost, txError, txSuccess } = useCreatePost();
 const { showConfirmDialog } = useConfirmDialog();
 
-const { isShown, inputPhotonModel, handleClose } = useTxDialog<object>('newPost', txSuccess, txError);
-const configStore = useConfigStore();
-const amountAtomics = computed(() => configStore.config.defaultAmountEnabled ? configStore.config.defaultAmountAtomics : Decimal.fromUserInput(inputPhotonModel.value.toString(), fractionalDigits).atomics);
-
-function handleInputValidity(value: boolean) {
-  isBalanceInputValid.value = value;
-}
-
-const canSubmit = computed(() => {
-  return isBalanceInputValid.value && message.value.length > 0;
-});
+const { isShown, handleClose } = useTxDialog<object>('newPost', txSuccess, txError);
 
 function handleCloseWithSaveDraft() {
   handleClose();
@@ -57,12 +37,7 @@ function handleCloseWithSaveDraft() {
   });
 }
 
-async function handleSubmit() {
-  if (!canSubmit.value) {
-    return;
-  }
-
-  const msgValue = message.value;
+async function handleSubmit({ message: msgValue, amountAtomics }: { message: string; amountAtomics: string }) {
   message.value = '';
   handleClose();
 
@@ -71,25 +46,12 @@ async function handleSubmit() {
   try {
     await createPost({
       message: msgValue,
-      amountAtomics: amountAtomics.value,
+      amountAtomics,
     });
   } finally {
     toast.dismiss(toastId);
   }
 }
-
-function handleInsertText(text: string) {
-  // Ensure there's a space before inserting new text
-  if (message.value.length > 0 && !message.value.endsWith(' ')) {
-    message.value += ' ';
-  }
-
-  message.value += text;
-}
-
-function handleRemoveText(text: string) {
-  message.value = message.value.replace(text, '').trim();
-}
 </script>
 
 <template>
@@ -98,21 +60,12 @@ function handleRemoveText(text: string) {
       <ResponsiveDialogContent>
         <DialogTitle>{{ $t('components.PopupTitles.newPost') }}</DialogTitle>
 
-        <Textarea
-          v-model="message" :placeholder="$t('placeholders.post')" :maxlength="MAX_CHARS" class="min-h-[74px] w-full break-all"
+        <PostComposer
+          v-model="message"
+          :max-chars="MAX_CHARS"
+          :placeholder="$t('placeholders.post')"
+          @submit="handleSubmit"
         />
-
-        <PostMediaThumbnail :content="message" @remove-text="handleRemoveText" />
-
-        <PostEditorToolbar :content="message" @insert-text="handleInsertText" />
-
-        <!-- Transaction Form -->
-        <div class="flex flex-col w-full gap-4">
-          <InputPhoton v-if="!configStore.config.defaultAmountEnabled" v-model="inputPhotonModel" @on-validity-change="handleInputValidity" />
-          <Button class="w-full" :disabled="!canSubmit" @click="handleSubmit">
-            {{ $t('components.Button.submit') }}
-          </Button>
-        </div>
       </ResponsiveDialogContent>
     </Dialog>
   </div>
diff --git a/packages/frontend-main/src/components/popups/ReplyDialog.vue b/packages/frontend-main/src/components/popups/ReplyDialog.vue
@@ -1,67 +1,60 @@
 <script lang="ts" setup>
 import type { Post } from 'api-main/types/feed';
 
-import { Decimal } from '@cosmjs/math';
-import { computed, ref } from 'vue';
+import { ref } from 'vue';
 import { toast } from 'vue-sonner';
 
+import PostComposer from '@/components/posts/PostComposer.vue';
 import PostMessage from '@/components/posts/PostMessage.vue';
 import PrettyTimestamp from '@/components/posts/PrettyTimestamp.vue';
-import { Button } from '@/components/ui/button';
 import { Dialog, DialogTitle, ResponsiveDialogContent } from '@/components/ui/dialog';
-import InputPhoton from '@/components/ui/input/InputPhoton.vue';
-import { Textarea } from '@/components/ui/textarea';
 import UserAvatar from '@/components/users/UserAvatar.vue';
 import Username from '@/components/users/Username.vue';
 import { useCreateReply } from '@/composables/useCreateReply';
 import { useTxDialog } from '@/composables/useTxDialog';
-import { useConfigStore } from '@/stores/useConfigStore';
-import { fractionalDigits } from '@/utility/atomics';
 import { showBroadcastingToast } from '@/utility/toast';
 
 const POST_HASH_LEN = 64;
 const MAX_CHARS = 512 - ('dither.Reply("", "")'.length + POST_HASH_LEN);
 const message = ref('');
-const isBalanceInputValid = ref(false);
-const configStore = useConfigStore();
 
 const { createReply, txError, txSuccess } = useCreateReply();
 const {
   isShown,
-  inputPhotonModel,
   popupState: reply,
   handleClose,
 } = useTxDialog<Post>('reply', txSuccess, txError);
-const amountAtomics = computed(() => configStore.config.defaultAmountEnabled ? configStore.config.defaultAmountAtomics : Decimal.fromUserInput(inputPhotonModel.value.toString(), fractionalDigits).atomics);
-const canSubmit = computed(() => configStore.config.defaultAmountEnabled || (isBalanceInputValid.value && message.value.length > 0));
 
-async function handleSubmit() {
-  if (!canSubmit.value || !reply.value) {
+function handleCloseWithCleanup() {
+  message.value = '';
+  handleClose();
+}
+
+async function handleSubmit({ message: msgValue, amountAtomics }: { message: string; amountAtomics: string }) {
+  if (!reply.value) {
     return;
   }
 
   const parentPost = ref(reply.value);
+  message.value = '';
   handleClose();
   const toastId = showBroadcastingToast('Reply');
 
   try {
-    await createReply({ parentPost, message: message.value, amountAtomics: amountAtomics.value });
+    await createReply({ parentPost, message: msgValue, amountAtomics });
   } finally {
     toast.dismiss(toastId);
   }
 }
-
-function handleInputValidity(value: boolean) {
-  isBalanceInputValid.value = value;
-}
 </script>
 
 <template>
   <div>
-    <Dialog v-if="isShown" open @update:open="handleClose">
+    <Dialog v-if="isShown" open @update:open="handleCloseWithCleanup">
       <ResponsiveDialogContent>
         <DialogTitle>{{ $t('components.PopupTitles.reply') }}</DialogTitle>
 
+        <!-- Parent Post Display -->
         <div class="flex flex-row gap-3 border-b pb-3">
           <UserAvatar :user-address="reply.author" />
           <div class="flex flex-col w-full gap-3">
@@ -76,16 +69,12 @@ function handleInputValidity(value: boolean) {
           </div>
         </div>
 
-        <Textarea v-model="message" :placeholder="$t('placeholders.reply')" :maxlength="MAX_CHARS" />
-
-        <!-- Transaction Form -->
-        <div class="flex flex-col w-full gap-4">
-          <InputPhoton v-if="!configStore.config.defaultAmountEnabled" v-model="inputPhotonModel" @on-validity-change="handleInputValidity" />
-          <span v-if="txError" class="text-red-500 text-xs">{{ txError }}</span>
-          <Button class="w-full" :disabled="!canSubmit" @click="handleSubmit">
-            {{ $t('components.Button.submit') }}
-          </Button>
-        </div>
+        <PostComposer
+          v-model="message"
+          :max-chars="MAX_CHARS"
+          :placeholder="$t('placeholders.reply')"
+          @submit="handleSubmit"
+        />
       </ResponsiveDialogContent>
     </Dialog>
   </div>
diff --git a/packages/frontend-main/src/components/posts/PostComposer.vue b/packages/frontend-main/src/components/posts/PostComposer.vue
diff --git a/packages/frontend-main/src/components/posts/PostEditorToolbar.vue b/packages/frontend-main/src/components/posts/PostEditorToolbar.vue
diff --git a/packages/lib-api-types/package.json b/packages/lib-api-types/package.json
diff --git a/packages/reader-main/Dockerfile b/packages/reader-main/Dockerfile
diff --git a/packages/reader-main/package.json b/packages/reader-main/package.json
