<database-64 id="htmltestserver" content-type="html" data-name="data"
                source="/Articles/The-cognitive-web"
                runat="server" style="color:red;font-weight:bolder">
       <script>
           htmltestserver.data.then(html => {
                        // alert(html);                        
                     });
       </script>
   </database-64>

  <database-64 id="htmltestclient" content-type="html" data-name="data"
                   source="<p>Never Stop <strong style='color:red;text-emphasis:dot'>Dreaming<p>"
                   runat="client" style="color:blue;font-weight:bolder;">
      <script>       
         // alert(htmltestclient.data);                 
      </script>
  </database-64>

 <p id="plaintextclient" style="color:red"></p>
 <script>
         var database64PlainText = new Database64.Source("This i a plain text from client","plaintext","client");
        async function showPlainText() {
           const text = await database64PlainText.Open();
             plaintextclient.innerText = `${text}`;
     }
     showPlainText();
 </script>

  <p id="plaintextserver" style="color:darkviolet"></p>
  <script>
          var database64PlainText = new Database64.Source("/api_plain_text_test","plaintext","server");
         async function showPlainText() {
            const text = await database64PlainText.Open();
              plaintextserver.innerText = `${text}`;
      }
      showPlainText();
  </script>

 <div id="htmlclient" style="color:fuchsia;"></div>
<script>
    var htmlclientsource = new Database64.Source("<p style='font-weight:bolder;color:green'>Read about the cognitive web at <a href='https://thecognitiveweb.com' target='_blank' style='font-weight:normal;text-decoration:underline'>thecognitiveweb.com</a></p>","html","client");
       async function showhtmlclient() {
          const html = await htmlclientsource.Open();
            htmlclient.innerHTML = `${html}`;
    }
    showhtmlclient();
</script>

       <div id="htmlserver" style="color:dodgerblue"></div>
   <script>
       var htmlserversource = new Database64.Source("/Articles/The-cognitive-web","html","server");
              async function showhtmlserver() {
                 const html = await htmlserversource.Open();
                   htmlserver.innerHTML = `${html}`;
           }
           showhtmlserver();
   </script>

    <p id="showbase64fromclient" style="color:limegreen"></p>
    <script>
            var database64 = new Database64.Source("SGVsbG8gSSdtIGRhdGFiYXNlLWxlc3MgY29udGVudA==","base64","client");
            async function showBase64() {
               const text = await database64.Open();
                showbase64fromclient.innerText = `${text}`;
         }
        showBase64();
    </script>

  <p id="showbase64fromserver" style="color:dodgerblue"></p>
  <script>
          var database64 = new Database64.Source("/api_base64_test","base64","server");
          async function showBase64() {
             const text = await database64.Open();
              showbase64fromserver.innerText = `${text}`;
       }
      showBase64();
  </script>

<pre id="productinfoclientJSON" style="color:blue"></pre>
 <script>
      var productinfo={product:{details:{ name : "Arrowat Encryptor",
      description : "Arrowat Encryptor provides the way to save the encrypted content to file with a separated encrypted key that is used to decrypt the content",
      developer : "Arrowat LLC",
      more:{price:"FREE",
      releasedate:"12/7/2021",
      platforms:"Android, iOS, Windows",
      downloadat:"https://apps.arrowatllc.com/arrowatencryptor"
      }}}};
      var database64JSON = new Database64.Source(productinfo,"json","client");
     async function showDataJSON() {
          const data = await database64JSON.Open();
             productinfoclientJSON.innerHTML = `
             Product Name: ${data.product.details.name}
             Description: ${data.product.details.description}
             Developer: ${data.product.details.developer}
             Price: ${data.product.details.more.price}
             Release Date: ${data.product.details.more.releasedate}
             Platforms: ${data.product.details.more.platforms}
             Website: <a href='${data.product.details.more.downloadat}' target'_blank'>${data.product.details.more.downloadat}</a>`;
     }
     showDataJSON();
 </script>

  <pre id="productinfoserverJSON" style="color:blue">
  </pre>
  <script>
       var database64JSON = new Database64.Source("/api_productinfo_json_test","json","server");
      async function showDataJSON() {
           const data = await database64JSON.Open();
              productinfoserverJSON.innerHTML = `
              Product Name: ${data.product.details.name}
              Description: ${data.product.details.description}
              Developer: ${data.product.details.developer}
              Price: ${data.product.details.more.price}
              Release Date: ${data.product.details.more.releasedate}
              Platforms: ${data.product.details.more.platforms}
              Website: <a href='${data.product.details.more.downloadat}' target = '_blank'>${data.product.details.more.downloadat}</a>`;
      }
      showDataJSON();
  </script>

   <pre id="personinfojson64" style="color:red"></pre>
   <script>
       var database64JSON = new Database64.Source("eyJuYW1lIjoiTWVsdmluIiwibGFzdE5hbWUiOiJIZXJuYW5kZXoiLCJjb21wYW55IjoiQXJyb3dhdCBMTEMifQ","json64","client");
       async function showDataJSON() {
            const data =await database64JSON.Open();
               personinfojson64.innerText = `
               Name: ${data.name} 
               Last Name: ${data.lastName} 
               Company:${data.company}`;
       }
       showDataJSON();
   </script>

   <pre id="personinfoserverjson64" style="color:blue"></pre>
   <script>
       var database64JSON = new Database64.Source("/api_json64_test","json64","server");
       async function showDataJSON() {
            const data =await database64JSON.Open();
               personinfoserverjson64.innerText = `
               Name: ${data.name}
               Last Name: ${data.lastName}
               Company: ${data.company}`;
       }
       showDataJSON();
   </script>

  <img id="displayimage64" style="height:200px;border:pink 5px solid" alt="" />
  <script>
     var dataImage64 = new Database64.Source("imageinbase64","image64","client");
     async function showImage64() {
           const image64 = await dataImage64.Open();
           displayimage64.src = `${image64}`;
     }
     showImage64();
  </script>

     <img id="displayserverimage64" style="height:200px;border:pink 5px solid" alt="" />
     <script>
            var dataImage64 = new Database64.Source("/Api_image64_test","image64","server");
             async function showImage64() {
                    const image64 = await dataImage64.Open();
                     displayserverimage64.src = `${image64}`;
          }
         showImage64();
     </script>