📦 Update kastro version

KimlikDAO · Dec 26, 2024 · f991cb9 · f991cb9
1 parent 6dd0db2
commit f991cb9
Show file tree

Hide file tree

Showing 32 changed files with 170 additions and 243 deletions.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -23,13 +23,13 @@ jobs:
         uses: oven-sh/setup-bun@v2
 
       - name: "`cüzdan` birimini derle"
-        run: bun lib/kdjs/kdjs.js birim/cüzdan/birim.js --globals '{"GEN":false,"DefaultChain":"0x1","Chains":["0x1","0xa4b1"]}'
+        run: bun lib/kdjs/kdjs.js birim/cüzdan/birim.js --globals '{"GEN":false,"DefaultChain":"0x1","Chains":["0x1","0xa4b1"],"Lang":"tr"}'
 
       - name: "`dil` birimini derle"
-        run: bun lib/kdjs/kdjs.js birim/dil/birim.js --globals '{"GEN":false,"Route":{"en":"mint","tr":"al"}}'
+        run: bun lib/kdjs/kdjs.js birim/dil/birim.js --globals '{"GEN":false,"Route":{"en":"mint","tr":"al"},"Lang":"en"}'
 
       - name: "`kpass` birimini derle"
-        run: bun lib/kdjs/kdjs.js birim/kpass/birim.js --globals '{"GEN":false}'
+        run: bun lib/kdjs/kdjs.js birim/kpass/birim.js --globals '{"GEN":false,"Lang":"en"}'
 
       - name: Araçları kur
         run: |

diff --git a/al/imeceİptal/birim.js b/al/imeceİptal/birim.js
@@ -35,8 +35,8 @@ const fiyatGöster = (ağ) => {
   /** @const {!Array<string>} */
   const ek = ağBilgisi.tokenEki;
   KPass.priceIn(ağ, 0).then(([çok, az]) => {
-    indirimsizFiyat.innerText = dom.paradanMetne(çok) + " " + token + (dom.TR ? ek[0] : "");
-    indirimliFiyat.innerText = dom.paradanMetne(az) + " " + token + (dom.TR ? ek[1] : "");
+    indirimsizFiyat.innerText = dom.paradanMetne(çok) + " " + token + (dom.i18n({ tr: ek[0], en: "" }));
+    indirimliFiyat.innerText = dom.paradanMetne(az) + " " + token + (dom.i18n({ tr: ek[1], en: "" }));
     indirimYüzdesi.innerText = Math.round(100 * (çok - az) / çok);
   });
 }
@@ -62,9 +62,9 @@ const kurVe = (sonra) => {
  */
 const atla = (sonra) => {
   dom.göster(GösterDüğmesi);
-  GösterDüğmesi.innerText = dom.TR ? "Yine de kur" : "Setup social revoke";
+  GösterDüğmesi.innerText = dom.i18n({ tr: "Yine de kur", en: "Setup social revoke" });
   dom.göster(İptalDüğmesi);
-  İptalDüğmesi.innerText = dom.TR ? "İmece iptal kurulmadı 🤌" : "Skipped 🤌";
+  İptalDüğmesi.innerText = dom.i18n({ tr: "İmece iptal kurulmadı 🤌", en: "Skipped 🤌" });
   İptalDüğmesi.classList.add("done");
   dom.düğmeDurdur(İptalDüğmesi);
   Kök.classList.add("done");
@@ -139,7 +139,7 @@ const kutularıAç = (sonra) => {
     }
     if (geçerli) {
       dom.göster(İptalDüğmesi);
-      İptalDüğmesi.innerText = dom.TR ? "İmece iptal kuruldu ✓" : "Social revoke setup is complete ✓";
+      İptalDüğmesi.innerText = dom.i18n({ tr: "İmece iptal kuruldu ✓", en: "Social revoke setup is complete ✓" });
       İptalDüğmesi.onclick = null;
       dom.gizle(Kutu);
       Kök.classList.add("done");

diff --git a/al/sayfa.js b/al/sayfa.js
@@ -34,9 +34,8 @@ const kpassYarat = (adres, açıkKPass) => {
 
   /** @const {string} */
   const telefonMetni = signPrompt(["personInfo"]);
-  Telefon.kutuGöster(telefonMetni.slice(0, dom.TR ? 25 : 35) +
-    telefonMetni.slice(35, dom.TR ? 161 : 193), dom.TR ? "İmzala" : "Sign"
-  );
+  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" }));
 
   /** @const {!Promise<!did.DecryptedSections>} */
   const açıkKPassSözü = checkVerifiableIDs(açıkKPass, VerificationKeys);
@@ -53,7 +52,7 @@ const kpassYarat = (adres, açıkKPass) => {
         adres)
     }).then((/** @type {!eth.ERC721Unlockable} */ unlockableNFT) => {
       Telefon.kutuKapat();
-      şifreleDüğmesi.innerText = dom.TR ? "KPass’inizi şifreledik ✓" : "We encrypted your KPass ✓";
+      şifreleDüğmesi.innerText = dom.i18n({ tr: "KPass’inizi şifreledik ✓", en: "We encrypted your KPass ✓" });
       şifreleDüğmesi.classList.remove("act");
       Kpass.yüzGöster(false);
       dom.düğmeDurdur(şifreleDüğmesi);
@@ -83,7 +82,7 @@ const bağlaAdımı = () => {
   Cüzdan.adresDeğişince((adres) => {
     Telefon.adresGir(adres);
     if (!adres) return;
-    BağlaDüğmesi.innerText = dom.TR ? "Cüzdan bağlandı ✓" : "Wallet connected ✓";
+    BağlaDüğmesi.innerText = dom.i18n({ tr: "Cüzdan bağlandı ✓", en: "Wallet connected ✓" });
     BağlaDüğmesi.classList.remove("act");
     dom.düğmeDurdur(BağlaDüğmesi);
     kök.classList.add("done");

diff --git a/al/tanışma/birim.js b/al/tanışma/birim.js
@@ -84,13 +84,13 @@ const açıkKPassAlVe = (ağÇeşidi, adres, sonra) => {
   const testVeriDüğmesiGüncelle = (yeniAğ) => {
     const testVeri = yeniAğ == ChainId.MinaBerkeley;
     eDevletDüğmesi.innerText = testVeri
-      ? dom.TR ? "Deneme veri ile ilerle" : "Proceed with test data (Berkeley)"
+      ? dom.i18n({ tr: "Deneme veri ile ilerle", en: "Proceed with test data (Berkeley)" })
       : eDevletDüğmesiMetni;
     eDevletDüğmesi.onclick = testVeri
       ? () =>
         window.location.href = "//mock-edevlet-kapisi.kimlikdao.net/auth?" +
         "response_type=code&client_id=F5CAA82F-E2CF-4F21-A745-471ABE3CE7F8&" +
-        `redirect_uri=https://kimlikdao.org/${dom.TR ? "al" : "mint"}`
+        `redirect_uri=https://kimlikdao.org/${dom.i18n({ tr: "al", en: "mint" })}`
       : null;
   }
   Cüzdan.ağDeğişince(testVeriDüğmesiGüncelle);
@@ -111,7 +111,7 @@ const açıkKPassAlVe = (ağÇeşidi, adres, sonra) => {
     dom.gizle(eDevletDüğmesi);
     nkoDüğmesi.href = "javascript:";
     nkoDüğmesi.classList.remove("act");
-    nkoDüğmesi.innerText = dom.TR ? "VerifiableID’leriniz hesaplanıyor ⏳" : "Computing your VerifiableIDs ⏳";
+    nkoDüğmesi.innerText = dom.i18n({ tr: "VerifiableID’leriniz hesaplanıyor ⏳", en: "Computing your VerifiableIDs ⏳" });
     dom.düğmeDurdur(nkoDüğmesi);
     /** @const {number} */
     const istemciAn = Date.now() / 1000 | 0;
@@ -129,7 +129,7 @@ const açıkKPassAlVe = (ağÇeşidi, adres, sonra) => {
         `${base64(new Uint8Array(taahhüt))}&ts=${istemciAn}&oauth_code=${code}`))
       .then((/** @type {!Response} */ res) => res.json())
       .then((/** @type {!did.DecryptedSections} */ açıkKPass) => {
-        nkoDüğmesi.innerText = dom.TR ? "Bilgileriniz alındı ✓" : "We got your info ✓";
+        nkoDüğmesi.innerText = dom.i18n({ tr: "Bilgileriniz alındı ✓", en: "We got your info ✓" });
         Kpass.açıkKPassGöster(açıkKPass);
         kutu.classList.add("done");
         sonra(adres, açıkKPass);
@@ -168,20 +168,17 @@ const açıkKPassAlVe = (ağÇeşidi, adres, sonra) => {
         const istemciAnı = Date.now() / 1000 | 0;
 
         hataKaldır();
-        hataBildirimi.innerText = dom.TR ? "Belge yükleniyor" : "Uploading document";
+        hataBildirimi.innerText = dom.i18n({ tr: "Belge yükleniyor", en: "Uploading document" });
         setTimeout(() => {
           if (!hataOluştu)
-            hataBildirimi.innerText = dom.TR
-              ? "KPass’iniz oluşturuluyor"
-              : "Minting your KPass"
+            hataBildirimi.innerText = dom.i18n({ tr: "KPass’iniz oluşturuluyor", en: "Minting your KPass" });
         }, 1500);
         setTimeout(() => {
           if (!hataOluştu)
-            hataBildirimi.innerText = dom.TR
-              ? "VerifiableID hesaplanıyor"
-              : "Computing VerifiableID"
+            hataBildirimi.innerText = dom.i18n({ tr: "VerifiableID hesaplanıyor", en: "Computing VerifiableID" });
         }, 2500);
         dom.adlaGizle("taimg");
+        dom.adlaGizle("taimg");
         dom.adlaGöster("tal");
         /** @const {!FormData} */
         const formData = new FormData();
@@ -215,7 +212,7 @@ const açıkKPassAlVe = (ağÇeşidi, adres, sonra) => {
             dom.gizle(dosyaYüklemeBölümü);
             nkoDüğmesi.href = "javascript:";
             nkoDüğmesi.classList.remove("act");
-            nkoDüğmesi.innerText = dom.TR ? "Bilgileriniz onaylandı ✓" : "We confirmed your info ✓";
+            nkoDüğmesi.innerText = dom.i18n({ tr: "Bilgileriniz onaylandı ✓", en: "We confirmed your info ✓" });
             dom.göster(nkoDüğmesi);
             dom.düğmeDurdur(nkoDüğmesi);
             Kpass.açıkKPassGöster(açıkKPass);
@@ -255,7 +252,7 @@ const açıkKPassAlVe = (ağÇeşidi, adres, sonra) => {
         dosyaBırakmaBölgesi.classList.remove("tasrk");
       }
 
-      const HataMetinleri = dom.TR ? [
+      const HataMetinleri = dom.Lang == LangCode.TR ? [
         "Belgenin son 24 saat içinde alınmış olması gerekli. Yüklediğiniz belge {} saat önce alınmış.",
         "Yüklediğiniz belgedeki nüfus kaydı geçersiz.",
         "Kurum adı KimlikDAO olmalı",

diff --git a/al/ödeme/birim.js b/al/ödeme/birim.js
@@ -192,7 +192,7 @@ const öde = (cidSözü, adresAğırlığı, eşik) => {
       /** @const {string} */
       const hash = window.location.hash;
       /** @const {string} */
-      const sonra = dom.TR
+      const sonra = dom.Lang == LangCode.TR
         ? hash.length >= 7
           ? decodeURIComponent(hash.slice("#sonra=".length)) : "/kpassim"
         : hash.length >= 6

diff --git a/ana/hero/sergi/birim.css b/ana/hero/sergi/birim.css
@@ -9,44 +9,6 @@
   }
 }
 
-/*
-.sed {
-  position: relative;
-  width: 10px;
-  height: 10px;
-  padding: 10px;
-  opacity: 0.3
-}
-
-.sed:hover {
-  opacity: 0.7;
-}
-
-.sed.prev::before,
-.sed.next::before {
-  position: absolute;
-  content: "";
-  top: 10px;
-  left: 10px;
-  width: 12px;
-  height: 12px;
-  box-sizing: border-box;
-  border: solid rgb(0, 0, 0);
-  border-radius: 2px;
-}
-
-
-.sed.prev::before {
-  transform: rotate(45deg);
-  border-width: 0 0 4px 4px;
-}
-
-.sed.next::before {
-  transform: rotate(-45deg);
-  border-width: 0 4px 4px 0px;
-}
-*/
-
 h3 {
   color: #5256c9;
   font-size: 20px;
@@ -63,7 +25,7 @@ h3 {
   list-style: none;
   padding: 0;
   position: relative;
-  transition: transform 1s;
+  transition: transform 1s ease-in-out;
   width: 400%;
 }
 

diff --git a/ana/hero/sergi/birim.js b/ana/hero/sergi/birim.js
@@ -1,7 +1,7 @@
+import { Boncuklar, Kartlar } from './birim.jsx';
 import Cüzdan from "/birim/cüzdan/birim";
 import Telefon from "/birim/telefon/birim";
 import dom from '/lib/util/dom';
-import { Boncuklar, Kartlar } from './birim.jsx';
 
 /** @type {number} */
 let Kart = 0;
@@ -27,9 +27,10 @@ const yerleştir = () => {
 const kartDeğiştir = (yeniKart) => {
   Telefon.nftGöster(yeniKart <= 1, !yeniKart);
   yeniKart === 3
-    ? Telefon.kutuGöster(dom.TR
-      ? "Bağlı app KPass’inizdeki iletişim bilgilerinize erişmek istiyor. İzin veriyor musunuz?"
-      : "The connected app would like to access your contact info section of your KPass.")
+    ? Telefon.kutuGöster(dom.i18n({
+      tr: "Bağlı app KPass’inizdeki iletişim bilgilerinize erişmek istiyor. İzin veriyor musunuz?",
+      en: "The connected app would like to access your contact info section of your KPass."
+    }))
     : Telefon.kutuKapat();
   Boncuklar.children[Kart].firstElementChild.classList.remove("sel");
   Boncuklar.children[yeniKart].firstElementChild.classList.add("sel");

diff --git a/ana/hero/sergi/birim.jsx b/ana/hero/sergi/birim.jsx
@@ -12,33 +12,36 @@ const Sergi = () => (
     <div id="sec">
       <Kartlar>
         <li class="sek">
-          <h3 data-en="An on-chain account that you truly own">Kontrolü
-            tamamen sende olan on-chain bir hesap</h3>
-          <i18n data-en="Mint your KPass and wallet login to all supported on/off-ramps with an account you truly own">Bir
-            kez KPass al, destekleyen tüm platformlarda cüzdanını bağla,
-            gerekli bilgileri güvenle sun, hesap açmadan işlem
-            yap</i18n>
+          <h3>{{
+            tr: "Kontrolü tamamen sende olan on-chain bir hesap",
+            en: "An on-chain account that you truly own"
+          }}</h3>{{
+            en: "Mint your KPass and wallet login to all supported on/off-ramps with an account you truly own",
+            tr: "Bir kez KPass al, destekleyen tüm platformlarda cüzdanını bağla, gerekli bilgileri güvenle sun, hesap açmadan işlem yap"
+          }}
         </li>
         <li class="sek">
-          <h3 data-en="Your data is encrypted under your wallet private key">İçeriği kendi cüzdan anahtarlarınla
-            şifrelenir</h3>
-          <i18n
-            data-en="The contents of your KPass is encrypted in your browser under your wallet private key. KimlikDAO will never store your data">
-            KPass içeriği kendi tarayıcında kendi cüzdan anahtarlarınla şifrelenir. KimlikDAO asla bilgilerini
-            göremez ve saklamaz</i18n>
+          <h3>{{
+            tr: "İçeriği kendi cüzdan anahtarlarınla şifrelenir",
+            en: "Your data is encrypted under your wallet private key"
+          }}</h3>{{
+            en: "The contents of your KPass is encrypted in your browser under your wallet private key. KimlikDAO will never store your data",
+            tr: "KPass içeriği kendi tarayıcında kendi cüzdan anahtarlarınla şifrelenir. KimlikDAO asla bilgilerini göremez ve saklamaz"
+          }}
         </li>
         <li class="sek">
           <h3 data-en="KPass can be kept in any NFT wallet, such as MetaMask">MetaMask gibi NFT
-            destekleyen kripto cüzdanında taşınır</h3>
-          <i18n data-en="KPass is an ERC-721 non-fungible token meaning that you can see it in any NFT wallet">KPass
-            ERC-721 standardına uygun bir NFT olduğu için NFT destekleyen her cüzdanda görülebilir</i18n></li>
+            destekleyen kripto cüzdanında taşınır</h3>{{
+              en: "KPass is an ERC-721 non-fungible token meaning that you can see it in any NFT wallet",
+              tr: "KPass ERC-721 standardına uygun bir NFT olduğu için NFT destekleyen her cüzdanda görülebilir"
+            }}
+        </li>
         <li class="sek">
           <h3 data-en="Control who can access your info">dApp’lere istediğin
-            bilgileri paylaş, istediklerini gizli tut</h3>
-          <i18n
-            data-en="The connected dApp may send you requests for accessing parts of your KPass. Approve the sections you’d like to share, reject others">
-            Bağlı dApp KPass’inin içindeki bölümlere erişim isteği yollayabilir. Paylaşmak istediklerini onayla,
-            gizli tutmak istediklerini onaylama</i18n>
+            bilgileri paylaş, istediklerini gizli tut</h3>{{
+              en: "The connected dApp may send you requests for accessing parts of your KPass. Approve the sections you’d like to share, reject others",
+              tr: "Bağlı dApp KPass’inin içindeki bölümlere erişim isteği yollayabilir. Paylaşmak istediklerini onayla, gizli tutmak istediklerini onaylama"
+            }}
         </li>
       </Kartlar>
     </div>

diff --git a/ana/sahipler/birim.jsx b/ana/sahipler/birim.jsx
@@ -1,6 +1,9 @@
+import OkResmi from "../ok.svg";
 import Css from "./birim.css";
 import { ağResmi } from "/birim/ağlar/birim";
+import { Page } from "/crate";
 import { ChainId } from "/lib/crosschain/chains";
+import { Image } from "/lib/kastro/image";
 
 /**
  * @const {!Object<ChainId, {
@@ -20,7 +23,7 @@ const Tablo = {
 
 const Balon = ({ chainId }) => (
   <div class={`sac ${chainId == ChainId.MinaMainnet ? "mina" : chainId.slice(1)}`}>
-    <img src={ağResmi(chainId)} height={40} width={40} />
+    <Image src={ağResmi(chainId)} height={40} width={40} />
     <div>
       <div class="sau">{Tablo[chainId].holders}</div>
       <span class="saa" data-en={`HOLDERS ON ${Tablo[chainId].ad}`}>{
@@ -34,22 +37,21 @@ const Sahipler = () => (
     <Css />
     <div id="sai">
       <div class="ansag">
-        <h2 data-en="KPass holders&lt;br>by chain.">Ağlara göre<br />KPass sahipleri.</h2>
-        <span class="sat anac">
-          <i18n data-en="Join over ">6 farklı zincirde </i18n>
-          {Object.values(Tablo).reduce((sum, x) => sum + x.holders, 0)}
-          <i18n data-en=" happy KPass holders across 6 different chains."> üzerinde
-            mutlu KPass kullanıcısı arasına katılın.</i18n>
-        </span>
-        <div id="saz"><a data-en:href="/mint" id="sal" href="/al" class="act btn">{{
+        <h2>{{
+          tr: <>Ağlara göre<br />KPass sahipleri.</>,
+          en: <>KPass holders<br />by chain.</>
+        }}</h2>
+        <span class="sat anac">{{
+          en: `Join over ${Object.values(Tablo).reduce((sum, x) => sum + x.holders, 0)} KPass holders across 6 different chains.`,
+          tr: `6 farklı zincirde ${Object.values(Tablo).reduce((sum, x) => sum + x.holders, 0)} KPass sahibi arasına katılın.`
+        }}</span>
+        <div id="saz"><a href={Page.Al} id="sal" class="act btn">{{
           en: "Become a KPass holder",
           tr: "Sen de KPass sahibi ol"
-        }} <img src="/ana/ok.svg" data-inline /></a>
+        }} <OkResmi inline /></a>
         </div>
       </div>
-      <div id="sak">
-        {Object.keys(Tablo).map((chainId) => <Balon chainId={chainId} />)}
-      </div>
+      <div id="sak">{Object.keys(Tablo).map((chainId) => <Balon chainId={chainId} />)}</div>
     </div>
   </div>
 );

diff --git a/ana/sayfa.js b/ana/sayfa.js
@@ -3,15 +3,16 @@ import "./kazan/birim";
 import "/birim/altdizin/birim";
 import Cüzdan from "/birim/cüzdan/birim";
 import "/birim/dil/birim";
+import { Page } from "/crate";
 import dom from "/lib/util/dom";
 
 Cüzdan.kpassDeğişince((_, dosyaSözü) => {
   /** @const {!HTMLAnchorElement} */
   const eylemDüğmesi = dom.a("bal");
   /** @type {!Text} */(eylemDüğmesi.firstChild).data = dosyaSözü
-    ? dom.TR ? "KPass’ini incele" : "View KPass"
-    : dom.TR ? "Hemen KPass al" : "Mint KPass"
+    ? dom.i18n({ tr: "KPass’ini incele", en: "View KPass" })
+    : dom.i18n({ tr: "Hemen KPass al", en: "Mint KPass" })
   eylemDüğmesi.href = dosyaSözü
-    ? dom.TR ? "kpassim" : "kpass"
-    : dom.TR ? "al" : "mint"
+    ? dom.i18n(Page.KPassim)
+    : dom.i18n(Page.Al);
 });
diff --git a/ana/sayfa.jsx b/ana/sayfa.jsx
@@ -16,7 +16,9 @@ import Lato400 from "/birim/lato/l400.ttf";
 import Lato700 from "/birim/lato/l700.ttf";
 import Logo from "/birim/logo.svg";
 import OrtakCss from "/birim/ortakcss/birim";
+import { Page } from "/crate";
 import { ChainId } from "/lib/crosschain/chains";
+import { I18nString } from "/lib/util/i18n"
 
 /** @const {!Array<ChainId>} */
 const Chains = [
@@ -63,7 +65,7 @@ const Ana = () => (
           <a class="bae" href="//discord.gg/H2wg6pcWXG" target="_blank" rel="noreferrer">Discord</a>
           <Dil />
           <Cüzdan Chains={Chains} DefaultChain={DefaultChain} ChainNotes={ChainNotes} />
-          <a id="bal" href={{ en: "mint", tr: "al" }} class="btn act">{{
+          <a id="bal" href={Page.Al} class="btn act">{{
             en: "Mint KPass",
             tr: "Hemen KPass al"
           }}<OkResmi inline /></a>