ваше сообщение коммита

2025-08-08 23:40:13 +03:00
parent badb8b9557
commit a10810df55
19 changed files with 2599 additions and 898 deletions
--- a/frontend/src/utils/dle-contract.js
+++ b/frontend/src/utils/dle-contract.js
@@ -84,18 +84,20 @@ export async function createProposal(dleAddress, proposalData) {
    const signer = await provider.getSigner();

    // ABI для создания предложения
-    const dleAbi = [
-      "function createProposal(string memory _description, uint256 _duration, bytes memory _operation, uint256 _governanceChainId) external returns (uint256)"
+  const dleAbi = [
+      "function createProposal(string memory _description, uint256 _duration, bytes memory _operation, uint256 _governanceChainId, uint256[] memory _targetChains, uint256 _timelockDelay) external returns (uint256)"
    ];

    const dle = new ethers.Contract(dleAddress, dleAbi, signer);

    // Создаем предложение
-    const tx = await dle.createProposal(
+  const tx = await dle.createProposal(
      proposalData.description,
      proposalData.duration,
      proposalData.operation,
-      proposalData.governanceChainId
+      proposalData.governanceChainId,
+      proposalData.targetChains || [],
+      proposalData.timelockDelay || 0
    );

    // Ждем подтверждения транзакции
--- a/frontend/src/views/settings/DleDeployFormView.vue
+++ b/frontend/src/views/settings/DleDeployFormView.vue
@@ -683,6 +683,61 @@
          <div class="preview-item">
            <strong>💰 Общая стоимость:</strong> ~${{ totalDeployCost.toFixed(2) }}
          </div>
+
+          <!-- Предсказанные адреса (CREATE2) -->
+          <div class="preview-item predicted-addresses">
+            <div class="predicted-header">
+              <strong>📍 Предсказанные адреса DLE:</strong>
+            </div>
+            <ul class="networks-list" v-if="Object.keys(predictedAddresses).length">
+              <li v-for="net in selectedNetworkDetails" :key="net.chainId">
+                {{ net.name }} ({{ net.chainId }}):
+                <code class="addr">{{ predictedAddresses[net.chainId] || '—' }}</code>
+                <button
+                  v-if="predictedAddresses[net.chainId]"
+                  type="button"
+                  class="btn btn-xs btn-outline-secondary"
+                  @click="copyToClipboard(predictedAddresses[net.chainId])"
+                >Копировать</button>
+              </li>
+            </ul>
+            <small class="text-muted" v-else>Адреса вычисляются автоматически при выборе сетей.</small>
+          </div>
+        </div>
+
+        <!-- Ключи блокчейн-сканов (опционально) -->
+        <div v-if="selectedNetworks.length > 0" class="preview-section explorer-keys-section">
+          <h4>🧩 Ключи блокчейн-сканов (опционально для авто-верификации)</h4>
+          <div class="explorer-keys-grid">
+            <div
+              v-for="network in selectedNetworkDetails"
+              :key="network.chainId"
+              class="explorer-key-item"
+            >
+              <label class="explorer-key-label">
+                {{ network.name }} (Chain ID: {{ network.chainId }})
+              </label>
+              <div class="explorer-key-input">
+                <input
+                  :type="explorerKeyVisibility[network.chainId] ? 'text' : 'password'"
+                  class="form-control"
+                  :placeholder="`API ключ скана для ${network.name}`"
+                  v-model="explorerApiKeys[network.chainId]"
+                  autocomplete="off"
+                />
+                <button type="button" class="btn btn-secondary btn-sm"
+                  @click="explorerKeyVisibility[network.chainId] = !explorerKeyVisibility[network.chainId]">
+                  {{ explorerKeyVisibility[network.chainId] ? 'Скрыть' : 'Показать' }}
+                </button>
+                <button type="button" class="btn btn-outline-danger btn-sm" @click="explorerApiKeys[network.chainId] = ''">
+                  Очистить
+                </button>
+              </div>
+            </div>
+          </div>
+          <div class="explorer-keys-actions">
+            <label><input type="checkbox" v-model="persistExplorerKeys" /> Сохранить локально до конца деплоя</label>
+          </div>
        </div>

        <!-- Приватный ключ -->
@@ -903,6 +958,13 @@ const availableNetworks = ref([]);
 const isLoadingNetworks = ref(false);
 const totalDeployCost = ref(0);
 const predictedAddress = ref('');
+const predictedAddresses = reactive({}); // { chainId: address }
+const isPredicting = ref(false);
+
+// Ключи блокчейн-сканов (локально)
+const explorerApiKeys = reactive({}); // { [chainId]: apiKey }
+const explorerKeyVisibility = reactive({});
+const persistExplorerKeys = ref(false);

 // Состояние для приватных ключей
 const useSameKeyForAllChains = ref(true);
@@ -958,6 +1020,61 @@ const hasSelectedNetworks = computed(() => {
  return selectedNetworks.value.length > 0;
 });

+// Инициализация полей ключей при смене выбранных сетей
+watch(selectedNetworkDetails, (nets) => {
+  nets.forEach(n => {
+    if (!(n.chainId in explorerKeyVisibility)) explorerKeyVisibility[n.chainId] = false;
+    if (persistExplorerKeys.value) {
+      const saved = localStorage.getItem(`scan_key_${n.chainId}`);
+      if (saved && !explorerApiKeys[n.chainId]) explorerApiKeys[n.chainId] = saved;
+    }
+  });
+  if (nets && nets.length > 0) predictAddresses();
+}, { immediate: true });
+
+watch(persistExplorerKeys, (val) => {
+  if (!val) return;
+  Object.entries(explorerApiKeys).forEach(([chainId, key]) => {
+    if (key) localStorage.setItem(`scan_key_${chainId}`, key);
+  });
+});
+
+function clearExplorerKeys() {
+  Object.keys(explorerApiKeys).forEach((k) => explorerApiKeys[k] = '');
+  Object.keys(localStorage)
+    .filter(k => k.startsWith('scan_key_'))
+    .forEach(k => localStorage.removeItem(k));
+}
+
+// Предсказание адресов (упрощенно через бэкенд)
+async function predictAddresses() {
+  try {
+    isPredicting.value = true;
+    const payload = {
+      name: dleSettings.name,
+      symbol: dleSettings.tokenSymbol,
+      selectedNetworks: selectedNetworkDetails.value.map(n => n.chainId)
+    };
+    const resp = await axios.post('/dle-v2/predict-addresses', payload);
+    if (resp.data && resp.data.success && resp.data.data) {
+      // ожидаем вид { [chainId]: address }
+      Object.keys(predictedAddresses).forEach(k => delete predictedAddresses[k]);
+      Object.assign(predictedAddresses, resp.data.data);
+    }
+  } catch (e) {
+    console.error('Ошибка расчета предсказанных адресов:', e);
+    alert('Не удалось рассчитать предсказанные адреса');
+  } finally {
+    isPredicting.value = false;
+  }
+}
+
+function copyToClipboard(text) {
+  navigator.clipboard?.writeText(text).then(() => {
+    // no-op
+  }).catch(() => {});
+}
+
 // Информация о выбранном стандарте токена
 const selectedTokenStandardInfo = computed(() => {
  return tokenStandardsData[dleSettings.tokenStandard] || null;
@@ -2306,7 +2423,8 @@ const deploySmartContracts = async () => {
      currentChainId: dleSettings.selectedNetworks[0] || 1,
      
      // Приватный ключ для деплоя
-      privateKey: unifiedPrivateKey.value
+      privateKey: unifiedPrivateKey.value,
+      explorerApiKeys: explorerApiKeys
    };

    console.log('Данные для деплоя DLE:', deployData);
@@ -2333,6 +2451,12 @@ const deploySmartContracts = async () => {
        // Перенаправляем на главную страницу управления
        router.push('/management');
      }, 2000);
+      if (!persistExplorerKeys.value) {
+        Object.keys(explorerApiKeys).forEach((k) => explorerApiKeys[k] = '');
+        Object.keys(localStorage)
+          .filter(k => k.startsWith('scan_key_'))
+          .forEach(k => localStorage.removeItem(k));
+      }
      
    } else {
      showDeployProgress.value = false;
@@ -2375,6 +2499,15 @@ const validateCoordinates = (coordinates) => {
 </script>

 <style scoped>
+.explorer-keys-section { margin-top: 16px; }
+.explorer-keys-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
+.explorer-key-item { display: flex; flex-direction: column; gap: 8px; }
+.explorer-key-input { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; }
+.explorer-key-input input { flex: 1 1 auto; width: auto; min-width: 0; }
+.explorer-keys-actions { margin-top: 8px; display: flex; gap: 12px; align-items: center; }
+@media (min-width: 768px) {
+  .explorer-keys-grid { grid-template-columns: 1fr 1fr; }
+}
 .settings-panel {
  padding: var(--block-padding);
  background-color: var(--color-light);
--- a/frontend/src/views/smartcontracts/DleProposalsView.vue
+++ b/frontend/src/views/smartcontracts/DleProposalsView.vue
@@ -214,6 +214,15 @@
          </div>
        </div>

+        <!-- Timelock -->
+        <div class="form-section">
+          <h5>⏳ Timelock</h5>
+          <div class="form-group-inline">
+            <label for="timelockHours">Задержка исполнения (часы):</label>
+            <input id="timelockHours" type="number" min="0" step="1" v-model.number="newProposal.timelockHours" class="form-control small" />
+          </div>
+        </div>
+
        <!-- Выбор цепочки для кворума -->
        <div class="form-section">
          <h5>🔗 Выбор цепочки для кворума</h5>
@@ -239,7 +248,23 @@
          </div>
        </div>

-        <!-- Тип операции -->
+        
+
+        <!-- Целевые сети для исполнения (мультиселект) -->
+        <div class="form-section" v-if="showTargetChains">
+          <h5>🎯 Целевые сети для исполнения</h5>
+          <div class="targets-grid">
+            <label v-for="chain in availableChains" :key="chain.chainId" class="target-item">
+              <input type="checkbox" :value="chain.chainId" v-model="newProposal.targetChains" />
+              <span>{{ chain.name }} ({{ chain.chainId }})</span>
+            </label>
+          </div>
+          <small class="text-muted">Для offchain‑действий целевые сети не требуются.</small>
+        </div>
+
+        
+
+        <!-- Тип операции (последним блоком) -->
        <div class="form-section">
          <h5>⚙️ Тип операции</h5>
          
@@ -458,7 +483,22 @@
          </div>
        </div>

-        <!-- Предварительный просмотр -->
+        <!-- Действия -->
+        <div class="form-actions">
+          <button 
+            class="btn btn-success" 
+            @click="createProposal" 
+            :disabled="!isFormValid || isCreating"
+          >
+            <i class="fas fa-paper-plane"></i> 
+            {{ isCreating ? 'Создание...' : 'Создать предложение' }}
+          </button>
+          <button class="btn btn-secondary" @click="resetForm">
+            <i class="fas fa-undo"></i> Сбросить
+          </button>
+        </div>
+
+        <!-- Предварительный просмотр (в конце формы) -->
        <div class="form-section">
          <h5>👁️ Предварительный просмотр</h5>
          <div class="preview-card">
@@ -480,21 +520,6 @@
            </div>
          </div>
        </div>
-
-        <!-- Действия -->
-        <div class="form-actions">
-          <button 
-            class="btn btn-success" 
-            @click="createProposal" 
-            :disabled="!isFormValid || isCreating"
-          >
-            <i class="fas fa-paper-plane"></i> 
-            {{ isCreating ? 'Создание...' : 'Создать предложение' }}
-          </button>
-          <button class="btn btn-secondary" @click="resetForm">
-            <i class="fas fa-undo"></i> Сбросить
-          </button>
-        </div>
      </div>
      </div> <!-- Закрываем div для авторизованных пользователей -->
  </div>
@@ -507,6 +532,11 @@ import { useRouter, useRoute } from 'vue-router';
 import { useAuthContext } from '@/composables/useAuth';
 import BaseLayout from '../../components/BaseLayout.vue';
 import { getDLEInfo, loadProposals, createProposal as createProposalAPI, voteForProposal as voteForProposalAPI, executeProposal as executeProposalAPI, getSupportedChains } from '../../utils/dle-contract.js';
+const showTargetChains = computed(() => {
+  // Для offchain-действий не требуется ончейн исполнение (здесь типы пока ончейн)
+  // Можно расширить логику при появлении offchain типа
+  return true;
+});
 import wsClient from '../../utils/websocket.js';
 import { ethers } from 'ethers';

@@ -552,6 +582,8 @@ const newProposal = ref({
  description: '',
  duration: 7,
  governanceChainId: null,
+  timelockHours: 0,
+  targetChains: [],
  operationType: '',
  operationParams: {
    to: '',
@@ -584,6 +616,7 @@ const isFormValid = computed(() => {
    newProposal.value.duration > 0 &&
    newProposal.value.governanceChainId &&
    newProposal.value.operationType &&
+    newProposal.value.timelockHours >= 0 &&
    validateOperationParams()
  );
 });
@@ -981,7 +1014,9 @@ async function createProposal() {
      description: newProposal.value.description,
      duration: newProposal.value.duration * 24 * 60 * 60, // конвертируем в секунды
      operation: operation,
-      governanceChainId: newProposal.value.governanceChainId
+      governanceChainId: newProposal.value.governanceChainId,
+      targetChains: showTargetChains.value ? newProposal.value.targetChains : [],
+      timelockDelay: (newProposal.value.timelockHours || 0) * 3600
    });
    
    console.log('Предложение создано:', result);