📨 Jsx iyileştirmeleri

KimlikDAO · Dec 28, 2024 · b44f083 · b44f083
1 parent 1efb37a
commit b44f083
Show file tree

Hide file tree

Showing 14 changed files with 72 additions and 56 deletions.
diff --git a/al/imeceİptal/birim.js b/al/imeceİptal/birim.js
@@ -197,7 +197,7 @@ const iptalciGirdisiSil = (event) => {
  */
 const eşikDeğeriBlurOlunca = (event) => {
   /** @const {boolean} */
-  const geçerli = +event.target.value <= +ToplamAğırlık.value;
+  const geçerli = +/** @type {!HTMLInputElement} */(event.target).value <= +ToplamAğırlık.value;
   EşikGirdisi.classList.toggle("imin", geçerli);
 }
 

diff --git a/al/sayfa.js b/al/sayfa.js
@@ -11,11 +11,12 @@ import Kpass from "/birim/kpass/birim";
 import Telefon from "/birim/telefon/birim";
 import { ChainGroup } from "/lib/crosschain/chains";
 import { checkVerifiableIDs, toUnlockableNFT } from "/lib/did/KPass";
-import { VerificationKeys, metadataAndSections, signPrompt } from "/lib/did/KPassMetadata";
+import { VerificationKeys, metadataAndSections, userPrompt } from "/lib/did/KPassMetadata";
 import KPass from "/lib/ethereum/KPass";
 import ipfs from "/lib/node/ipfs";
 import network from "/lib/node/network";
 import dom from "/lib/util/dom";
+import { LangCode } from "/lib/util/i18n";
 import { hex } from "/lib/util/çevir";
 
 /**
@@ -33,7 +34,7 @@ const kpassYarat = (adres, açıkKPass) => {
   şifreleDüğmesi.classList.remove("disabled");
 
   /** @const {string} */
-  const telefonMetni = signPrompt(["personInfo"]);
+  const telefonMetni = userPrompt(["personInfo"]);
   Telefon.kutuGöster(telefonMetni.slice(0, dom.Lang == LangCode.TR ? 25 : 35) +
     telefonMetni.slice(35, dom.Lang == LangCode.TR ? 161 : 193), dom.i18n({ tr: "İmzala", en: "Sign" }));
 

diff --git a/al/sayfa.jsx b/al/sayfa.jsx
@@ -53,14 +53,14 @@ const Şifreleme = () =>
     <a href="javascript:" id="al3a" class="act btn" data-en="Request 4 signatures">4 imza isteği yolla</a>
   </div>;
 
-const Al = () => (
-  <html>
+const Al = ({ Lang }) => (
+  <html lang={Lang}>
     <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
       <Lato400 shared />
       <Lato700 shared />
-      <title data-en="KimlikDAO | Mint KPass">KimlikDAO | KPass al</title>
+      <title>KimlikDAO | {{ tr: "KPass al", en: "Mint KPass" }}</title>
       <Favicon raster={32} rel="icon" />
       <OrtakCss />
       <Css />

diff --git a/al/tanışma/birim.js b/al/tanışma/birim.js
@@ -6,6 +6,7 @@ import { combineMultiple } from "/lib/did/KPass";
 import "/lib/node/error.d";
 import network from "/lib/node/network";
 import dom from "/lib/util/dom";
+import { LangCode } from "/lib/util/i18n";
 import { base64, uint8ArrayeBase64ten } from "/lib/util/çevir";
 
 /**
@@ -153,12 +154,12 @@ const açıkKPassAlVe = (ağÇeşidi, adres, sonra) => {
     nkoDüğmesi.onclick = () => {
       dom.gizle(eDevletDüğmesi);
       dom.gizle(nkoDüğmesi);
-      /** @const {Element} */
+      /** @const {!Element} */
       const dosyaBırakmaBölgesi = dom.adla("tada");
       /** @const {!HTMLInputElement} */
       const dosyaSeçici = /** @type {!HTMLInputElement} */(dom.adla("tain"));
       dom.adla("tadsbtn").onclick = () => dosyaSeçici.click();
-      /** @const {Element} */
+      /** @const {!Element} */
       const dosyaYüklemeBölümü = dom.adla("tadc");
       dom.göster(dosyaYüklemeBölümü);
 
@@ -236,18 +237,18 @@ const açıkKPassAlVe = (ağÇeşidi, adres, sonra) => {
         }
       }
 
-      dosyaBırakmaBölgesi.ondrop = (e) => {
+      dosyaBırakmaBölgesi["ondrop"] = (e) => {
         e.preventDefault();
         if (e.dataTransfer.files[0].type.includes("pdf"))
           dosyaYükle(e.dataTransfer.files[0]);
       };
 
-      dosyaBırakmaBölgesi.ondragover = (e) => {
+      dosyaBırakmaBölgesi["ondragover"] = (e) => {
         e.preventDefault();
         dosyaBırakmaBölgesi.classList.add("tasrk");
       }
 
-      dosyaBırakmaBölgesi.ondragleave = (e) => {
+      dosyaBırakmaBölgesi["ondragleave"] = (e) => {
         e.preventDefault();
         dosyaBırakmaBölgesi.classList.remove("tasrk");
       }

diff --git a/al/tanışma/birim.jsx b/al/tanışma/birim.jsx
@@ -6,13 +6,16 @@ import KopyalaResmi from "/al/paste.svg";
 const Tanışma = () => (
   <div id="ta" class="step disabled">
     <Css />
-    <b data-en="2. Introduce yourself.">2. Kendinizi tanıtın.</b>{{
+    <b>{{ en: "2. Introduce yourself.", tr: "2. Kendinizi tanıtın." }}</b>{{
       en: "Authenticate by uploading a verifiable e-devlet PDF.",
       tr: "Kendinizi e-devlet’ten alınmış nüfus kayıt örneği yükleyerek veya e-devlet girişi ile tanıtabilirsiniz."
     }}<br />
     <br />
-    <a href="javascript:" class="act btn lft" id="tab" data-en="PDF authentication">PDF ile tanıt</a>
-    <a class="btn" id="taa" title={{tr: "Çok Yakında!", en: "Soon!"}}>{{
+    <a href="javascript:" class="act btn lft" id="tab">{{
+      en: "PDF authentication",
+      tr: "PDF ile tanıt"
+    }}</a>{" "}
+    <a class="btn" id="taa" title={{ tr: "Çok Yakında!", en: "Soon!" }}>{{
       tr: "E-devlet ile giriş (Yakında!)",
       en: "Login with e-devlet (Soon!)"
     }}</a>
@@ -25,25 +28,28 @@ const Tanışma = () => (
         }}
         <table id="tabi">
           <tr>
-            <td data-en="Certificate type">Nüfus Kayıt Örneği Tipi</td>
-            <td data-en="Self">Kişi</td>
+            <td>{{ en: "Certificate type", tr: "Nüfus Kayıt Örneği Tipi" }}</td>
+            <td>{{ en: "Self", tr: "Kişi" }}</td>
           </tr>
           <tr>
-            <td data-en="Include former spouse list">Eski Eş Listesi</td>
-            <td data-en="No">Hayır</td>
+            <td>{{ en: "Include former spouse list", tr: "Eski Eş Listesi" }}</td>
+            <td>{{ en: "No", tr: "Hayır" }}</td>
           </tr>
           <tr>
-            <td data-en="Include background check">Vukuatlı Belge (Olayları Göster)</td>
-            <td data-en="No">Hayır</td>
+            <td>{{ en: "Include background check", tr: "Vukuatlı Belge (Olayları Göster)" }}</td>
+            <td>{{ en: "No", tr: "Hayır" }}</td>
           </tr>
           <tr>
-            <td data-en="Purpose">Belgenin Neden Verileceği</td>
-            <td data-en="Present to institution">Kuruma İbraz</td>
+            <td>{{ en: "Purpose", tr: "Belgenin Neden Verileceği" }}</td>
+            <td>{{ en: "Present to institution", tr: "Kuruma İbraz" }}</td>
           </tr>
           <tr>
-            <td data-en="Institution name">Kurum adı</td>
-            <td><b id="tano" data-en="Calculating...">Hesaplanıyor...</b><a href="javascript:" id="tacopy"
-                data-en:title="Copy" title="Kopyala" style="display:none"><KopyalaResmi inline /></a>
+            <td>{{ en: "Institution name", tr: "Kurum adı" }}</td>
+            <td><b id="tano">{{
+              en: "Calculating...",
+              tr: "Hesaplanıyor..."
+            }}</b><a href="javascript:" id="tacopy"
+              title={{ tr: "Kopyala", en: "Copy" }} style="display:none"><KopyalaResmi inline /></a>
             </td>
           </tr>
         </table>{{
@@ -53,7 +59,7 @@ const Tanışma = () => (
           <Bağlantı inline />
         </a>{{
           en: " to obtain a verifiable PDF. Once you have the file, drag and drop it here.",
-          tr: " sayfasından yukarıdaki bilgileri girerek bir PDF dosyası alın. Aldığınız dosyayı bu kutuya sürükleyin."
+          tr: " sayfasından yukarıdaki bilgileri girerek bir PDF dosyası alın. Aldığınız dosyayı bu kutuya sürükleyin."
         }}
         <div class="tastt">
           <div id="taimg">
@@ -63,8 +69,14 @@ const Tanışma = () => (
           <div id="tafail" style="display:none"></div>
         </div>
         <div id="tafb"></div>
-        <a href="javascript:" id="tadsbtn" class="btn act lft" data-en="Select file">Dosya seç</a>
-        <a href="javascript:" id="tabip" class="btn" data-en="Cancel">İptal</a>
+        <a href="javascript:" id="tadsbtn" class="btn act lft">{{
+          en: "Select file",
+          tr: "Dosya seç"
+        }}</a>{" "}
+        <a href="javascript:" id="tabip" class="btn">{{
+          en: "Cancel",
+          tr: "İptal"
+        }}</a>
       </div>
     </div>
   </div>

diff --git a/al/ödeme/birim.js b/al/ödeme/birim.js
@@ -6,6 +6,7 @@ import { ChainGroup, ChainId } from "/lib/crosschain/chains";
 import KPass from "/lib/ethereum/KPass";
 import { whenMined } from "/lib/ethereum/transaction";
 import dom from "/lib/util/dom";
+import { LangCode } from "/lib/util/i18n";
 import { bekle } from "/lib/util/promises";
 
 /**

diff --git a/al/ödeme/birim.jsx b/al/ödeme/birim.jsx
@@ -1,12 +1,13 @@
-import dom from "/lib/util/dom";
 import AvaxResmi from "/birim/paralar/AVAX.svg";
-import UsdtResmi from "/birim/paralar/USDT.svg";
-import TrybResmi from "/birim/paralar/TRYB.svg";
-import MaticResmi from "/birim/paralar/MATIC.svg";
 import BnbResmi from "/birim/paralar/BNB.svg";
-import FtmResmi from "/birim/paralar/FTM.svg";
 import EthResmi from "/birim/paralar/ETH.svg";
+import FtmResmi from "/birim/paralar/FTM.svg";
+import MaticResmi from "/birim/paralar/MATIC.svg";
 import MinaResmi from "/birim/paralar/MINA.png";
+import TrybResmi from "/birim/paralar/TRYB.svg";
+import UsdcResmi from "/birim/paralar/USDC.svg";
+import UsdtResmi from "/birim/paralar/USDT.svg";
+import dom from "/lib/util/dom";
 
 /** @const {!HTMLDivElement} */
 export const Kök = dom.div("od");
@@ -18,12 +19,11 @@ const Dot = {
 
 const Ödeme = () => (
   <div id="od" class="step disabled">
-    <b data-en="5. Send the payment and receive your KPass.">5. Ödemeyi yapın KPass cüzdanınıza gelsin</b>
-    <i18n
-      data-en="We'll send your wallet a request for a transaction of value &lt;span id=odf>$1.5&lt;/span>. When confirmed, your KPass will be minted in the same transaction.">
-      Cüzdanınıza <span id="odf">$1,5</span> alımı için bir istek yollayacağız. Onayladığınızda
-      cüzdanınızdan ücret alınır ve KPass'iniz cüzdanınıza mint edilir.
-    </i18n>
+    <b data-en="5. Send the payment and receive your KPass.">5. Ödemeyi yapın KPass cüzdanınıza gelsin</b>{{
+      en: <>We'll send your wallet a request for a transaction of value <span id="odf">$1.5</span>. When confirmed, your KPass will be minted in the same transaction.</>,
+      tr: <>Cüzdanınıza <span id="odf">$1,5</span> alımı için bir istek yollayacağız.Onayladığınızda
+        cüzdanınızdan ücret alınır ve KPass'iniz cüzdanınıza mint edilir.</>
+    }}
     <table id="odi">
       <tr>
         <td data-en="KimlikDAO fee">KimlikDAO ücreti</td>
@@ -85,7 +85,7 @@ const Ödeme = () => (
         </li>
       </ul>
     </div>
-  </div>
+  </div >
 );
 
 export default Ödeme;
diff --git a/crate.js b/crate.js
@@ -2,11 +2,11 @@ import { I18nString, LangCode } from "/lib/util/i18n";
 
 /** @enum {I18nString} */
 const Page = {
-  Ana: { en: "en", tr: "tr" },
-  Al: { en: "mint", tr: "al" },
-  İptal: { en: "revoke", tr: "iptal" },
-  Oyla: { en: "vote", tr: "oyla" },
-  KPassim: { en: "kpass", tr: "kpassim" }
+  Ana: { [LangCode.EN]: "en", [LangCode.TR]: "tr" },
+  Al: { [LangCode.EN]: "mint", [LangCode.TR]: "al" },
+  İptal: { [LangCode.EN]: "revoke", [LangCode.TR]: "iptal" },
+  Oyla: { [LangCode.EN]: "vote", [LangCode.TR]: "oyla" },
+  KPassim: { [LangCode.EN]: "kpass", [LangCode.TR]: "kpassim" }
 };
 
 /** @const {Page} */

diff --git a/kpassim/discord.js b/kpassim/discord.js
@@ -1,13 +1,14 @@
 import discord from "./discord.d";
+import { LangCode } from "/lib/util/i18n";
 
 /**
  * @param {!discord.SignedID} discordID
  * @param {string} role
  * @param {LangCode} lang
  * @return {string}
  */
-const roleRequestChallenge = (discordID, role) => TR
+const roleRequestChallenge = (discordID, role, lang) => lang == LangCode.TR
   ? `${discordID.username} Discord hesabıma ${role} rolünü eklemek istiyorum.`
-  : `I would like to add the ${role} role to my Discord account ${discordID.username}.`
+  : `I would like to add the ${role} role to my Discord account ${discordID.username}.`;
 
 export { roleRequestChallenge };
diff --git a/kpassim/sayfa.js b/kpassim/sayfa.js
@@ -22,7 +22,7 @@ import {
 } from "/kpassim/pencere/birim";
 import { ChainId } from "/lib/crosschain/chains";
 import { Provider } from "/lib/crosschain/provider";
-import { Signature } from "/lib/crosschain/signer";
+import { Signature, Signer } from "/lib/crosschain/signer";
 import { fromUnlockableNFT } from "/lib/did/KPass";
 import KPass from "/lib/ethereum/KPass";
 import dom from "/lib/util/dom";

diff --git a/kpassim/sayfa.jsx b/kpassim/sayfa.jsx
@@ -42,12 +42,12 @@ const ChainNotes = {
 /** @const {ChainId} */
 const DefaultChain = ChainId.xa4b1;
 
-const KPassim = () =>
-  <html>
+const KPassim = ({ Lang }) =>
+  <html lang={Lang}>
     <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
-      <title data-en="KimlikDAO | My KPass">KimlikDAO | KPass’im</title>
+      <title>KimlikDAO | {{ tr: "KPass’im", en: "My KPass" }}</title>
       <Lato400 shared />
       <Lato700 shared />
       <Favicon raster={32} rel="icon" />
@@ -64,11 +64,11 @@ const KPassim = () =>
               en: "The connected wallet does not have a KPass on this chain.",
               tr: "Bağlıcüzdanda bu ağda KPass yok."
             }}<br /><br />
-              <a href="/al" class="inl" data-en="Click here to get one.">Almak için tıklayın.</a>
+              <a href="/al" class="inl">{{ en: "Almak için tıklayın.", tr: "Almak için tıklayın." }}</a>
             </span>
           </KPassYok>
           <KPass style="display:none" />
-          <AçDüğmesi data-en="Unlock" style="display:none">Aç</AçDüğmesi>
+          <AçDüğmesi style="display:none">{{ en: "Unlock", tr: "Aç" }}</AçDüğmesi>
         </div>
         <div id="inbtn">
           <DiscordDüğmesi href="javascript:" class="info btn" data-en="Claim Discord role">Discord rolü al</DiscordDüğmesi>

diff --git a/lib b/lib
diff --git a/oyla/sayfa.jsx b/oyla/sayfa.jsx
@@ -37,7 +37,7 @@ const Oyla = () => (
     <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
-      <title data-en="KimlikDAO | Vote">KimlikDAO | Oylamalar</title>
+      <title>KimlikDAO | {{ tr: "Oylamalar", en: "Vote" }}</title>
       <Lato400 shared />
       <Lato700 shared />
       <Favicon raster={32} rel="icon" />

diff --git a/package.json b/package.json
@@ -12,7 +12,7 @@
     "canary": "NODE_ENV=production bun lib/kastro/workers/canaryServer.js",
     "dev": "NODE_ENV=production bun lib/kastro/kastro.js",
     "compiled": "NODE_ENV=production bun lib/kastro/kastro.js --compiled",
-    "clean": "rm -rf build"
+    "clean": "rm -rf build && clear"
   },
   "devDependencies": {
     "acorn": "^8.14.0",
+11 −9		kastro/compiler/compiler.js
+2 −2		kastro/compiler/compression.js
+1 −1		kastro/compiler/page.js
+15 −8		kastro/compiler/pageGlobals.js
+7 −5		kastro/kastro.js