🚢 dev yanısıra compiled modu ekle

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

Hide file tree

Showing 17 changed files with 110 additions and 85 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-<h1><img src="birim/icon.svg" align="top" height="44"> KimlikDAO dApp'ı</a></h1>
+<h1><img src="birim/icon.svg" align="top" height="44"> KimlikDAO dApp</a></h1>
 
 ## Dizinler
 
@@ -28,13 +28,16 @@ Yazılımcıların dApp'i test etmesi için gereken adımlar:
 - `bun run dev` dev sunucuyu çalıştırır.
   - http://localhost:8787/
 
-Kanarya ve deployment adımları için birkaç araca daha ihtiyacımız var
+dApp 3 farklı şekilde çalıştırılabilir:
+
+ - `bun run dev` en az işi yaparak en hızlı şekilde dApp'i yükler
+ - `bun run compiled` istenen sayfa ve assetleri derleyip yollar
+ - `bun run canary` deploy için hazırlanmış `crate`'i sunar
+
+Deploy için gerekli crate `bun run build` ile oluşturulur. `canary` ve `build` için npm paketlerine ek
+olarak şu araçlar gerekli:
 
 ```shell
 brew install pngcrush brotli zopfli woff2 webp librsvg
 pip install fonttools
 ```
-
-- `bun run dev --build` veya `bun run build; bun run canary` deploya hazır dApp'i `build` edip kanarya
-  sunucusunu çalıştırır
-  - http://localhost:8787/
diff --git a/al/sayfa.jsx b/al/sayfa.jsx
@@ -37,7 +37,7 @@ const DefaultChain = ChainId.xa4b1;
 
 const CüzdanBağlama = () =>
   <div id="al1" class="step">
-    <b data-en="1. Connect your wallet.">1. Cüzdanınızı bağlayın. </b>{{
+    <b data-en="1. Connect your wallet.">1. Cüzdanınızı bağlayın.</b>{{
       tr: "Cüzdan bağlayarak devam edin.",
       en: "Proceed with a crypto wallet."
     }}<br /><br />

diff --git a/al/tanışma/birim.jsx b/al/tanışma/birim.jsx
@@ -1,6 +1,7 @@
+import Css from "./birim.css";
 import Bağlantı from "./external-link.svg";
 import UploadResmi from "./upload.svg";
-import Css from "./birim.css";
+import KopyalaResmi from "/al/paste.svg";
 
 const Tanışma = () => (
   <div id="ta" class="step disabled">
@@ -42,14 +43,14 @@ const Tanışma = () => (
           <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"><img src="/al/paste.svg" data-inline /></a>
+                data-en:title="Copy" title="Kopyala" style="display:none"><KopyalaResmi inline /></a>
             </td>
           </tr>
         </table>{{
           en: "Please enter the information above at ", tr: ""
         }}<a class="lnk" target="_blank" href="//www.turkiye.gov.tr/nvi-nufus-kayit-ornegi-belgesi-sorgulama">
           {{ en: "e-devlet registry", tr: "E-devlet Nüfus Kayıt Örneği" }}
-          <Bağlantı data-inline />
+          <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."

diff --git a/al/ödeme/birim.jsx b/al/ödeme/birim.jsx
@@ -1,4 +1,12 @@
 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 MinaResmi from "/birim/paralar/MINA.png";
 
 /** @const {!HTMLDivElement} */
 export const Kök = dom.div("od");
@@ -39,51 +47,41 @@ const Ödeme = () => (
     <div id="odc">
       <a href="javascript:" id="oda" class="act btn" data-en="Authorize payment in wallet">Ödeme isteği yolla</a>
       <a href="javascript:" id="odb">
-        <img src="/birim/paralar/AVAX.svg" height={32} width={32} />
+        <AvaxResmi height={32} width={32} />
       </a>
       <ul id="odd" style="display:none">
         <li id="odd2">
-          <span class="ods" data-en="1.00">1,00</span><span class="odp">USDC</span><img src="/birim/paralar/USDC.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="1.00">1,00</span><span class="odp">USDC</span><UsdcResmi height={32} width={32} />
         </li>
         <li id="odd1">
-          <span class="ods" data-en="1.00">1,00</span><span class="odp">USDT</span><img src="/birim/paralar/USDT.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="1.00">1,00</span><span class="odp">USDT</span><UsdtResmi height={32} width={32} />
         </li>
         <li id="odd3">
-          <span class="ods" data-en="19.00">19,00</span><span class="odp">TRYB</span><img src="/birim/paralar/TRYB.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="19.00">19,00</span><span class="odp">TRYB</span><TrybResmi height={32} width={32} />
         </li>
         <li id="odd0xa86a">
-          <span class="ods" data-en="0.01">0,01</span><span class="odp">AVAX</span><img src="/birim/paralar/AVAX.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="0.01">0,01</span><span class="odp">AVAX</span><AvaxResmi height={32} width={32} />
         </li>
         <li id="odd0x1">
-          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">ETH</span><img src="/birim/paralar/ETH.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">ETH</span><EthResmi height={32} width={32} />
         </li>
         <li id="odd0x89">
-          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">MATIC</span><img
-            src="/birim/paralar/MATIC.svg" height={32} width={32} />
+          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">MATIC</span><MaticResmi height={32} width={32} />
         </li>
         <li id="odd0xa4b1">
-          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">ETH</span><img src="/birim/paralar/ETH.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">ETH</span><EthResmi height={32} width={32} />
         </li>
         <li id="odd0x38">
-          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">BNB</span><img src="/birim/paralar/BNB.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">BNB</span><BnbResmi height={32} width={32} />
         </li>
         <li id="odd0xfa">
-          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">FTM</span><img src="/birim/paralar/FTM.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">FTM</span><FtmResmi height={32} width={32} />
         </li>
         <li id="odd0x144">
-          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">ETH</span><img src="/birim/paralar/ETH.svg"
-            height={32} width={32} />
+          <span class="ods" data-en="0.0006">0,0006</span><span class="odp">ETH</span><EthResmi height={32} width={32} />
         </li>
         <li id="oddmina:mainnet">
-          <span class="ods">1</span><span class="odp">tMINA</span><img src="/birim/paralar/MINA.png" height={32} width={32} />
+          <span class="ods">1</span><span class="odp">tMINA</span><MinaResmi height={32} width={32} />
         </li>
       </ul>
     </div>

diff --git a/ana/ağ/birim.jsx b/ana/ağ/birim.jsx
@@ -79,9 +79,10 @@ const Ağ = () => (
         KPass’ler birbirinden bağımsız en az 7 KimlikDAO ağı düğümünün onay ve dijital imzası ile üretilebilir.
         Onay aşamasında veri gizliliğiniz tamamıyla korunur.
       </div>
-      <a href="//github.com/KimlikDAO/kimlikdao-node" target="_blank" rel="noreferrer" class="info btn anust"><span
-        data-phantom data-en="Learn about KimlikDAO nodes">KimlikDAO düğümü detayları</span>
-      </a>
+      <a href="//github.com/KimlikDAO/kimlikdao-node" target="_blank" rel="noreferrer" class="info btn anust">{{
+        en: "Learn about KimlikDAO nodes",
+        tr: "KimlikDAO düğümü detayları"
+      }}</a>
     </div>
     <div id="agt">
       <div id="agtc">

diff --git a/ana/raporlar/birim.jsx b/ana/raporlar/birim.jsx
@@ -1,4 +1,4 @@
-import Jan24 from "birim/blog/2024.01/birim.jsx";
+import Jan24 from "birim/blog/2025.01/birim.jsx";
 
 export default () => (
   <div id="ra" class="an3">

diff --git a/ana/sayfa.jsx b/ana/sayfa.jsx
@@ -39,8 +39,8 @@ const ChainNotes = {
 /** @const {ChainId} */
 const DefaultChain = ChainId.xa4b1;
 
-const Ana = () => (
-  <html>
+const Ana = ({ Lang }) => (
+  <html lang={Lang}>
     <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />

diff --git a/birim/blog/2024.01/banner.png → birim/blog/2025.01/banner.png b/birim/blog/2024.01/banner.png → birim/blog/2025.01/banner.png
diff --git a/birim/blog/2024.01/birim.jsx → birim/blog/2025.01/birim.jsx b/birim/blog/2024.01/birim.jsx → birim/blog/2025.01/birim.jsx
@@ -1,15 +1,16 @@
 import Yazar from "birim/blog/yazar/birim.jsx";
 import BlogCss from "../birim.css";
+import BannerResmi from "./banner.png";
 
 export default ({ href, loading }) => (
   <a href={href} class="blp">
     <BlogCss />
     <div>
-      <img src="/birim/blog/2024.01/banner.png" class="blpp" width="100%" loading={loading} />
-      <h4 data-en="January 2024 progress report">Ocak 2024 ilerleme raporu</h4>
+      <BannerResmi class="blpp" width="100%" loading={loading} />
+      <h4 data-en="January 2024 progress report">Ocak 2025 ilerleme raporu</h4>
       <Yazar ad="KimlikDAO" />
       <div class="bly" data-en="KimlikDAO January 2024 progress report will be published on January 31st.">
-        KimlikDAO Ocak 2024 aylık ilerleme raporu 31 Ocak'ta yayıma alınacak.
+        KimlikDAO Ocak 2025 aylık ilerleme raporu 31 Ocak'ta yayıma alınacak.
       </div>
     </div>
     <div class="blf">

diff --git a/birim/blog/eliptik-egriler/birim.jsx b/birim/blog/eliptik-egriler/birim.jsx
@@ -3,6 +3,7 @@ import Yazar from "../yazar/birim";
 import Banner from "./banner.png";
 import Css from "./birim.css";
 import dom from "/lib/util/dom";
+import DobbyResmi from "/birim/paralar/DOBBY.png";
 
 /** @const {!HTMLSpanElement} */
 export const RemainingBar = dom.span("blee");
@@ -26,8 +27,11 @@ export default ({ href }) =>
       <div class="blpc dobby">
         <div class="blpi dobby" style="width:180px"></div>
         <div class="blpit">
-          <img src="/birim/paralar/DOBBY.png" width="22" height="22" id="bldob" />{" "}
-          <RemainingBar data-en="50,000">50.000</RemainingBar>/<span data-phantom data-en="50,000">50.000</span> DOBBY
+          <DobbyResmi width="22" height="22" id="bldob" />{" "}
+          <RemainingBar data-en="50,000">50.000</RemainingBar>/{{
+            en: "50,000",
+            tr: "50.000"
+          }} DOBBY
         </div>
       </div>
     </div>

diff --git a/birim/cüzdan/birim.jsx b/birim/cüzdan/birim.jsx
@@ -3,6 +3,13 @@ import Css from "./birim.css";
 import { ChainId } from "/lib/crosschain/chains";
 import dom from "/lib/util/dom";
 import { I18nString } from "/lib/util/i18n";
+import { Image } from "/lib/kastro/image";
+import QmarkResmi from "/birim/cüzdan/img/qmark.svg";
+import AmbassadorResmi from "/birim/cüzdan/img/ambassador.svg";
+import VoteResmi from "/birim/cüzdan/img/vote.svg";
+import İptalResmi from "/birim/cüzdan/img/iptal.svg";
+import DeğiştirResmi from "/birim/cüzdan/img/external-link.svg";
+import KopyalaResmi from "/birim/paste.svg";
 
 /** @const {!HTMLButtonElement} */
 export const AdresButonu = dom.button("cua");
@@ -19,15 +26,15 @@ export const Menü = dom.div("cub");
  * @param {string} ad
  * @return {string} url
  */
-const bağlantıResmi = (ad) => `/birim/cüzdan/img/${ad.split(" ")[0].toLowerCase()}.svg`;
+const bağlantıResmi = (ad) => `birim/cüzdan/img/${ad.split(" ")[0].toLowerCase()}.svg`;
 
 /**
  * @param {!Object<string, string>} props
  * @return {string}
  */
 const Bağlantı = ({ idx, name }) => (
   <li id={"cu" + idx}>
-    <img src={bağlantıResmi(name)} width={32} height={32} />
+    <Image src={bağlantıResmi(name)} width={32} height={32} />
     <div class="cust"></div> {name}<span class="cui" style="display:none" data-en="GET">İNDİR</span>
   </li>
 );
@@ -44,13 +51,13 @@ const Bağlantı = ({ idx, name }) => (
 const Cüzdan = ({ DefaultChain, Chains, ChainNotes, piggyback }) => (
   <div id="cu">
     <Css />
-    <AğButonu><img src={ağResmi(DefaultChain)} height={32} width={32} /></AğButonu>
+    <AğButonu><Image src={ağResmi(DefaultChain)} height={32} width={32} /></AğButonu>
     <AdresButonu data-en="Connect wallet">Cüzdan bağla</AdresButonu>
     <Menü style="display:none" tabindex="0">
       <ul id="cud">
         {Chains.map((id) => (
           <li id={`cud${id}`} class={id == DefaultChain ? "sel" : ""}>
-            {id == DefaultChain ? <span></span> : <img src={ağResmi(id)} width={32} height={32} />}
+            {id == DefaultChain ? <span></span> : <Image src={ağResmi(id)} width={32} height={32} />}
             {" "}
             {ChainNotes[id]
               ? <div>{AğBilgileri[id].ad}<div class="cuo">{ChainNotes[id]}</div></div>
@@ -68,24 +75,30 @@ const Cüzdan = ({ DefaultChain, Chains, ChainNotes, piggyback }) => (
       </ul>
       <ul id="cue" style="display:none">
         <div id="cueh">
-          <img id="cutc" height={80} width={80} src="/birim/cüzdan/img/qmark.svg" />
+          <QmarkResmi id="cutc" height={80} width={80} />
           <div>
-            <div id="cuad"><span>0xcCc...cCc</span><span id="cuadi"><img src="/birim/paste.svg" data-inline /></span></div>
+            <div id="cuad"><span>0xcCc...cCc</span><span id="cuadi"><KopyalaResmi inline /></span></div>
             <DebankLinki>DeBank</DebankLinki> <span id="cuex">Explorer</span>
             <div id="cuin" date-en="MINT KPASS">KPASS AL</div>
           </div>
         </div>
         <hr />
-        <li><img src="/birim/cüzdan/img/ambassador.svg" data-inline /><span data-phantom
-          data-en=" Ambassador program"> Ambassador ol</span>
-        </li>
-        <li><img src="/birim/cüzdan/img/vote.svg" width="16" height="16" /><span data-phantom data-en=" Vote"> Oy
-          kullan</span>
-        </li>
-        <li><img src="/birim/cüzdan/img/iptal.svg" data-inline /><span data-phantom data-en=" Revoke KPass"> İptal
-          işlemleri</span></li>
-        <li><img src="/birim/cüzdan/img/external-link.svg" data-inline /><span data-phantom data-en=" Switch wallet"> Cüzdan
-          değiştir</span></li>
+        <li><AmbassadorResmi inline />{{
+          en: " Ambassador program",
+          tr: " Ambassador ol"
+        }}</li>
+        <li><VoteResmi width="16" height="16" />{{
+          en: " Vote",
+          tr: " Oy kullan"
+        }}</li>
+        <li><İptalResmi inline />{{
+          en: " Revoke KPass",
+          tr: " İptal işlemleri"
+        }}</li>
+        <li><DeğiştirResmi inline />{{
+          en: " Switch wallet",
+          tr: " Cüzdan değiştir"
+        }}</li>
       </ul>
     </Menü>
   </div >

diff --git a/birim/cüzdan/kastro.jsx b/birim/cüzdan/kastro.jsx
@@ -430,7 +430,7 @@ const bağlantıResmi = (ad) => `/birim/cüzdan/img/${ad.split(" ")[0].toLowerCa
  */
 const Bağlantı = ({ idx, name }) => (
   <li id={"cu" + idx}>
-    <img src={bağlantıResmi(name)} width={32} height={32} />
+    <Image src={bağlantıResmi(name)} width={32} height={32} />
     <div class="cust"></div> {name}<span class="cui" style="display:none" data-en="GET">İNDİR</span>
   </li>
 );
@@ -464,7 +464,7 @@ const render = ({ DefaultChain, Chains, piggyback, children }) => (
         <div id="cueh">
           <img id="cutc" height={80} width={80} src="/birim/cüzdan/img/qmark.svg" />
           <div>
-            <div id="cuad"><span>0xcCc...cCc</span><span id="cuadi"><img src="/birim/paste.svg" data-inline /></span></div>
+            <div id="cuad"><span>0xcCc...cCc</span><span id="cuadi"><img src="/birim/paste.svg" inline /></span></div>
             <DebankLinki>DeBank</DebankLinki> <span id="cuex">Explorer</span>
             <div id="cuin" date-en="MINT KPASS">KPASS AL</div>
           </div>

diff --git a/birim/kpass/kapak.jsx → birim/kpass/cover.svgx b/birim/kpass/kapak.jsx → birim/kpass/cover.svgx
@@ -1,5 +1,5 @@
 
-const Kapak = () => (
+const Cover = () => (
   <svg id="kpk" width="280" height="280" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"
     xmlns:svg="http://www.w3.org/2000/svg">
     <defs>
@@ -86,8 +86,6 @@ const Kapak = () => (
       <rect id="kpks7" width="44" height="22" rx="10" />
       <path id="kpks8" d="M0 0a22 22 0 0 0 44 0z" />
       <rect id="kpks15" width="66" height="22" rx="10" />
-      <g data-phantom="true" data-generate="üret/şekilkod"></g>
-      <g data-phantom="true" data-generate="üret/rakamlar"></g>
       <clipPath id="kpkz">
         <use href="#kpks0" x="277" y="57" />
         <use href="#kpks0" x="189" y="13" />
@@ -236,4 +234,4 @@ const Kapak = () => (
   </svg>
 );
 
-export default Kapak();
+export default Cover;
diff --git a/kpassim/pencere/birim.jsx b/kpassim/pencere/birim.jsx
@@ -32,14 +32,16 @@ export default () =>
           <a href="javascript:" id="inesr" class="btn" data-en="Cancel">İptal</a>
         </div>
       </div>
-      <div id="inmsy" class="inm" style="display:none">
-        <span data-phantom data-en="You don't need to revoke your KPass to get a new one.">Yeni
-          bir KPass almak için eskisini iptal etmeye gerek yok.</span><br /><br />
-        <span data-phantom data-en="Only revoke your KPass if you think your private key was exposed.">Sadece
-          cüzdanınızın gizli anahtarını başkasına verdiğinizi düşünüyorsanız KPass’inizi iptal etmeniz
-          gerekir.</span><br /><br />
-        <span data-phatnom data-en="Confirm below to proceed.">Devam etmek için onay verin.</span>
-        <div class="inorc">
+      <div id="inmsy" class="inm" style="display:none">{{
+        en: "You don't need to revoke your KPass to get a new one.",
+        tr: "Yeni bir KPass almak için eskisini iptal etmeye gerek yok."
+      }}<br /><br />{{
+        en: "Only revoke your KPass if you think your private key was exposed.",
+        tr: "Sadece cüzdanınızın gizli anahtarını başkasına verdiğinizi düşünüyorsanız KPass’inizi iptal etmeniz gerekir."
+      }}<br /><br />{{
+        en: "Confirm below to proceed.",
+        tr: "Devam etmek için onay verin."
+      }}<div class="inorc">
           <a href="javascript:" id="insyo" class="btn lft danger" data-en="Confirm in wallet">Cüzdana istek yolla</a>
           <a href="javascript:" id="insyr" class="btn" data-en="Cancel">İptal</a>
         </div>

diff --git a/lib b/lib
+96 −51		kastro/compiler/compiler.js
+0 −261		kastro/compiler/component.js
+19 −24		kastro/compiler/compression.js
+31 −24		kastro/compiler/font.js
+13 −5		kastro/compiler/image.js
+4 −0		kastro/compiler/jsx-runtime.js
+1 −1		kastro/compiler/marker.js
+12 −9		kastro/compiler/page.js
+13 −0		kastro/compiler/script.js
+5 −1		kastro/compiler/stylesheet.js
+4 −2		kastro/compiler/targetRegistry.js
+0 −23		kastro/compiler/targets.js
+0 −4		kastro/compiler/test/ana/image.svg
+0 −0		kastro/compiler/test/ana/sayfa.css
+0 −33		kastro/compiler/test/ana/sayfa.html
+0 −5		kastro/compiler/test/birim/cüzdan/birim.html
+0 −17		kastro/compiler/test/birim/jsxcomp/comp.jsx
+0 −0		kastro/compiler/test/birim/jsxcomp/fibo.css
+0 −0		kastro/compiler/test/birim/kpass/birim.css
+0 −5		kastro/compiler/test/birim/kpass/birim.html
+0 −23		kastro/compiler/test/birim/logo.svg
+0 −2		kastro/compiler/test/birim/öttürgeç/birim.html
+0 −37		kastro/compiler/test/component.test.js
+0 −28		kastro/compiler/test/page.test.js
+0 −3		kastro/compiler/test/test.js
+18 −14		kastro/font.js
+4 −4		kastro/image.js
+9 −5		kastro/kastro.js
+9 −1		kastro/props.js
+8 −5		kastro/script.js
+1 −1		kastro/stylesheet.js
+2 −2		kdjs/compile.js