Merge pull request #423 from kodadot/main

8k3 changelog

Author: yangwao

dashboard/apollo.config.js

@@ -0,0 +1,16 @@
+// apollo.config.js
+module.exports = {
+  client: {
+    service: {
+      name: 'magick',
+      // URL to the GraphQL API
+      url: 'https://api.subquery.network/sq/vikiival/magick'
+      // url: 'http://localhost:3000',
+    },
+    // Files processed by the extension
+    includes: [
+      'src/**/*.vue',
+      'src/**/*.js',
+    ],
+  },
+}

dashboard/justfile

@@ -1,5 +1,5 @@
 upgrade:
-  yarn add @polkadot/types @polkadot/ui-keyring @polkadot/ui-settings @polkadot/util @polkadot/util-crypto @polkadot/vue-identicon  
+  yarn add @polkadot/types @polkadot/ui-keyring @polkadot/ui-settings @polkadot/util @polkadot/util-crypto @polkadot/vue-identicon
 
 view PR:
-  gh pr view --web {{PR}} 
+  gh pr view --web {{PR}}

dashboard/package.json

@@ -31,18 +31,24 @@
     "@types/file-saver": "^2.0.2",
     "@vue-polkadot/vue-api": "^0.0.32",
     "@vue-polkadot/vue-settings": "^0.0.17",
+    "apollo-boost": "^0.4.9",
     "axios": "^0.21.1",
     "buefy": "^0.9.7",
+    "emoji-unicode": "^2.0.1",
     "file-saver": "^2.0.5",
     "freezeframe": "^5.0.2",
+    "graphql": "^15.5.0",
+    "idb-keyval": "^5.0.6",
     "lazysizes": "^5.3.2",
     "markdown-it-vue": "^1.1.6",
     "mingo": "^4.1.2",
     "netlify-lambda": "^2.0.7",
     "register-service-worker": "^1.7.2",
     "setimmediate": "^1.0.5",
     "slugify": "^1.5.3",
+    "v-emoji-picker": "^2.3.3",
     "vue": "^2.6.12",
+    "vue-apollo": "^3.0.7",
     "vue-audio-visual": "^2.2.2",
     "vue-class-component": "^7.2.6",
     "vue-cli-plugin-sitemap": "~2.3.0",

dashboard/package.py

@@ -0,0 +1,13 @@
+#!/usr/bin/env python3
+
+from os import system
+from json import load
+
+f = open('./package.json')
+p = load(f)
+a = ' '.join(p['dependencies'].keys())
+system('yarn add ' + a)
+
+if __name__ == '__main__':
+    print('[INFO] Running as a script')
+    print(len(sys.argv))

dashboard/src/App.vue

@@ -41,10 +41,11 @@ export default class Dashboard extends Vue {
   }
 
   public async loadKeyring(): Promise<void> {
+    const isDevelopment = process.env.VUE_APP_KEYRING === 'true'
     keyring.loadAll({
-      ss58Format: this.ss58Format || 42,
+      ss58Format: isDevelopment ? 0 : this.ss58Format || 42,
       type: 'sr25519',
-      isDevelopment: process.env.VUE_APP_KEYRING === 'true' || false,
+      isDevelopment,
     });
   }
 

dashboard/src/components/landing/EsSustainability.vue

@@ -0,0 +1,88 @@
+<template>
+  <div>
+    <section class="hero is-light">
+      <div class="hero-body">
+        <div class="container">
+          <div class="columns">
+            <div class="column is-6 is-offset-3">
+              <h1 class="title is-1">
+                <b-icon icon="leaf"></b-icon>
+                Sustentabilidad de KodaDot
+              </h1>
+              <h1 class="subtitle">
+                micro-dao-bedrock-bootstrap-experimento
+              </h1>
+              <p>
+                Como parte de nuestro micro-dao-bootstrap-experimento, nos gustaría mantener nuestros esfuerzos sostenibles <b>en el largo plazo y crear esa confianza de la cultura </b> y la economía de los creadores para KodaDot y darles esa seguridad de que no desapareceremos mañana y seguiremos funcionando mientras podamos cubrir nuestros esfuerzos para mantenerlo en línea y funcionando.
+              </p><br>
+              <p>
+                Estaremos elaborando lentamente lo que es la mejor posible opcion para apoyar a la economia de los Creadores y ayudarles a realizar una vida sostenible de su trabajo. <b>Estamos aqui para apoyar esta causa.</b> Por otra parte, debemos tener en cuenta nuestra sostenibilidad a largo plazo. Estamos en posición de ser espectadores universales y de no ser propietarios de una plataforma como actualmente lo hacen otras galerias.
+              </p><br>
+              <p>
+                Por el momento nuestro unico ingreso ha sido aprobado
+                <a href="https://kusama.polkassembly.io/motion/256">propuesta#384 &amp;
+                motion#256 de Kusama Treasury funding</a>
+                por milestone1. Principalmente este fondo se destinó a los costos del desarrollo y no para su funcionamiento y/o mantenimiento.
+              </p><br>
+              <p>
+                Nuestro flujo de los fondos estará dividio en 3 partes: <b>Un programa para el apoyo de los Artistas, Costos de funcionamiento y para el Costo de la investigacion y desarrollo de KodaDot.</b> Desde el inicio, vamos a poner una parte de nuestros ahorros en el fondo de bedrock.
+              </p><br>
+              <p>
+                <a href="https://github.com/kodadot/nft-gallery/issues/141">
+                Los costos por el funcionamento de</a> de KodaDot consisten en pagar Netlify (http, cdn, CI&amp;CD), Pinata (IPFS), Arweave (por ahora es gratuito, despues tendremos que pagar), Textile.io (esperamos que este costo sea el mismo por un tiempo, y despues aumente).
+                Mantenimiento, los costos de R&amp;D deben ser pagados a
+                <a href="https://github.com/kodadot/nft-gallery/issues">our backlog of
+                 medida que nuevas funciones en KodaDot vayan apareciendo</a> y estamos  <b>tratando de invitar a mas desarrolladores a nuestros circulos poniendo recompensas en problemas</b>.
+                Cualquiera podrá unirse y ayudar con nuestro esfuerzo.
+              </p></br>
+              <p>
+                Como nos gustaría establecer nuestro vector de acumulación para el fondo de sostenibilidad e introducir  <b>una pequeña tarifa gracias a que podra mintear su obra</b> a través de KodaDot, agregaremos un botón en el que aún puede optar por no participar voluntariamente y poder mintear su obra sin apoyarnos en lo absoluto.
+              </p><br>
+              <p>
+                Para <b>devolver valor a la comunidad</b>, estamos a punto de establecer 
+                <b><a href="https://hackmd.io/cy3jpAhvR-S32SUiMqEabg?edit">un programa para el apoyo a los artistas </a></b> el cual fluirá de regreso a los artistas. Estamos tratando de crear un ciclo de acumulacion de autorefuerzo, donde usted, como creador que apoya la galería de KodaDot, el apoyo regresará y será destinado a nuevos artistas, creando así efectos de red para los primeros usuarios y la próxima ola de adoptantes, etc., Que luego podrían ser autopropulsados ​​en algún momento si logramos desarrollar la estategia correcta.  Solo necesitamos jugar un poco más con las curvas de flujo correctas.  Es un experimento.
+              </p><br>
+              <p>
+                Los poseedores actuales de multisig son los fundadores de KodaDot --
+                <a href="https://twitter.com/yangwao">yangwao</a> &amp;
+                <a href="https://twitter.com/vikiival">vikiival</a>
+                y luego se expandirá, ya que creemos confianza con una comunidad mas amplia a la que le gustaria participar y adentrarse en KodaDot ya que esperamos que la tesoreria pueda crecer ampliamente algun dia.
+              </p><br>
+              <h1 class="title is-4">
+                <a href="https://dictionary.reverso.net/spanish-definition/sustentabilidad">Definicion de Sustentabilidad</a>
+              </h1>
+              <h1 class="subtitle">sustantivo</h1>
+              <p>
+                <li>Es la abilidad de sostener o apoyar.</li>
+                <li>Ciencia Ambiental. Es la cualidad de no ser dañino al Ambiente o estar agotando los recursos naturales por lo tanto se estaria apoyando el balance ecologico a una visión a largo plazo.</li>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+  </div>
+</template>
+<script lang="ts" >
+import { Component, Vue } from 'vue-property-decorator';
+
+
+@Component<EsSustainibility>({
+  metaInfo() {
+    return {
+      meta: [
+        { property: 'og:title', content: 'KodaDot Kusama NFT explorer'},
+        { property: 'og:image', content: 'https://nft.kodadot.xyz/kodadot_carbonless.jpg'},
+        { property: 'og:description', content: 'KodaDot: Sustainibility mission'},
+        { property: 'twitter:title', content: 'Low minting fees and carbonless NFTs'},
+        { property: 'twitter:description', content: 'KodaDot: Sustainibility mission'},
+        { property: 'twitter:image', content: 'https://nft.kodadot.xyz/kodadot_carbonless.jpg'},
+      ]
+    }
+  }
+})
+export default class EsSustainibility extends Vue {
+
+}
+</script>

dashboard/src/components/landing/Landing.vue

@@ -13,18 +13,12 @@
               KodaDot NFT  {{ $t('Explorer') }}<br>
             </router-link>
           </h1><br>
+          <h1 class="title is-1">
+            Home of {{ count }} collections
+          </h1><br>
           <div class="tile is-ancestor">
             <div class="tile is-parent is-vertical">
               <div class="tile is-child">
-                <h2 class="title is-3">
-                  <b-icon
-                    pack="fas"
-                    icon="camera-retro">
-                  </b-icon>
-                    <router-link :to="{ name: 'nftRare', }">
-                      Rare solo feed
-                    </router-link>
-                </h2>
                 <h2 class="title is-3">
                   <b-icon
                     pack="fas"
@@ -63,7 +57,7 @@
                       pack="far"
                       icon="comment-dots">
                     </b-icon>
-                    {{ $t('Tutorial: How to mint NFT') }}
+                    Tutorial 1
                   </a>
                 </h2>
                 <h2 class="title is-4">
@@ -72,24 +66,33 @@
                       pack="far"
                       icon="comment-dots">
                     </b-icon>
-                    {{ $t('Tutorial: Mint your NFTs on KodaDot') }}
+                    Tutorial 2
                   </a>
                 </h2>
                 <h2 class="title is-4">
                   <router-link :to="{ name: 'rmrkFaq' }">
                     <b-icon
                       icon="question">
                     </b-icon>
-                    {{ $t('New here? We have F.A.Q.') }}
+                    {{ $t('F.A.Q.') }}
                   </router-link>
                 </h2>
               </div>
             </div>
               <div class="tile is-parent is-vertical">
                 <div class="tile is-child">
+                  <h2 class="title is-3">
+                    <b-icon
+                      pack="fas"
+                      icon="camera-retro">
+                    </b-icon>
+                    <router-link :to="{ name: 'nftRare', }">
+                      {{ $t('Solo feed') }}
+                    </router-link>
+                  </h2>
                   <h2 class="title">
                     <b-icon icon="flask"></b-icon>
-                    We are wandering new avenues of NFT experience.<br>
+                    experimental NFT landscape<br>
                   </h2>
                   <h2 class="title">
                     <b-icon icon="leaf"></b-icon>
@@ -103,6 +106,12 @@
                       Sustainability program
                     </router-link>
                   </h2>
+                  <h2 class="title">
+                    <b-icon icon="leaf"></b-icon>
+                    <router-link :to="{ name: 'esSustainability'}">
+                      Sustentabilidad de KodaDot
+                    </router-link>
+                  </h2>
                 </div>
                 <!-- <div class="tile is-child">
                   <h2 class="title is-3">
@@ -129,7 +138,6 @@
                       pack="fab"
                       icon="telegram">
                     </b-icon>
-                    KodaDot
                   </a>
                 </h2>
                 <h2 class="title">
@@ -138,7 +146,6 @@
                       pack="fab"
                       icon="reddit-alien">
                     </b-icon>
-                    r/KodaDot
                   </a>
                 </h2>
                 <h2 class="title">
@@ -147,7 +154,6 @@
                       pack="fab"
                       icon="twitter">
                     </b-icon>
-                    @KodaDot
                   </a>
                 </h2>
                 <h2 class="title">
@@ -156,7 +162,6 @@
                       pack="fab"
                       icon="discord">
                     </b-icon>
-                    KodaDot Community Discord
                   </a>
                 </h2>
                 <!-- <h2 class="title">
@@ -168,15 +173,14 @@
                   </a>
                 </h2> -->
                 <h2 class="title">
-                  <a href="https://medium.com/kodadot/kodadot-nft-explorer-f2c3a326a856" target="_blank">
+                  <a href="https://medium.com/kodadot/" target="_blank">
                     <b-icon
                       pack="fab"
                       icon="medium">
                     </b-icon>
-                    {{ $t('Read our story, how we started.') }}
                   </a>
                 </h2>
-                <h2 class="title">
+                <!-- <h2 class="title">
                   <a href="https://medium.com/kodadot/traverse-to-the-prime-show-733d6046d3f5" target="_blank">
                     <b-icon
                       pack="fab"
@@ -193,16 +197,16 @@
                     </b-icon>
                     {{ $t('Client-first NFT gallery: Technical examination') }}
                   </a>
-                </h2>
-                <h2 class="title">
+                </h2> -->
+                <!-- <h2 class="title">
                   <a href="https://twitter.com/metaprime_net" target="_blank">
                     <b-icon
                       pack="fab"
                       icon="twitter">
                     </b-icon>
                     {{ $t('NFT-focused infrastracture @Metaprime_net') }}
                   </a>
-                </h2>
+                </h2> -->
                 </div>
               </div>
           </div>
@@ -213,6 +217,8 @@
 </template>
 <script lang="ts">
 import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
+import gql from 'graphql-tag'
+
 const components = {
   Identity: () => import('@/components/shared/format/Identity.vue'),
 };
@@ -229,22 +235,34 @@ const components = {
       ]
     }
   },
-  components })
+  components,
+  apollo: {
+    count: {
+      query: gql`query listed {
+      collectionEntities {
+        totalCount
+	    }
+    }`,
+    update: data => data.collectionEntities.totalCount
+    }
+  }
+})
 export default class Landing extends Vue {
 
   public publicCommunity: any = [
-    ['🌐 Global Discord', 'https://discord.gg/u6ymnbz4PR'],
     ['🇦🇲 Armenia', 'https://t.me/kodadotarmenia'],
-    ['🇧🇩 Bengali', 'https://t.me/KodaDot_Bengali'],
+    // ['🇧🇩 Bengali', 'https://t.me/KodaDot_Bengali'], seems not active
     ['🇨🇿 Česko', 'https://t.me/joinchat/Fhnvbi5a_wRjNzFk'],
     ['🇯🇵 Japan', 'https://t.me/kodadotjapan'],
     ['🇵🇱 Polska', 'https://t.me/joinchat/HG7J2RAk906N7scb'],
     ['🇵🇹 Portuguese', 'https://t.me/joinchat/1UHYFZpVYmE1OTZk'],
     ['🇷🇺 Russia', 'https://t.me/kodadotru'],
     ['🇪🇸 Spanish','https://t.me/joinchat/HkF3cxImJAJGoRH9'],
     ['🇹🇷 Türkiye', 'https://t.me/KodaDotTR'],
-    ['🇻🇳 Việt Nam', 'https://t.me/joinchat/GR0OiagewrkTzD4u'],
-    // ['Want to help translate?', 'https://github.com/kodadot/nft-gallery/tree/i18n/dashboard/src/locales']
+    ['🌐 Global KodaDot Discord', 'https://discord.gg/u6ymnbz4PR'],
+    ['🏗 Developers', 'https://discord.gg/KkctBVQ8kP'],
+    // ['🇻🇳 Việt Nam', 'https://t.me/joinchat/GR0OiagewrkTzD4u'], seems not active
+    ['Want to help translate?', 'https://github.com/kodadot/nft-gallery/tree/i18n/dashboard/src/locales']
   ]
 
   public creators: any = [
@@ -255,8 +273,8 @@ export default class Landing extends Vue {
     'CxQJNQeowRUJBgUHQpspudWy4BU6Rk2u93yDZEKe6GzcLDe',
     'GHuTwhh9txr69tHBM2f1mPE6tWn9XCYKMi3nRNFrYvGv9Yy',
     'CuHWHNcBt3ASMVSJmcJyiBWGxxiWLyjYoYbGjfhL4ovoeSd',
-    'HtRTwHSP6fYC5PtCsJ7pG4H1hwyPhzXbtVTTVRJ6kvfPFe1',
-    'Cu7QaEnRGPE91WvLduzUii2ZNa3jhMWtmB8SYwumycNRmoN'
+    // 'HtRTwHSP6fYC5PtCsJ7pG4H1hwyPhzXbtVTTVRJ6kvfPFe1', did not set identity
+    // 'Cu7QaEnRGPE91WvLduzUii2ZNa3jhMWtmB8SYwumycNRmoN' did not set identity
   ]
 
 }