From 5e350d75ed941a02399eb23439bf8e3c1bc34157 Mon Sep 17 00:00:00 2001
From: Manu Sporny <msporny@digitalbazaar.com>
Date: Wed, 10 Nov 2021 19:59:34 -0500
Subject: [PATCH 1/4] Add new Verifiable Credential views for example 4.

---
 index.html | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index f6473243a..a5d777132 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,8 @@
       src="https://unpkg.com/browse/jquery/dist/jquery.min.js"></script>
     <script src='https://www.w3.org/Tools/respec/respec-w3c' class='remove'></script>
     <script src="./common.js" class="remove"></script>
+    <script class="remove"
+      src="https://cdn.jsdelivr.net/gh/digitalbazaar/respec-vc@0.0.1/dist/main.js"></script>
     <script type="text/javascript" class="remove">
       var respecConfig = {
         group: "vc",
@@ -46,7 +48,11 @@
         // Uncomment these to use the respec extension that generates a list of
         //   normative statements:
         preProcess: [/*prepare_reqlist*/],
-        postProcess: [/*add_reqlist_button*/, restrictRefs],
+        postProcess: [
+          restrictRefs,
+          window.respecVc.createVcExamples
+          /*add_reqlist_button*/
+        ],
 
         github: "https://github.com/w3c/vc-data-model/",
         includePermalinks: false,
@@ -1191,7 +1197,8 @@ <h3>Identifiers</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of the id property">
+        <pre class="example nohighlight vc" title="Usage of the id property"
+          data-vc-verification-method="https://example.edu/issuers/565049/keys/1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1207,8 +1214,7 @@ <h3>Identifiers</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 

From 7790d6c165c787309e9e0964f5541687b676ba6a Mon Sep 17 00:00:00 2001
From: Manu Sporny <msporny@digitalbazaar.com>
Date: Wed, 10 Nov 2021 22:34:39 -0500
Subject: [PATCH 2/4] Upgrade to v0.0.2 of respec-vc.

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a5d777132..179744b52 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,8 @@
     <script src='https://www.w3.org/Tools/respec/respec-w3c' class='remove'></script>
     <script src="./common.js" class="remove"></script>
     <script class="remove"
-      src="https://cdn.jsdelivr.net/gh/digitalbazaar/respec-vc@0.0.1/dist/main.js"></script>
+      src="https://cdn.jsdelivr.net/gh/digitalbazaar/respec-vc@0.0.2/dist/main.js"></script>
+    <script src="https://cdn.jsdelivr.net/gh/digitalbazaar/respec-vc@0.0.2/dist/displayVcExample.js"></script>
     <script type="text/javascript" class="remove">
       var respecConfig = {
         group: "vc",

From cd60128834e74642f44db6b2c0991f33dc9fd52c Mon Sep 17 00:00:00 2001
From: Manu Sporny <msporny@digitalbazaar.com>
Date: Sat, 13 Nov 2021 13:41:22 -0500
Subject: [PATCH 3/4] Add respec-vc proof/JWT rendering to many other examples.

---
 index.html | 118 ++++++++++++++++++++++++++++-------------------------
 1 file changed, 62 insertions(+), 56 deletions(-)

diff --git a/index.html b/index.html
index 179744b52..112d487a7 100644
--- a/index.html
+++ b/index.html
@@ -933,7 +933,7 @@ <h3>Concrete Lifecycle Example</h3>
     <span class='comment'>// purpose of this proof</span>
     "proofPurpose": "assertionMethod",
     <span class='comment'>// the identifier of the public key that can verify the signature</span>
-    "verificationMethod": "https://example.edu/issuers/565049/keys/1",
+    "verificationMethod": "https://example.edu/issuers/565049#key-1",
     <span class='comment'>// the digital signature value</span>
     "jws": "eyJhbGciOiJSUzI1NiIsImI2NCI6ZmFsc2UsImNyaXQiOlsiYjY0Il19..TCYt5X
       sITJX1CxPCT8yAV-TVkIEq_PbChOMqsLfRoPsnsgw5WEuts01mq-pQy7UJiN5mgRxD-WUc
@@ -989,7 +989,7 @@ <h3>Concrete Lifecycle Example</h3>
       "type": "RsaSignature2018",
       "created": "2017-06-18T21:19:10Z",
       "proofPurpose": "assertionMethod",
-      "verificationMethod": "https://example.edu/issuers/565049/keys/1",
+      "verificationMethod": "https://example.edu/issuers/565049#key-1",
       "jws": "eyJhbGciOiJSUzI1NiIsImI2NCI6ZmFsc2UsImNyaXQiOlsiYjY0Il19..TCYt5X
         sITJX1CxPCT8yAV-TVkIEq_PbChOMqsLfRoPsnsgw5WEuts01mq-pQy7UJiN5mgRxD-WUc
         X16dUEMGlv50aqzpqh4Qktb3rk-BuQy72IFLOqV0G_zS245-kronKb78cPN25DGlcTwLtj
@@ -1199,7 +1199,7 @@ <h3>Identifiers</h3>
         </dl>
 
         <pre class="example nohighlight vc" title="Usage of the id property"
-          data-vc-verification-method="https://example.edu/issuers/565049/keys/1">
+          data-vc-verification-method="https://example.edu/issuers/565049#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1274,7 +1274,8 @@ <h3>Types</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of the type property">
+        <pre class="example nohighlight vc" title="Usage of the type property"
+          data-vc-verification-method="https://example.edu/issuers/565049#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1290,8 +1291,7 @@ <h3>Types</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 
@@ -1490,7 +1490,9 @@ <h3>Credential Subject</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of the credentialSubject property">
+        <pre class="example nohighlight vc"
+          title="Usage of the credentialSubject property"
+          data-vc-verification-method="https://example.edu/issuers/565049#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1506,8 +1508,7 @@ <h3>Credential Subject</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 
@@ -1518,7 +1519,8 @@ <h3>Credential Subject</h3>
 <a>subjects</a> with the <code>credentialSubject</code> property.
         </p>
 
-        <pre class="example nohighlight" title="Specifying multiple subjects in a verifiable credential">
+        <pre class="example nohighlight"
+          title="Specifying multiple subjects in a verifiable credential">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1536,8 +1538,7 @@ <h3>Credential Subject</h3>
     "id": "did:example:c276e12ec21ebfeb1f712ebc6f1",
     "name": "Morgan Doe",
     "spouse": "did:example:ebfeb1f712ebc6f1c276e12ec21"
-  }]</span>,
-  "proof": { <span class="comment">...</span> }
+  }]</span>
 }
         </pre>
 
@@ -1567,7 +1568,8 @@ <h3>Issuer</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of issuer property">
+        <pre class="example nohighlight vc" title="Usage of issuer property"
+          data-vc-verification-method="https://example.edu/issuers/14#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1583,8 +1585,7 @@ <h3>Issuer</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 
@@ -1593,7 +1594,9 @@ <h3>Issuer</h3>
 associating an object with the issuer property:
         </p>
 
-        <pre class="example nohighlight" title="Usage of issuer expanded property">
+        <pre class="example nohighlight vc"
+          title="Usage of issuer expanded property"
+          data-vc-verification-method="did:example:76e12ec712ebc6f1c221ebfeb1f#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1612,8 +1615,7 @@ <h3>Issuer</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 
@@ -1647,7 +1649,9 @@ <h3>Issuance Date</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of issuanceDate property">
+        <pre class="example nohighlight vc"
+          title="Usage of issuanceDate property"
+          data-vc-verification-method="https://example.edu/issuers/14#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1663,8 +1667,7 @@ <h3>Issuance Date</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 
@@ -1743,17 +1746,12 @@ <h3>Proofs (Signatures)</h3>
     }
   },
   <span class="highlight">"proof": {
-    "type": "RsaSignature2018",
-    "created": "2018-06-18T21:19:10Z",
+    "type": "Ed25519Signature2020",
+    "created": "2021-11-13T18:19:39Z",
+    "verificationMethod": "https://example.edu/issuers/14#key-1",
     "proofPurpose": "assertionMethod",
-    "verificationMethod": "https://example.com/jdoe/keys/1",
-    "jws": "eyJhbGciOiJQUzI1NiIsImI2NCI6ZmFsc2UsImNyaXQiOlsiYjY0Il19
-      ..DJBMvvFAIC00nSGB6Tn0XKbbF9XrsaJZREWvR2aONYTQQxnyXirtXnlewJMB
-      Bn2h9hfcGZrvnC1b6PgWmukzFJ1IiH1dWgnDIS81BH-IxXnPkbuYDeySorc4
-      QU9MJxdVkY5EL4HYbcIfwKj6X4LBQ2_ZHZIu1jdqLcRZqHcsDF5KKylKc1TH
-      n5VRWy5WhYg_gBnyWny8E6Qkrze53MR7OuAmmNJ1m1nN8SxDrG6a08L78J0-
-      Fbas5OjAQz3c17GY8mVuDPOBIOVjMEghBlgl3nOi1ysxbRGhHLEK4s0KKbeR
-      ogZdgt1DkQxDFxxn41QWDw_mmMCjs9qxg0zcZzqEJw"
+    "proofValue": "z58DAdFfa9SkqZMVPxAQpic7ndSayn1PzZs6ZjWp1CktyGesjuTSwRdo
+                   WhAfGFCF5bppETSTojQCrfFPP2oumHKtz"
   }</span>
 }
         </pre>
@@ -1789,7 +1787,9 @@ <h3>Expiration</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of the expirationDate property">
+        <pre class="example nohighlight vc"
+          title="Usage of the expirationDate property"
+          data-vc-verification-method="https://example.edu/issuers/14#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1806,8 +1806,7 @@ <h3>Expiration</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 
@@ -1859,7 +1858,9 @@ <h3>Status</h3>
 privacy-enhancing.
         </p>
 
-        <pre class="example nohighlight" title="Usage of the status property">
+        <pre class="example nohighlight vc"
+          title="Usage of the status property"
+          data-vc-verification-method="https://example.edu/issuers/14#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1879,8 +1880,7 @@ <h3>Status</h3>
   <span class="highlight">"credentialStatus": {
     "id": "https://example.edu/status/24",
     "type": "CredentialStatusList2017"
-  }</span>,
-  "proof": { <span class="comment">...</span> }
+  }</span>
 }
         </pre>
 
@@ -2281,7 +2281,9 @@ <h3>Extensibility</h3>
 Let us assume we start with the <a>verifiable credential</a> shown below.
         </p>
 
-        <pre class="example nohighlight" title="A simple credential">
+        <pre class="example nohighlight vc"
+          title="A simple credential"
+          data-vc-verification-method="https://example.edu/issuers/14#keys-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -2294,8 +2296,7 @@ <h3>Extensibility</h3>
   "credentialSubject": {
     "id": "did:example:abcdef1234567",
     "name": "Jane Doe"
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 
@@ -2350,8 +2351,7 @@ <h3>Extensibility</h3>
     "id": "did:example:abcdef1234567",
     "name": "Jane Doe",
     <span class="highlight">"favoriteFood": "Papaya"</span>
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>
 
@@ -2501,7 +2501,9 @@ <h3>Data Schemas</h3>
 [[JSON-SCHEMA-2018]] validation.
         </p>
 
-        <pre class="example nohighlight" title="Usage of the credentialSchema property to perform JSON schema validation">
+        <pre class="example nohighlight vc"
+          title="Usage of the credentialSchema property to perform JSON schema validation"
+          data-vc-verification-method="https://example.edu/issuers/14#keys-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -2521,8 +2523,7 @@ <h3>Data Schemas</h3>
   <span class="highlight">"credentialSchema": {
     "id": "https://example.org/examples/degree.json",
     "type": "JsonSchemaValidator2018"
-  }</span>,
-  "proof": { <span class="comment">...</span> }
+  }</span>
 }
         </pre>
 
@@ -2631,7 +2632,8 @@ <h3>Refreshing</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of the refreshService property by an issuer">
+        <pre class="example nohighlight"
+          title="Usage of the refreshService property by an issuer">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -2651,8 +2653,7 @@ <h3>Refreshing</h3>
   <span class="highlight">"refreshService": {
     "id": "https://example.edu/refresh/3732"
     "type": "ManualRefreshService2018",
-  }</span>,
-  "proof": { <span class="comment">...</span> }
+  }</span>
 }
         </pre>
 
@@ -2710,7 +2711,9 @@ <h3>Terms of Use</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of the termsOfUse property by an issuer">
+        <pre class="example nohighlight vc"
+          title="Usage of the termsOfUse property by an issuer"
+          data-vc-verification-method="https://example.edu/issuers/14#keys-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -2737,8 +2740,8 @@ <h3>Terms of Use</h3>
       "target": "http://example.edu/credentials/3732",
       "action": ["Archival"]
     }]
-  }</span>,
-  "proof": { <span class="comment">...</span> }
+  }]
+  </span>
 }
         </pre>
 
@@ -2880,7 +2883,8 @@ <h3>Evidence</h3>
 Verifiable Credentials Implementation Guidelines [[VC-IMP-GUIDE]] document.
         </p>
 
-        <pre class="example nohighlight" title="Usage of the evidence property">
+        <pre class="example nohighlight"
+          title="Usage of the evidence property">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -4213,7 +4217,9 @@ <h3>Bearer Credentials</h3>
 <a>verifiable credential</a> is a <a>bearer credential</a>:
       </p>
 
-      <pre class="example nohighlight" title="Usage of issuer properties">
+      <pre class="example nohighlight vc"
+        title="Usage of issuer properties"
+        data-vc-verification-method="https://example.edu/issuers/14#keys-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -4229,8 +4235,7 @@ <h3>Bearer Credentials</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
       </pre>
 
@@ -4670,7 +4675,8 @@ <h3>Content Integrity Protection</h3>
 probably should be:
       </p>
 
-      <pre class="example nohighlight" title="Non-content-integrity protected links">
+      <pre class="example nohighlight"
+        title="Non-content-integrity protected links">
 {
   "@context": [
     <span class="highlight">"https://www.w3.org/2018/credentials/v1"</span>,

From 42392a6abad709f83ed8c19151c653e5d50c2fc0 Mon Sep 17 00:00:00 2001
From: Manu Sporny <msporny@digitalbazaar.com>
Date: Sun, 21 Nov 2021 12:32:08 -0500
Subject: [PATCH 4/4] Upgrade to respec-vc@1.0.0.

---
 index.html | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 112d487a7..77513e823 100644
--- a/index.html
+++ b/index.html
@@ -13,8 +13,8 @@
     <script src='https://www.w3.org/Tools/respec/respec-w3c' class='remove'></script>
     <script src="./common.js" class="remove"></script>
     <script class="remove"
-      src="https://cdn.jsdelivr.net/gh/digitalbazaar/respec-vc@0.0.2/dist/main.js"></script>
-    <script src="https://cdn.jsdelivr.net/gh/digitalbazaar/respec-vc@0.0.2/dist/displayVcExample.js"></script>
+      src="https://cdn.jsdelivr.net/gh/digitalbazaar/respec-vc@1.0.0/dist/main.js"></script>
+
     <script type="text/javascript" class="remove">
       var respecConfig = {
         group: "vc",
@@ -1199,7 +1199,7 @@ <h3>Identifiers</h3>
         </dl>
 
         <pre class="example nohighlight vc" title="Usage of the id property"
-          data-vc-verification-method="https://example.edu/issuers/565049#key-1">
+          data-vc-vm="https://example.edu/issuers/565049#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1275,7 +1275,7 @@ <h3>Types</h3>
         </dl>
 
         <pre class="example nohighlight vc" title="Usage of the type property"
-          data-vc-verification-method="https://example.edu/issuers/565049#key-1">
+          data-vc-vm="https://example.edu/issuers/565049#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1492,7 +1492,7 @@ <h3>Credential Subject</h3>
 
         <pre class="example nohighlight vc"
           title="Usage of the credentialSubject property"
-          data-vc-verification-method="https://example.edu/issuers/565049#key-1">
+          data-vc-vm="https://example.edu/issuers/565049#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1569,7 +1569,7 @@ <h3>Issuer</h3>
         </dl>
 
         <pre class="example nohighlight vc" title="Usage of issuer property"
-          data-vc-verification-method="https://example.edu/issuers/14#key-1">
+          data-vc-vm="https://example.edu/issuers/14#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1596,7 +1596,7 @@ <h3>Issuer</h3>
 
         <pre class="example nohighlight vc"
           title="Usage of issuer expanded property"
-          data-vc-verification-method="did:example:76e12ec712ebc6f1c221ebfeb1f#key-1">
+          data-vc-vm="did:example:76e12ec712ebc6f1c221ebfeb1f#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1651,7 +1651,7 @@ <h3>Issuance Date</h3>
 
         <pre class="example nohighlight vc"
           title="Usage of issuanceDate property"
-          data-vc-verification-method="https://example.edu/issuers/14#key-1">
+          data-vc-vm="https://example.edu/issuers/14#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1789,7 +1789,7 @@ <h3>Expiration</h3>
 
         <pre class="example nohighlight vc"
           title="Usage of the expirationDate property"
-          data-vc-verification-method="https://example.edu/issuers/14#key-1">
+          data-vc-vm="https://example.edu/issuers/14#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1860,7 +1860,7 @@ <h3>Status</h3>
 
         <pre class="example nohighlight vc"
           title="Usage of the status property"
-          data-vc-verification-method="https://example.edu/issuers/14#key-1">
+          data-vc-vm="https://example.edu/issuers/14#key-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -2283,7 +2283,7 @@ <h3>Extensibility</h3>
 
         <pre class="example nohighlight vc"
           title="A simple credential"
-          data-vc-verification-method="https://example.edu/issuers/14#keys-1">
+          data-vc-vm="https://example.edu/issuers/14#keys-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -2503,7 +2503,7 @@ <h3>Data Schemas</h3>
 
         <pre class="example nohighlight vc"
           title="Usage of the credentialSchema property to perform JSON schema validation"
-          data-vc-verification-method="https://example.edu/issuers/14#keys-1">
+          data-vc-vm="https://example.edu/issuers/14#keys-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -2713,7 +2713,7 @@ <h3>Terms of Use</h3>
 
         <pre class="example nohighlight vc"
           title="Usage of the termsOfUse property by an issuer"
-          data-vc-verification-method="https://example.edu/issuers/14#keys-1">
+          data-vc-vm="https://example.edu/issuers/14#keys-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -4219,7 +4219,7 @@ <h3>Bearer Credentials</h3>
 
       <pre class="example nohighlight vc"
         title="Usage of issuer properties"
-        data-vc-verification-method="https://example.edu/issuers/14#keys-1">
+        data-vc-vm="https://example.edu/issuers/14#keys-1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",