Fix lints (#245)

* html fixes * update cdn * one more * remove fors * point to latest * update * update plugin to use h2 * update plugin
w3c · Feb 26, 2024 · f766903 · f766903
1 parent 5bbe9f2
commit f766903
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 34 deletions.
diff --git a/index.html b/index.html
@@ -2,11 +2,11 @@
 <html lang="en">
 
 <head>
-  <meta charset="utf-8" />
+  <meta http-equiv='Content-Type' content='text/html;charset=utf-8'/>
   <title>Securing Verifiable Credentials using JOSE and COSE</title>
   <script src="https://www.w3.org/Tools/respec/respec-w3c" class="remove"></script>
-  <script src="https://cdn.jsdelivr.net/gh/w3c/vc-jose-cose@206aac2e84847fa8f5c9601e11974e26ace4f9ac/plugin/dist/main.js"></script>
-  <script type="text/javascript" class="remove">
+  <script src="https://cdn.jsdelivr.net/gh/w3c/vc-jose-cose@f2ecf4f7004dcd9524727a27f7671577c2e28cf4/plugin/dist/main.js"></script>
+  <script class="remove">
     // See https://github.com/w3c/respec/wiki/ for how to configure
     // ReSpec
     var respecConfig = {
@@ -667,7 +667,6 @@ <h2>COSE Header Parameters and CWT Claims</h2>
         Additional members may be present as header parameters and claims.
   If they are not understood, they MUST be ignored.
       </p>
-    </section>
   </section>
 
   <section id="key_discovery" class="normative">
@@ -1738,7 +1737,6 @@ <h2>Privacy Considerations</h2>
           </p>
         </li>
       </ul>
-      </p>
       <p>
         These considerations are not exhaustive, and implementers and
         users are advised to consult additional privacy resources and
@@ -2097,8 +2095,6 @@ <h2>
       </p>
     </section>
   </section>
-  </section>
-
   <section>
     <h2>Verification Algorithm</h2>
     <p>

diff --git a/plugin/dist/main.js b/plugin/dist/main.js
diff --git a/plugin/index.html b/plugin/index.html
@@ -26,13 +26,12 @@
                     company: "Transmute", companyURL: "http://transmute.industries/"
                 }
             ],
-            authors:
-                [
-                    {
-                        name: "Orie Steele", url: "https://www.linkedin.com/in/or13b/",
-                        company: "Transmute", companyURL: "http://transmute.industries/"
-                    }
-                ],
+            authors: [
+                {
+                    name: "Orie Steele", url: "https://www.linkedin.com/in/or13b/",
+                    company: "Transmute", companyURL: "http://transmute.industries/"
+                }
+            ],
             maxTocLevel: 2,
             inlineCSS: true,
             postProcess: [

diff --git a/plugin/index.js b/plugin/index.js
@@ -54,7 +54,7 @@ function addVcJoseStyles() {
   margin: 0 0;
 }
 
-.vc-jose-cose-tabbed h1, .vc-jose-cose-jwt-tabbed h1, .vc-jose-cose-sd-jwt-tabbed h1, .vc-jose-cose-cose-tabbed h1 {
+.vc-jose-cose-tabbed h2, .vc-jose-cose-jwt-tabbed h2, .vc-jose-cose-sd-jwt-tabbed h2, .vc-jose-cose-cose-tabbed h2 {
   font-size: 1em;
 }
 

diff --git a/plugin/src/exampleCose.js b/plugin/src/exampleCose.js
@@ -72,15 +72,15 @@ export const getCoseExample = async (privateKey, messageJson) => {
     const messageHex = buf2hex(message)
     const messageDiag = await cose.cbor.diagnose(message)
     return `
-<h1>${messageType.replace('+cose', '')}</h1>
+<h2>${messageType.replace('+cose', '')}</h2>
 <pre>
 ${JSON.stringify(messageJson, null, 2)}
 </pre>
-<h1>application/cbor-diagnostic</h1>
+<h2>application/cbor-diagnostic</h2>
 <div class="cose-text">
 ${messageDiag.trim()}
 </div>
-<h1>${messageType} (detached payload)</h1>
+<h2>${messageType} (detached payload)</h2>
 <div class="cose-text">
 ${messageHex}
 </div>

diff --git a/plugin/src/exampleJwt.js b/plugin/src/exampleJwt.js
@@ -75,16 +75,16 @@ export const getJwtExample = async (privateKey, messageJson) => {
     const messageEncoded = new TextDecoder().decode(message)
     // const decodedHeader = jose.decodeProtectedHeader(messageEncoded)
     // Not displaying protected header to save space
-    // <h1>Protected</h1>
+    // <h2>Protected</h2>
     // <pre>
     // ${JSON.stringify(decodedHeader, null, 2)}
     // </pre>
     return `
-<h1>${messageType.replace('+jwt', '')}</h1>
+<h2>${messageType.replace('+jwt', '')}</h2>
 <pre>
 ${JSON.stringify(messageJson, null, 2)}
 </pre>
-<h1>${messageType}</h1>
+<h2>${messageType}</h2>
 <div class="jose-text">
 ${getJwtHtml(messageEncoded)}
 </div>

diff --git a/plugin/src/exampleSdJwt.js b/plugin/src/exampleSdJwt.js
@@ -87,18 +87,18 @@ export const getSdJwtExample = async (privateKey, messageJson) => {
 
 // const decodedHeader = jose.decodeProtectedHeader(messageEncoded.split('~')[0])
 // Not displaying protected header to save space
-// <h1>Protected</h1>
+// <h2>Protected</h2>
 // <pre>
 // ${JSON.stringify(decodedHeader, null, 2)}
 // </pre>
     return `
 
-<h1>${messageType2}</h1>
+<h2>${messageType2}</h2>
 <div>
 ${getDisclosabilityHtml(issuerClaims)}
 </div>
 
-<h1>${messageType}</h1>
+<h2>${messageType}</h2>
 <div class="jose-text">
 ${getSdHtml(messageEncoded)}
 </div>

diff --git a/plugin/src/getHtml.js b/plugin/src/getHtml.js
@@ -4,8 +4,8 @@ export const getCombinedHtml = ({ index, coseExample, jwtExample, sdJwtExample }
     return `
 <div class="vc-jose-cose-tabbed">
     <input type="radio" id="vc-jose-cose-tab-${index}-cose" name="vc-jose-cose-tabs-${index}" checked="checked">
-    <input type="radio" id="vc-jose-cose-tab-${index}-jwt" name="vc-jose-cose-tabs-${index}" >
-    <input type="radio" id="vc-jose-cose-tab-${index}-sd-jwt" name="vc-jose-cose-tabs-${index}" >
+    <input type="radio" id="vc-jose-cose-tab-${index}-jwt" name="vc-jose-cose-tabs-${index}">
+    <input type="radio" id="vc-jose-cose-tab-${index}-sd-jwt" name="vc-jose-cose-tabs-${index}">
     <ul class="vc-jose-cose-tabs">
       <li class="vc-jose-cose-tab">
         <label for="vc-jose-cose-tab-${index}-cose">COSE</label>
@@ -34,7 +34,7 @@ export const getJwtHtml = ({ index, jwtExample })=>{
 <div class="vc-jose-cose-jwt-tabbed">
     <ul class="vc-jose-cose-jwt-tabs">
       <li class="vc-jose-cose-jwt-tab">
-        <label for="vc-jose-cose-jwt-tab-${index}-jwt">JWT</label>
+        <label>JWT</label>
       </li>
     </ul>
     <div class="vc-jose-cose-jwt-tab-content">
@@ -48,7 +48,7 @@ export const getSdJwtHtml = ({ index, sdJwtExample })=>{
 <div class="vc-jose-cose-sd-jwt-tabbed">
     <ul class="vc-jose-cose-sd-jwt-tabs">
       <li class="vc-jose-cose-sd-jwt-tab">
-        <label for="vc-jose-cose-sd-jwt-tab-${index}-sd-jwt">SD-JWT</label>
+        <label>SD-JWT</label>
       </li>
     </ul>
     <div class="vc-jose-cose-sd-jwt-tab-content">
@@ -62,7 +62,7 @@ export const getCoseHtml = ({ index, coseExample })=>{
 <div class="vc-jose-cose-cose-tabbed">
     <ul class="vc-jose-cose-cose-tabs">
       <li class="vc-jose-cose-cose-tab">
-        <label for="vc-jose-cose-cose-tab-${index}-cose">COSE</label>
+        <label>COSE</label>
       </li>
     </ul>
     <div class="vc-jose-cose-cose-tab-content">