@veramo-community/react-components - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

dist/cjs/components/VerifiableCredential/VerifiableCredential.stories.d.ts

@@ -10,4 +10,7 @@ /// <reference types="react" />
 }) => JSX.Element>;
+export declare const DiscordKudos: ComponentStory<({ credential }: {
+    credential: import("@veramo/core").VerifiableCredential;
+}) => JSX.Element>;
 export declare const Profile: ComponentStory<({ credential }: {
     credential: import("@veramo/core").VerifiableCredential;
 }) => JSX.Element>;

dist/cjs/index.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var t=e(require("react")),a=function(e){var a=e.credential;return t.createElement("div",{className:"message-embed"},t.createElement("div",{className:"embed-content"},t.createElement("div",{className:"embed-title description"},"🏆 Kudos to ",t.createElement("a",{href:a.credentialSubject.id},a.credentialSubject.name)),t.createElement("div",{className:"embed-description description"},a.credentialSubject.kudos),t.createElement("div",{className:"embed-footer"},t.createElement("img",{className:"footer-icon",src:a.credentialSubject.authorAvatar,alt:""}),t.createElement("a",{href:a.credentialSubject.authorId},a.credentialSubject.authorName),t.createElement("span",{className:"divider"},"•"),t.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.guildId,"/").concat(a.credentialSubject.channelId,"/").concat(a.id)},a.credentialSubject.channelName),t.createElement("span",{className:"divider"},"•"),t.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.guildId,"/").concat(a.credentialSubject.channelId,"/").concat(a.id)},a.credentialSubject.guildName))),t.createElement("div",{className:"embed-thumbnail"},t.createElement("div",{className:"avatar-large ".concat(a.credentialSubject.avatar&&""!==a.credentialSubject.avatar?"":"hidden")}," ",t.createElement("img",{src:a.credentialSubject.avatar})," ")))},c=function(e){var a=e.credential;return t.createElement("div",{className:"message-embed"},t.createElement("div",{className:"embed-content"},t.createElement("div",{className:"embed-title description"},a.type.join(", ")),t.createElement("div",{className:"embed-fields"},Object.entries(a.credentialSubject).map((function(e){var a=e[0],c=e[1];return t.createElement("div",{className:"embed-field",key:a},t.createElement("div",{className:"embed-field-name"},a),t.createElement("div",{className:"embed-field-value"},"object"==typeof c||Array.isArray(c)?JSON.stringify(c):c))})))))};exports.VerifiableCredential=function(e){var r,n=e.credential;return(null===(r=n.type)||void 0===r?void 0:r.includes("Kudos"))?t.createElement(a,{credential:n}):t.createElement(c,{credential:n})};
+"use strict";function e(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var t=e(require("react")),a=function(e){var a=e.credential;return t.createElement("div",{className:"message-embed"},t.createElement("div",{className:"embed-content"},t.createElement("div",{className:"embed-title description"},"🏆 Kudos to ",t.createElement("a",{href:a.credentialSubject.id},a.credentialSubject.name)),t.createElement("div",{className:"embed-description description"},a.credentialSubject.kudos),t.createElement("div",{className:"embed-footer"},t.createElement("img",{className:"footer-icon",src:a.credentialSubject.authorAvatar,alt:""}),t.createElement("a",{href:a.credentialSubject.authorId},a.credentialSubject.authorName),t.createElement("span",{className:"divider"},"•"),t.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.guildId,"/").concat(a.credentialSubject.channelId,"/").concat(a.id)},a.credentialSubject.channelName),t.createElement("span",{className:"divider"},"•"),t.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.guildId,"/").concat(a.credentialSubject.channelId,"/").concat(a.id)},a.credentialSubject.guildName))),t.createElement("div",{className:"embed-thumbnail"},t.createElement("div",{className:"avatar-large ".concat(a.credentialSubject.avatar&&""!==a.credentialSubject.avatar?"":"hidden")}," ",t.createElement("img",{src:a.credentialSubject.avatar})," ")))},c=function(e){var a=e.credential;return t.createElement("div",{className:"message-embed"},t.createElement("div",{className:"embed-content"},t.createElement("div",{className:"embed-title description"},"🏆 Kudos to ",t.createElement("a",{href:a.credentialSubject.discordUserId},a.credentialSubject.discordUserName)),t.createElement("div",{className:"embed-description description"},a.credentialSubject.kudos),t.createElement("div",{className:"embed-footer"},t.createElement("img",{className:"footer-icon",src:a.credentialSubject.discordAuthorAvatar,alt:""}),t.createElement("a",{href:a.credentialSubject.discordAuthorId},a.credentialSubject.discordAuthorName),t.createElement("span",{className:"divider"},"•"),t.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.discordGuildId,"/").concat(a.credentialSubject.discordChannelId,"/").concat(a.id)},a.credentialSubject.discordChannelName),t.createElement("span",{className:"divider"},"•"),t.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.discordGuildId,"/").concat(a.credentialSubject.discordChannelId,"/").concat(a.id)},a.credentialSubject.discordGuildName))),t.createElement("div",{className:"embed-thumbnail"},t.createElement("div",{className:"avatar-large ".concat(a.credentialSubject.discordUserAvatar&&""!==a.credentialSubject.discordUserAvatar?"":"hidden")}," ",t.createElement("img",{src:a.credentialSubject.discordUserAvatar})," ")))},r=function(e){var a=e.credential;return t.createElement("div",{className:"message-embed"},t.createElement("div",{className:"embed-content"},t.createElement("div",{className:"embed-title description"},a.type.join(", ")),t.createElement("div",{className:"embed-fields"},Object.entries(a.credentialSubject).map((function(e){var a=e[0],c=e[1];return t.createElement("div",{className:"embed-field",key:a},t.createElement("div",{className:"embed-field-name"},a),t.createElement("div",{className:"embed-field-value"},"object"==typeof c||Array.isArray(c)?JSON.stringify(c):c))})))))};exports.VerifiableCredential=function(e){var d,n,i=e.credential;return(null===(d=i.type)||void 0===d?void 0:d.includes("Kudos"))?t.createElement(a,{credential:i}):(null===(n=i.type)||void 0===n?void 0:n.includes("DiscordKudos"))?t.createElement(c,{credential:i}):t.createElement(r,{credential:i})};
 //# sourceMappingURL=index.js.map

dist/esm/components/VerifiableCredential/VerifiableCredential.stories.d.ts

@@ -10,4 +10,7 @@ /// <reference types="react" />
 }) => JSX.Element>;
+export declare const DiscordKudos: ComponentStory<({ credential }: {
+    credential: import("@veramo/core").VerifiableCredential;
+}) => JSX.Element>;
 export declare const Profile: ComponentStory<({ credential }: {
     credential: import("@veramo/core").VerifiableCredential;
 }) => JSX.Element>;

dist/esm/index.js

@@ -1,2 +0,2 @@
-import*as e from"react";var t=function(t){var a=t.credential;return e.createElement("div",{className:"message-embed"},e.createElement("div",{className:"embed-content"},e.createElement("div",{className:"embed-title description"},"🏆 Kudos to ",e.createElement("a",{href:a.credentialSubject.id},a.credentialSubject.name)),e.createElement("div",{className:"embed-description description"},a.credentialSubject.kudos),e.createElement("div",{className:"embed-footer"},e.createElement("img",{className:"footer-icon",src:a.credentialSubject.authorAvatar,alt:""}),e.createElement("a",{href:a.credentialSubject.authorId},a.credentialSubject.authorName),e.createElement("span",{className:"divider"},"•"),e.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.guildId,"/").concat(a.credentialSubject.channelId,"/").concat(a.id)},a.credentialSubject.channelName),e.createElement("span",{className:"divider"},"•"),e.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.guildId,"/").concat(a.credentialSubject.channelId,"/").concat(a.id)},a.credentialSubject.guildName))),e.createElement("div",{className:"embed-thumbnail"},e.createElement("div",{className:"avatar-large ".concat(a.credentialSubject.avatar&&""!==a.credentialSubject.avatar?"":"hidden")}," ",e.createElement("img",{src:a.credentialSubject.avatar})," ")))},a=function(t){var a=t.credential;return e.createElement("div",{className:"message-embed"},e.createElement("div",{className:"embed-content"},e.createElement("div",{className:"embed-title description"},a.type.join(", ")),e.createElement("div",{className:"embed-fields"},Object.entries(a.credentialSubject).map((function(t){var a=t[0],c=t[1];return e.createElement("div",{className:"embed-field",key:a},e.createElement("div",{className:"embed-field-name"},a),e.createElement("div",{className:"embed-field-value"},"object"==typeof c||Array.isArray(c)?JSON.stringify(c):c))})))))},c=function(c){var n,r=c.credential;return(null===(n=r.type)||void 0===n?void 0:n.includes("Kudos"))?e.createElement(t,{credential:r}):e.createElement(a,{credential:r})};export{c as VerifiableCredential};
+import*as e from"react";var t=function(t){var a=t.credential;return e.createElement("div",{className:"message-embed"},e.createElement("div",{className:"embed-content"},e.createElement("div",{className:"embed-title description"},"🏆 Kudos to ",e.createElement("a",{href:a.credentialSubject.id},a.credentialSubject.name)),e.createElement("div",{className:"embed-description description"},a.credentialSubject.kudos),e.createElement("div",{className:"embed-footer"},e.createElement("img",{className:"footer-icon",src:a.credentialSubject.authorAvatar,alt:""}),e.createElement("a",{href:a.credentialSubject.authorId},a.credentialSubject.authorName),e.createElement("span",{className:"divider"},"•"),e.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.guildId,"/").concat(a.credentialSubject.channelId,"/").concat(a.id)},a.credentialSubject.channelName),e.createElement("span",{className:"divider"},"•"),e.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.guildId,"/").concat(a.credentialSubject.channelId,"/").concat(a.id)},a.credentialSubject.guildName))),e.createElement("div",{className:"embed-thumbnail"},e.createElement("div",{className:"avatar-large ".concat(a.credentialSubject.avatar&&""!==a.credentialSubject.avatar?"":"hidden")}," ",e.createElement("img",{src:a.credentialSubject.avatar})," ")))},a=function(t){var a=t.credential;return e.createElement("div",{className:"message-embed"},e.createElement("div",{className:"embed-content"},e.createElement("div",{className:"embed-title description"},"🏆 Kudos to ",e.createElement("a",{href:a.credentialSubject.discordUserId},a.credentialSubject.discordUserName)),e.createElement("div",{className:"embed-description description"},a.credentialSubject.kudos),e.createElement("div",{className:"embed-footer"},e.createElement("img",{className:"footer-icon",src:a.credentialSubject.discordAuthorAvatar,alt:""}),e.createElement("a",{href:a.credentialSubject.discordAuthorId},a.credentialSubject.discordAuthorName),e.createElement("span",{className:"divider"},"•"),e.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.discordGuildId,"/").concat(a.credentialSubject.discordChannelId,"/").concat(a.id)},a.credentialSubject.discordChannelName),e.createElement("span",{className:"divider"},"•"),e.createElement("a",{href:"https://discord.com/channels/".concat(a.credentialSubject.discordGuildId,"/").concat(a.credentialSubject.discordChannelId,"/").concat(a.id)},a.credentialSubject.discordGuildName))),e.createElement("div",{className:"embed-thumbnail"},e.createElement("div",{className:"avatar-large ".concat(a.credentialSubject.discordUserAvatar&&""!==a.credentialSubject.discordUserAvatar?"":"hidden")}," ",e.createElement("img",{src:a.credentialSubject.discordUserAvatar})," ")))},c=function(t){var a=t.credential;return e.createElement("div",{className:"message-embed"},e.createElement("div",{className:"embed-content"},e.createElement("div",{className:"embed-title description"},a.type.join(", ")),e.createElement("div",{className:"embed-fields"},Object.entries(a.credentialSubject).map((function(t){var a=t[0],c=t[1];return e.createElement("div",{className:"embed-field",key:a},e.createElement("div",{className:"embed-field-name"},a),e.createElement("div",{className:"embed-field-value"},"object"==typeof c||Array.isArray(c)?JSON.stringify(c):c))})))))},r=function(r){var d,n,i=r.credential;return(null===(d=i.type)||void 0===d?void 0:d.includes("Kudos"))?e.createElement(t,{credential:i}):(null===(n=i.type)||void 0===n?void 0:n.includes("DiscordKudos"))?e.createElement(a,{credential:i}):e.createElement(c,{credential:i})};export{r as VerifiableCredential};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@veramo-community/react-components",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "React components for rendering verifiable credentials and other related data",
@@ -32,8 +32,8 @@ "publishConfig": {
   "devDependencies": {
-    "@babel/core": "^7.20.2",
+    "@babel/core": "^7.21.3",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@mdx-js/react": "^2.1.5",
-    "@rollup/plugin-commonjs": "^23.0.2",
+    "@babel/preset-typescript": "^7.21.0",
+    "@mdx-js/react": "^2.3.0",
+    "@rollup/plugin-commonjs": "^23.0.7",
     "@rollup/plugin-node-resolve": "^15.0.1",
@@ -44,30 +44,31 @@ "@rollup/plugin-terser": "^0.1.0",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/npm": "^9.0.1",
+    "@semantic-release/npm": "^9.0.2",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@storybook/addon-actions": "^6.5.13",
-    "@storybook/addon-essentials": "^6.5.13",
-    "@storybook/addon-interactions": "^6.5.13",
-    "@storybook/addon-links": "^6.5.13",
-    "@storybook/builder-webpack5": "^6.5.13",
-    "@storybook/manager-webpack5": "^6.5.13",
-    "@storybook/react": "^6.5.13",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react": "^6.5.16",
     "@storybook/testing-library": "^0.0.13",
     "@testing-library/react": "^13.4.0",
-    "@types/jest": "^29.2.3",
-    "@types/react": "^18.0.25",
-    "@veramo/core": "^4.1.1",
-    "babel-jest": "^29.3.1",
+    "@types/jest": "^29.4.2",
+    "@types/react": "^18.0.28",
+    "@veramo/core": "^4.3.0",
+    "babel-jest": "^29.5.0",
     "babel-loader": "^8.3.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "postcss": "^8.4.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^3.4.0",
-    "rollup-plugin-dts": "^5.0.0",
+    "rollup": "^3.19.1",
+    "rollup-plugin-dts": "^5.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "^19.0.5",
-    "tslib": "^2.4.1",
-    "typescript": "^4.7.4"
+    "tslib": "^2.5.0",
+    "typescript": "^4.9.5"
   },
@@ -74,0 +75,0 @@ "peerDependencies": {

README.md

@@ -6,3 +6,3 @@ [![Publish npm package and Storybook to gh-pages](https://github.com/veramolabs/react-components/actions/workflows/publish.yml/badge.svg)](https://github.com/veramolabs/react-components/actions/workflows/publish.yml)
 
-These components should implement rendering rules that are being [proposed by the working group at RWOT & IIW](https://github.com/WebOfTrustInfo/rwot11-the-hague/blob/master/draft-documents/rendering-vcs-snapshot-9-27-22.md).
+These components should implement rendering rules that are being [proposed by the working group at RWOT & IIW](https://github.com/WebOfTrustInfo/rwot11-the-hague/blob/master/draft-documents/rendering-vcs-snapshot-9-27-22.md), [Wallet rendering](https://identity.foundation/wallet-rendering/) and other future community efforts to standardise verifiable data rendering.
 
@@ -9,0 +9,0 @@ ### [Storybook](https://veramolabs.github.io/react-components/)

No alert changes

Improved metrics

Total package byte prevSize

29771

increased by38.54%

Number of package files

33

increased by13.79%

Lines of code

465

increased by23.34%

Worsened metrics

Dev dependency count

40

increased by2.56%

No dependency changes