git.iko.soy/bridge
on master help sign in
ui: use latest sigil-js
059ed84Fang
package-lock.json+10
compare with master
unifiedsplit
@@ -1815,6 +1815,16 @@
1815 "loader-utils": "^1.1.0"
1815 "loader-utils": "^1.1.0"
1816 }
1816 }
1817 },
1817 },
1818+ "@tlon/sigil-js": {
1819+ "version": "1.4.1",
1820+ "resolved": "https://registry.npmjs.org/@tlon/sigil-js/-/sigil-js-1.4.1.tgz",
1821+ "integrity": "sha512-+ajy1lqChGzpFzYE03IhSBmn+IugcgjSVhMurWN6CUb50Wc4z7epPpNk2xFvyfY5BilQlgtxDvMpIcNS54Iw2Q==",
1822+ "requires": {
1823+ "invariant": "^2.2.4",
1824+ "svgson": "^4.0.0",
1825+ "transformation-matrix": "2.1.1"
1826+ }
1827+ },
1818 "@types/babel__core": {
1828 "@types/babel__core": {
1819 "version": "7.1.9",
1829 "version": "7.1.9",
1820 "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.9.tgz",
1830 "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.9.tgz",
package.json+1−1
@@ -18,6 +18,7 @@
18 "@hot-loader/react-dom": "^16.8.6",
18 "@hot-loader/react-dom": "^16.8.6",
19 "@ledgerhq/hw-app-eth": "^5.5.0",
19 "@ledgerhq/hw-app-eth": "^5.5.0",
20 "@ledgerhq/hw-transport-u2f": "^5.5.0",
20 "@ledgerhq/hw-transport-u2f": "^5.5.0",
21+ "@tlon/sigil-js": "^1.4.1",
21 "@welldone-software/why-did-you-render": "^3.2.3",
22 "@welldone-software/why-did-you-render": "^3.2.3",
22 "async-retry": "^1.2.3",
23 "async-retry": "^1.2.3",
23 "azimuth-js": "^0.19.0",
24 "azimuth-js": "^0.19.0",
@@ -54,7 +55,6 @@
54 "urbit-key-generation": "^0.17.4",
55 "urbit-key-generation": "^0.17.4",
55 "urbit-ob": "^4.1.4",
56 "urbit-ob": "^4.1.4",
56 "urbit-paper-renderer": "^2.0.9",
57 "urbit-paper-renderer": "^2.0.9",
57− "urbit-sigil-js": "^1.3.5",
58 "web3": "1.0.0-beta.54",
58 "web3": "1.0.0-beta.54",
59 "web3-utils": "^1.0.0-beta.52"
59 "web3-utils": "^1.0.0-beta.52"
60 },
60 },
src/components/Sigil.js+2−2
@@ -1,4 +1,4 @@
1−import { sigil, reactRenderer } from 'urbit-sigil-js';
1+import { sigil, reactRenderer } from '@tlon/sigil-js';
2
2
3export default function Sigil({ patp, size, colors, ...rest }) {
3export default function Sigil({ patp, size, colors, ...rest }) {
4 return sigil({
4 return sigil({
@@ -6,7 +6,7 @@ export default function Sigil({ patp, size, colors, ...rest }) {
6 renderer: reactRenderer,
6 renderer: reactRenderer,
7 style: { width: '100%', height: '100%' }, // NOTE: scale to container
7 style: { width: '100%', height: '100%' }, // NOTE: scale to container
8 size,
8 size,
9− margin: size / 8,
9+ margin: true,
10 colors,
10 colors,
11 ...rest,
11 ...rest,
12 });
12 });