steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 19:44:21 +00:00
Code Activity

🧹 Fix some thingies

Browse source
This commit is contained in:
Steffo 2021-03-23 18:15:30 +01:00
parent 5ae52afed2
commit 3713b3d009
Signed by: steffo
GPG key ID: 6965406171929D01
38 changed files with 383 additions and 247 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

325
package-lock.json generated
View file

@ -1,33 +1,34 @@
{ {
"name": "bluelib", "name": "bluelib",
"version": "1.1.1", "version": "2.1.1",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "bluelib", "name": "bluelib",
"version": "1.1.1", "version": "2.1.1",
"license": "AGPL-3.0-or-later", "license": "AGPL-3.0-or-later",
"dependencies": { "dependencies": {
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@matejmazur/react-katex": "^3.1.3", "@matejmazur/react-katex": "^3.1.3",
"@reach/router": "^1.3.4",
"classnames": "^2.2.6", "classnames": "^2.2.6",
"color": "^3.1.3", "color": "^3.1.3",
"katex": "^0.12.0", "katex": "^0.12.0",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react": "16.x", "react": "^17.0.2",
"react-dom": "^17.0.1", "react-dom": "^17.0.1",
"react-router": "^5.2.0",
"react-router-dom": "^5.2.0",
"react-syntax-highlighter": "^15.4.3", "react-syntax-highlighter": "^15.4.3",
"strip-indent": "^3.0.0" "strip-indent": "^3.0.0"
}, },
"devDependencies": { "devDependencies": {
"nwb": "0.25.x", "nwb": "0.25.x",
"react-styleguidist": "^11.1.5" "react-styleguidist": "^11.1.6"
}, },
"peerDependencies": { "peerDependencies": {
"react": "16.x" "react": "^17.0.2"
} }
}, },
"node_modules/@babel/cli": { "node_modules/@babel/cli": {
@ -1456,17 +1457,6 @@
"integrity": "sha512-cPqjjzuFWNK3BSKLm0abspP0sp/IGOli4p5I5fKFAzdS8fvjdOwDCfZqAaIiXd9lPkOWi3SUUfZof3hEb7J/uw==", "integrity": "sha512-cPqjjzuFWNK3BSKLm0abspP0sp/IGOli4p5I5fKFAzdS8fvjdOwDCfZqAaIiXd9lPkOWi3SUUfZof3hEb7J/uw==",
"dev": true "dev": true
}, },
"node_modules/@reach/router": {
"version": "1.3.4",
"resolved": "https://registry.npmjs.org/@reach/router/-/router-1.3.4.tgz",
"integrity": "sha512-+mtn9wjlB9NN2CNnnC/BRYtwdKBfSyyasPYraNAyvaV1occr/5NnB4CVzjEZipNHwYebQwcndGUmpFzxAUoqSA==",
"dependencies": {
"create-react-context": "0.3.0",
"invariant": "^2.2.3",
"prop-types": "^15.6.1",
"react-lifecycles-compat": "^3.0.4"
}
},
"node_modules/@tippyjs/react": { "node_modules/@tippyjs/react": {
"version": "4.1.0", "version": "4.1.0",
"resolved": "https://registry.npmjs.org/@tippyjs/react/-/react-4.1.0.tgz", "resolved": "https://registry.npmjs.org/@tippyjs/react/-/react-4.1.0.tgz",
@ -4042,15 +4032,6 @@
"sha.js": "^2.4.8" "sha.js": "^2.4.8"
} }
}, },
"node_modules/create-react-context": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.3.0.tgz",
"integrity": "sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==",
"dependencies": {
"gud": "^1.0.0",
"warning": "^4.0.3"
}
},
"node_modules/cross-spawn": { "node_modules/cross-spawn": {
"version": "7.0.2", "version": "7.0.2",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.2.tgz", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.2.tgz",
@ -6510,11 +6491,6 @@
"node": ">=4.x" "node": ">=4.x"
} }
}, },
"node_modules/gud": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz",
"integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw=="
},
"node_modules/gzip-size": { "node_modules/gzip-size": {
"version": "5.1.1", "version": "5.1.1",
"resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz",
@ -6758,6 +6734,19 @@
"node": "*" "node": "*"
} }
}, },
"node_modules/history": {
"version": "4.10.1",
"resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
"integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
"dependencies": {
"@babel/runtime": "^7.1.2",
"loose-envify": "^1.2.0",
"resolve-pathname": "^3.0.0",
"tiny-invariant": "^1.0.2",
"tiny-warning": "^1.0.0",
"value-equal": "^1.0.1"
}
},
"node_modules/hmac-drbg": { "node_modules/hmac-drbg": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@ -6769,6 +6758,14 @@
"minimalistic-crypto-utils": "^1.0.1" "minimalistic-crypto-utils": "^1.0.1"
} }
}, },
"node_modules/hoist-non-react-statics": {
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
"dependencies": {
"react-is": "^16.7.0"
}
},
"node_modules/hpack.js": { "node_modules/hpack.js": {
"version": "2.1.6", "version": "2.1.6",
"resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz", "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
@ -7298,6 +7295,7 @@
"version": "2.2.4", "version": "2.2.4",
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
"dev": true,
"dependencies": { "dependencies": {
"loose-envify": "^1.0.0" "loose-envify": "^1.0.0"
} }
@ -9143,6 +9141,19 @@
"node": ">=4" "node": ">=4"
} }
}, },
"node_modules/mini-create-react-context": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz",
"integrity": "sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==",
"dependencies": {
"@babel/runtime": "^7.12.1",
"tiny-warning": "^1.0.3"
},
"peerDependencies": {
"prop-types": "^15.0.0",
"react": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
}
},
"node_modules/mini-css-extract-plugin": { "node_modules/mini-css-extract-plugin": {
"version": "0.9.0", "version": "0.9.0",
"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz", "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz",
@ -12211,14 +12222,13 @@
} }
}, },
"node_modules/react": { "node_modules/react": {
"version": "16.14.0", "version": "17.0.2",
"resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz", "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
"integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==", "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
"peer": true, "peer": true,
"dependencies": { "dependencies": {
"loose-envify": "^1.1.0", "loose-envify": "^1.1.0",
"object-assign": "^4.1.1", "object-assign": "^4.1.1"
"prop-types": "^15.6.2"
}, },
"engines": { "engines": {
"node": ">=0.10.0" "node": ">=0.10.0"
@ -12599,11 +12609,6 @@
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
}, },
"node_modules/react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
"integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
},
"node_modules/react-refresh": { "node_modules/react-refresh": {
"version": "0.8.2", "version": "0.8.2",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.2.tgz", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.2.tgz",
@ -12613,6 +12618,56 @@
"node": ">=0.10.0" "node": ">=0.10.0"
} }
}, },
"node_modules/react-router": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz",
"integrity": "sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==",
"dependencies": {
"@babel/runtime": "^7.1.2",
"history": "^4.9.0",
"hoist-non-react-statics": "^3.1.0",
"loose-envify": "^1.3.1",
"mini-create-react-context": "^0.4.0",
"path-to-regexp": "^1.7.0",
"prop-types": "^15.6.2",
"react-is": "^16.6.0",
"tiny-invariant": "^1.0.2",
"tiny-warning": "^1.0.0"
},
"peerDependencies": {
"react": ">=15"
}
},
"node_modules/react-router-dom": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.2.0.tgz",
"integrity": "sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==",
"dependencies": {
"@babel/runtime": "^7.1.2",
"history": "^4.9.0",
"loose-envify": "^1.3.1",
"prop-types": "^15.6.2",
"react-router": "5.2.0",
"tiny-invariant": "^1.0.2",
"tiny-warning": "^1.0.0"
},
"peerDependencies": {
"react": ">=15"
}
},
"node_modules/react-router/node_modules/isarray": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
"integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
},
"node_modules/react-router/node_modules/path-to-regexp": {
"version": "1.8.0",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
"integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
"dependencies": {
"isarray": "0.0.1"
}
},
"node_modules/react-simple-code-editor": { "node_modules/react-simple-code-editor": {
"version": "0.10.0", "version": "0.10.0",
"resolved": "https://registry.npmjs.org/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz", "resolved": "https://registry.npmjs.org/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz",
@ -12620,9 +12675,9 @@
"dev": true "dev": true
}, },
"node_modules/react-styleguidist": { "node_modules/react-styleguidist": {
"version": "11.1.5", "version": "11.1.6",
"resolved": "https://registry.npmjs.org/react-styleguidist/-/react-styleguidist-11.1.5.tgz", "resolved": "https://registry.npmjs.org/react-styleguidist/-/react-styleguidist-11.1.6.tgz",
"integrity": "sha512-19svre3SvBfhiVWuZoKHUmiodW5IZcXSr1JgalGgWrOy0JXOQOR3d3iFH7WMKzUWqi2JK4CJ17LTGqpjCXQb5w==", "integrity": "sha512-ZO4tS8/cPwpabz5S3kZ6hRFcvdgsJwWnus6MC23BiNXCpTvoiRlnF8C90gry63acgVqeaZZb35+P/MZ4AVRdUg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@tippyjs/react": "4.1.0", "@tippyjs/react": "4.1.0",
@ -12694,6 +12749,14 @@
}, },
"engines": { "engines": {
"node": ">=10" "node": ">=10"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/styleguidist"
},
"peerDependencies": {
"react": ">=16.8",
"react-dom": ">=16.8"
} }
}, },
"node_modules/react-styleguidist/node_modules/commander": { "node_modules/react-styleguidist/node_modules/commander": {
@ -13332,6 +13395,11 @@
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/resolve-pathname": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
"integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
},
"node_modules/resolve-url": { "node_modules/resolve-url": {
"version": "0.2.1", "version": "0.2.1",
"resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@ -14969,11 +15037,15 @@
"integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==", "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
"optional": true "optional": true
}, },
"node_modules/tiny-invariant": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz",
"integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw=="
},
"node_modules/tiny-warning": { "node_modules/tiny-warning": {
"version": "1.0.3", "version": "1.0.3",
"resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
"integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==", "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
"dev": true
}, },
"node_modules/tippy.js": { "node_modules/tippy.js": {
"version": "6.2.7", "version": "6.2.7",
@ -15586,6 +15658,11 @@
"uuid": "bin/uuid" "uuid": "bin/uuid"
} }
}, },
"node_modules/value-equal": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
"integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
},
"node_modules/vary": { "node_modules/vary": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@ -15661,14 +15738,6 @@
"node": ">=0.10.0" "node": ">=0.10.0"
} }
}, },
"node_modules/warning": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
"integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
"dependencies": {
"loose-envify": "^1.0.0"
}
},
"node_modules/watchpack": { "node_modules/watchpack": {
"version": "1.7.5", "version": "1.7.5",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
@ -18161,17 +18230,6 @@
"integrity": "sha512-cPqjjzuFWNK3BSKLm0abspP0sp/IGOli4p5I5fKFAzdS8fvjdOwDCfZqAaIiXd9lPkOWi3SUUfZof3hEb7J/uw==", "integrity": "sha512-cPqjjzuFWNK3BSKLm0abspP0sp/IGOli4p5I5fKFAzdS8fvjdOwDCfZqAaIiXd9lPkOWi3SUUfZof3hEb7J/uw==",
"dev": true "dev": true
}, },
"@reach/router": {
"version": "1.3.4",
"resolved": "https://registry.npmjs.org/@reach/router/-/router-1.3.4.tgz",
"integrity": "sha512-+mtn9wjlB9NN2CNnnC/BRYtwdKBfSyyasPYraNAyvaV1occr/5NnB4CVzjEZipNHwYebQwcndGUmpFzxAUoqSA==",
"requires": {
"create-react-context": "0.3.0",
"invariant": "^2.2.3",
"prop-types": "^15.6.1",
"react-lifecycles-compat": "^3.0.4"
}
},
"@tippyjs/react": { "@tippyjs/react": {
"version": "4.1.0", "version": "4.1.0",
"resolved": "https://registry.npmjs.org/@tippyjs/react/-/react-4.1.0.tgz", "resolved": "https://registry.npmjs.org/@tippyjs/react/-/react-4.1.0.tgz",
@ -20446,15 +20504,6 @@
"sha.js": "^2.4.8" "sha.js": "^2.4.8"
} }
}, },
"create-react-context": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.3.0.tgz",
"integrity": "sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==",
"requires": {
"gud": "^1.0.0",
"warning": "^4.0.3"
}
},
"cross-spawn": { "cross-spawn": {
"version": "7.0.2", "version": "7.0.2",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.2.tgz", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.2.tgz",
@ -22546,11 +22595,6 @@
"integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==", "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==",
"dev": true "dev": true
}, },
"gud": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz",
"integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw=="
},
"gzip-size": { "gzip-size": {
"version": "5.1.1", "version": "5.1.1",
"resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz",
@ -22755,6 +22799,19 @@
"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.5.0.tgz", "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.5.0.tgz",
"integrity": "sha512-xTmvd9HiIHR6L53TMC7TKolEj65zG1XU+Onr8oi86mYa+nLcIbxTTWkpW7CsEwv/vK7u1zb8alZIMLDqqN6KTw==" "integrity": "sha512-xTmvd9HiIHR6L53TMC7TKolEj65zG1XU+Onr8oi86mYa+nLcIbxTTWkpW7CsEwv/vK7u1zb8alZIMLDqqN6KTw=="
}, },
"history": {
"version": "4.10.1",
"resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
"integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
"requires": {
"@babel/runtime": "^7.1.2",
"loose-envify": "^1.2.0",
"resolve-pathname": "^3.0.0",
"tiny-invariant": "^1.0.2",
"tiny-warning": "^1.0.0",
"value-equal": "^1.0.1"
}
},
"hmac-drbg": { "hmac-drbg": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@ -22766,6 +22823,14 @@
"minimalistic-crypto-utils": "^1.0.1" "minimalistic-crypto-utils": "^1.0.1"
} }
}, },
"hoist-non-react-statics": {
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
"requires": {
"react-is": "^16.7.0"
}
},
"hpack.js": { "hpack.js": {
"version": "2.1.6", "version": "2.1.6",
"resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz", "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
@ -23212,6 +23277,7 @@
"version": "2.2.4", "version": "2.2.4",
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
"dev": true,
"requires": { "requires": {
"loose-envify": "^1.0.0" "loose-envify": "^1.0.0"
} }
@ -24725,6 +24791,15 @@
"resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
"integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==" "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg=="
}, },
"mini-create-react-context": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz",
"integrity": "sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==",
"requires": {
"@babel/runtime": "^7.12.1",
"tiny-warning": "^1.0.3"
}
},
"mini-css-extract-plugin": { "mini-css-extract-plugin": {
"version": "0.9.0", "version": "0.9.0",
"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz", "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz",
@ -27343,14 +27418,13 @@
} }
}, },
"react": { "react": {
"version": "16.14.0", "version": "17.0.2",
"resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz", "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
"integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==", "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
"peer": true, "peer": true,
"requires": { "requires": {
"loose-envify": "^1.1.0", "loose-envify": "^1.1.0",
"object-assign": "^4.1.1", "object-assign": "^4.1.1"
"prop-types": "^15.6.2"
} }
}, },
"react-dev-utils": { "react-dev-utils": {
@ -27652,17 +27726,58 @@
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
}, },
"react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
"integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
},
"react-refresh": { "react-refresh": {
"version": "0.8.2", "version": "0.8.2",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.2.tgz", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.2.tgz",
"integrity": "sha512-n8GXxo3DwM2KtFEL69DAVhGc4A1THn2qjmfvSo3nze0NLCoPbywazeJPqdp0RdSGLmyhQzeyA+XPXOobbYlkzg==", "integrity": "sha512-n8GXxo3DwM2KtFEL69DAVhGc4A1THn2qjmfvSo3nze0NLCoPbywazeJPqdp0RdSGLmyhQzeyA+XPXOobbYlkzg==",
"dev": true "dev": true
}, },
"react-router": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz",
"integrity": "sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==",
"requires": {
"@babel/runtime": "^7.1.2",
"history": "^4.9.0",
"hoist-non-react-statics": "^3.1.0",
"loose-envify": "^1.3.1",
"mini-create-react-context": "^0.4.0",
"path-to-regexp": "^1.7.0",
"prop-types": "^15.6.2",
"react-is": "^16.6.0",
"tiny-invariant": "^1.0.2",
"tiny-warning": "^1.0.0"
},
"dependencies": {
"isarray": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
"integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
},
"path-to-regexp": {
"version": "1.8.0",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
"integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
"requires": {
"isarray": "0.0.1"
}
}
}
},
"react-router-dom": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.2.0.tgz",
"integrity": "sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==",
"requires": {
"@babel/runtime": "^7.1.2",
"history": "^4.9.0",
"loose-envify": "^1.3.1",
"prop-types": "^15.6.2",
"react-router": "5.2.0",
"tiny-invariant": "^1.0.2",
"tiny-warning": "^1.0.0"
}
},
"react-simple-code-editor": { "react-simple-code-editor": {
"version": "0.10.0", "version": "0.10.0",
"resolved": "https://registry.npmjs.org/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz", "resolved": "https://registry.npmjs.org/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz",
@ -27670,9 +27785,9 @@
"dev": true "dev": true
}, },
"react-styleguidist": { "react-styleguidist": {
"version": "11.1.5", "version": "11.1.6",
"resolved": "https://registry.npmjs.org/react-styleguidist/-/react-styleguidist-11.1.5.tgz", "resolved": "https://registry.npmjs.org/react-styleguidist/-/react-styleguidist-11.1.6.tgz",
"integrity": "sha512-19svre3SvBfhiVWuZoKHUmiodW5IZcXSr1JgalGgWrOy0JXOQOR3d3iFH7WMKzUWqi2JK4CJ17LTGqpjCXQb5w==", "integrity": "sha512-ZO4tS8/cPwpabz5S3kZ6hRFcvdgsJwWnus6MC23BiNXCpTvoiRlnF8C90gry63acgVqeaZZb35+P/MZ4AVRdUg==",
"dev": true, "dev": true,
"requires": { "requires": {
"@tippyjs/react": "4.1.0", "@tippyjs/react": "4.1.0",
@ -28273,6 +28388,11 @@
"integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
"dev": true "dev": true
}, },
"resolve-pathname": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
"integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
},
"resolve-url": { "resolve-url": {
"version": "0.2.1", "version": "0.2.1",
"resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@ -29694,11 +29814,15 @@
"integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==", "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
"optional": true "optional": true
}, },
"tiny-invariant": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz",
"integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw=="
},
"tiny-warning": { "tiny-warning": {
"version": "1.0.3", "version": "1.0.3",
"resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
"integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==", "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
"dev": true
}, },
"tippy.js": { "tippy.js": {
"version": "6.2.7", "version": "6.2.7",
@ -30217,6 +30341,11 @@
"integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==", "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
"dev": true "dev": true
}, },
"value-equal": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
"integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
},
"vary": { "vary": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@ -30282,14 +30411,6 @@
"integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=", "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=",
"dev": true "dev": true
}, },
"warning": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
"integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
"requires": {
"loose-envify": "^1.0.0"
}
},
"watchpack": { "watchpack": {
"version": "1.7.5", "version": "1.7.5",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",

9
package.json
View file

@ -20,22 +20,23 @@
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@matejmazur/react-katex": "^3.1.3", "@matejmazur/react-katex": "^3.1.3",
"@reach/router": "^1.3.4",
"classnames": "^2.2.6", "classnames": "^2.2.6",
"color": "^3.1.3", "color": "^3.1.3",
"katex": "^0.12.0", "katex": "^0.12.0",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react": "16.x", "react": "^17.0.2",
"react-dom": "^17.0.1", "react-dom": "^17.0.1",
"react-router": "^5.2.0",
"react-router-dom": "^5.2.0",
"react-syntax-highlighter": "^15.4.3", "react-syntax-highlighter": "^15.4.3",
"strip-indent": "^3.0.0" "strip-indent": "^3.0.0"
}, },
"peerDependencies": { "peerDependencies": {
"react": "16.x" "react": "^17.0.2"
}, },
"devDependencies": { "devDependencies": {
"nwb": "0.25.x", "nwb": "0.25.x",
"react-styleguidist": "^11.1.5" "react-styleguidist": "^11.1.6"
}, },
"author": "Stefano Pigozzi <me@steffo.eu>", "author": "Stefano Pigozzi <me@steffo.eu>",
"license": "AGPL-3.0-or-later", "license": "AGPL-3.0-or-later",

6
src/components/Align/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
export default function Align({children, className, value, ...props}) { export default function Align({children, className, value, ...props}) {

6
src/components/Anchor/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Anchor({children, className, href, ...props}) { export default function Anchor({children, className, href, ...props}) {

6
src/components/Aside/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Aside({children, className, ...props}) { export default function Aside({children, className, ...props}) {

2
src/components/BaseLink/Readme.md
View file

@ -1,3 +1,3 @@
A router-aware version of [`<Anchor>`](#anchor). It becomes bold if the current location matches its `href` property, A router-aware version of [`<Anchor>`](#anchor). It becomes bold if the current location matches its `href` property,
and can be disabled with the `disabled` prop. and can be disabled with the `disabled` prop.

21
src/components/BaseLink/index.js
View file

@ -1,14 +1,17 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
import { Link, useMatch } from "@reach/router" import {Link, useRouteMatch} from "react-router-dom"
export default function BaseLink({children, className, href, disabled, ...props}) { export default function BaseLink({children, className, href, disabled, ...props}) {
const locationMatch = useMatch(href); const locationMatch = useRouteMatch(href)
const activeClassNames = useBluelibClassNames("style-bold", className); const activeClassNames = useBluelibClassNames("style-bold", className)
if(locationMatch) { const disabledClassNames = useBluelibClassNames("element-anchor status-disabled", className)
const enabledClassNames = useBluelibClassNames("element-anchor", className)
if (locationMatch) {
return ( return (
<span className={activeClassNames} {...props}> <span className={activeClassNames} {...props}>
{children} {children}
@ -16,8 +19,7 @@ export default function BaseLink({children, className, href, disabled, ...props}
) )
} }
const disabledClassNames = useBluelibClassNames("element-anchor status-disabled", className); if (disabled) {
if(disabled) {
return ( return (
<span className={disabledClassNames} {...props}> <span className={disabledClassNames} {...props}>
{children} {children}
@ -25,7 +27,6 @@ export default function BaseLink({children, className, href, disabled, ...props}
) )
} }
const enabledClassNames = useBluelibClassNames("element-anchor", className)
return ( return (
<Link to={href} className={enabledClassNames} {...props}> <Link to={href} className={enabledClassNames} {...props}>
{children} {children}

6
src/components/Blockquote/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Blockquote({children, className, ...props}) { export default function Blockquote({children, className, ...props}) {

6
src/components/Bluelib/BluelibContainer/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function BluelibContainer({children, className}) { export default function BluelibContainer({children, className}) {

1
src/components/Bluelib/BluelibProvider/Readme.md
View file

@ -3,4 +3,5 @@ A provider for the `ContextBluelibSkin` context.
A skin can be selected by passing either a CSS module or a string to the `skin` prop. A skin can be selected by passing either a CSS module or a string to the `skin` prop.
Valid strings are: Valid strings are:
- `"rygblue"` - `"rygblue"`

12
src/components/Bluelib/BluelibProvider/index.js
View file

@ -1,9 +1,9 @@
import React from "react"; import React from "react"
import skinRygblue from "../../../bluelib/src/targets/rygblue.module.css"; import skinRygblue from "../../../bluelib/src/targets/rygblue.module.css"
import ContextBluelibSkin from "../../../contexts/ContextBluelibSkin"; import ContextBluelibSkin from "../../../contexts/ContextBluelibSkin"
import isString from "../../../utils/isString"; import isString from "../../../utils/isString"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
const builtinSkins = { const builtinSkins = {
@ -13,7 +13,7 @@ const builtinSkins = {
export default function BluelibProvider({skin, children}) { export default function BluelibProvider({skin, children}) {
// If the skin is a string, try to get the corresponding builtin skin // If the skin is a string, try to get the corresponding builtin skin
if(isString(skin)) { if (isString(skin)) {
skin = builtinSkins[skin] skin = builtinSkins[skin]
} }

3
src/components/Bluelib/Readme.md
View file

@ -1,4 +1,4 @@
The main component for Bluelib, composed by a [`<BluelibContainer>`](#bluelibcontainer) and a The main component for Bluelib, composed by a [`<BluelibContainer>`](#bluelibcontainer) and a
[`<BluelibProvider>`](#bluelibprovider). [`<BluelibProvider>`](#bluelibprovider).
**Bluelib components won't work unless they're inside a `<Bluelib>` component!** **Bluelib components won't work unless they're inside a `<Bluelib>` component!**
@ -6,6 +6,7 @@ The main component for Bluelib, composed by a [`<BluelibContainer>`](#bluelibcon
A skin can be selected by passing either a CSS module or a string to the `skin` prop. A skin can be selected by passing either a CSS module or a string to the `skin` prop.
Valid strings are: Valid strings are:
- `"rygblue"` - `"rygblue"`
```jsx ```jsx

8
src/components/Bluelib/index.js
View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react"
import BluelibProvider from "./BluelibProvider"; import BluelibProvider from "./BluelibProvider"
import BluelibContainer from "./BluelibContainer"; import BluelibContainer from "./BluelibContainer"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Bluelib({className, children, skin}) { export default function Bluelib({className, children, skin}) {

6
src/components/Bold/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Bold({children, className, ...props}) { export default function Bold({children, className, ...props}) {

6
src/components/Box/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Box({children, className, ...props}) { export default function Box({children, className, ...props}) {

11
src/components/Button/index.js
View file

@ -5,7 +5,16 @@ import classNames from "classnames"
export default function Button({children, className, disabled, ...props}) { export default function Button({children, className, disabled, ...props}) {
return ( return (
<button className={useBluelibClassNames(classNames("button", disabled ? "status-disabled" : "status-clickable"), className)} {...props}> <button
className={useBluelibClassNames(
classNames(
"button",
disabled ? "status-disabled" : "status-clickable"
),
className
)}
{...props}
>
{children} {children}
</button> </button>
) )

14
src/components/Code/index.js
View file

@ -1,13 +1,13 @@
import React, {useContext} from "react"; import React, {useContext} from "react"
import SyntaxHighlighter from "react-syntax-highlighter"; import SyntaxHighlighter from "react-syntax-highlighter"
import ContextCodeLanguage from "../../contexts/ContextCodeLanguage"; import ContextCodeLanguage from "../../contexts/ContextCodeLanguage"
import ContextCodeSkin from "../../contexts/ContextCodeSkin"; import ContextCodeSkin from "../../contexts/ContextCodeSkin"
import stripIndent from "strip-indent"; import stripIndent from "strip-indent"
export default function Code({children, style, language, skin, ...props}) { export default function Code({children, style, language, skin, ...props}) {
let ctxLanguage = useContext(ContextCodeLanguage); let ctxLanguage = useContext(ContextCodeLanguage)
let ctxSkin = useContext(ContextCodeSkin); let ctxSkin = useContext(ContextCodeSkin)
return ( return (
<SyntaxHighlighter <SyntaxHighlighter

3
src/components/Color/Readme.md
View file

@ -1,8 +1,9 @@
Change the **bluelib color** of the contained elements. Change the **bluelib color** of the contained elements.
The color can chosen through either the `builtin` prop or the `custom` prop. The color can chosen through either the `builtin` prop or the `custom` prop.
By using the `builtin` prop, the color will automatically adapt itself to the theme. Possible builtin colors are: By using the `builtin` prop, the color will automatically adapt itself to the theme. Possible builtin colors are:
- `"red"` - `"red"`
- `"orange"` - `"orange"`
- `"yellow"` - `"yellow"`

20
src/components/Color/index.js
View file

@ -1,6 +1,6 @@
import React, {Fragment} from "react" import React, {Fragment} from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
import classNames from "classnames" import classNames from "classnames"
import color from "color" import color from "color"
@ -8,27 +8,27 @@ import color from "color"
export default function Color({children, builtin, custom}) { export default function Color({children, builtin, custom}) {
const potentialClassName = useBluelibClassNames(`color-${builtin}`) const potentialClassName = useBluelibClassNames(`color-${builtin}`)
if(builtin && custom) { if (builtin && custom) {
throw new Error("<Color> tags may only have one prop between `builtin` and `custom`.") throw new Error("<Color> tags may only have one prop between `builtin` and `custom`.")
} }
let extraClassName = ""; let extraClassName = ""
let extraStyle = {}; let extraStyle = {}
if(builtin !== undefined) { if (builtin !== undefined) {
extraClassName = potentialClassName extraClassName = potentialClassName
} }
if(custom !== undefined) { if (custom !== undefined) {
let c = color(custom); let c = color(custom)
extraStyle["--bluelib-color-r"] = c.red() extraStyle["--bluelib-color-r"] = c.red()
extraStyle["--bluelib-color-g"] = c.green() extraStyle["--bluelib-color-g"] = c.green()
extraStyle["--bluelib-color-b"] = c.blue() extraStyle["--bluelib-color-b"] = c.blue()
} }
children = React.Children.map(children, child => { children = React.Children.map(children, child => {
if(!child.props) { if (!child.props) {
return child; return child
} }
return React.cloneElement(child, { return React.cloneElement(child, {
className: classNames(child.props.className, extraClassName), className: classNames(child.props.className, extraClassName),

6
src/components/Help/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Help({children, className, text, ...props}) { export default function Help({children, className, text, ...props}) {

6
src/components/Italic/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Italic({children, className, ...props}) { export default function Italic({children, className, ...props}) {

8
src/components/LatexMath/index.js
View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react"
import "katex/dist/katex.css"; import "katex/dist/katex.css"
import TeX from '@matejmazur/react-katex'; import TeX from '@matejmazur/react-katex'
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function LatexMath({children, block, ...props}) { export default function LatexMath({children, block, ...props}) {

6
src/components/ListItem/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function ListItem({children, className, ...props}) { export default function ListItem({children, className, ...props}) {

6
src/components/Main/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Main({children, className, ...props}) { export default function Main({children, className, ...props}) {

6
src/components/Paragraph/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Paragraph({children, className, ...props}) { export default function Paragraph({children, className, ...props}) {

6
src/components/Separator/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Separator({className, ...props}) { export default function Separator({className, ...props}) {

1
src/components/Size/Readme.md
View file

@ -1,6 +1,7 @@
Change the **size** of the contained text. Change the **size** of the contained text.
The size can be configured with the `value` prop: The size can be configured with the `value` prop:
- `xxl` - `xxl`
- `xl` - `xl`
- `l` - `l`

6
src/components/Size/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Size({children, className, value, ...props}) { export default function Size({children, className, value, ...props}) {

2
src/components/Split/Readme.md
View file

@ -1,4 +1,4 @@
A **panel** which splits horizontally the contained panels into multiple columns of the same size (if possible). A **panel** which splits horizontally the contained panels into multiple columns of the same size (if possible).
```jsx ```jsx
import Bluelib from "../Bluelib"; import Bluelib from "../Bluelib";

6
src/components/Split/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Split({children, className, ...props}) { export default function Split({children, className, ...props}) {

6
src/components/Spoiler/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Spoiler({children, className, ...props}) { export default function Spoiler({children, className, ...props}) {

6
src/components/Strike/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Strike({children, className, ...props}) { export default function Strike({children, className, ...props}) {

1
src/components/Title/Readme.md
View file

@ -1,6 +1,7 @@
Format the text like a **title**, changing its font and centering it. Format the text like a **title**, changing its font and centering it.
The size can be configured with the `size` prop: The size can be configured with the `size` prop:
- `xxl` - `xxl`
- `xl` (equivalent to `<h1>` and `<h2>`) - `xl` (equivalent to `<h1>` and `<h2>`)
- `l` (equivalent to `<h3>`) - `l` (equivalent to `<h3>`)

6
src/components/Title/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Title({children, className, size, ...props}) { export default function Title({children, className, size, ...props}) {

6
src/components/Underline/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"; import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
export default function Underline({children, className, ...props}) { export default function Underline({children, className, ...props}) {

17
src/components/VisualErrorBoundary/index.js
View file

@ -1,25 +1,24 @@
import React from "react"; import React from "react"
import VisualLog from "../VisualLog"; import VisualLog from "../VisualLog"
export default class VisualErrorBoundary extends React.Component { export default class VisualErrorBoundary extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props)
this.state = {"error": null, "errorInfo": null}; this.state = {"error": null, "errorInfo": null}
} }
componentDidCatch(error, errorInfo) { componentDidCatch(error, errorInfo) {
this.setState({"error": error, "errorInfo": errorInfo}); this.setState({"error": error, "errorInfo": errorInfo})
} }
render() { render() {
if(this.state.error) { if (this.state.error) {
return ( return (
<VisualLog level={"error"}>{this.state.error.toString()}</VisualLog> <VisualLog level={"error"}>{this.state.error.toString()}</VisualLog>
) )
} } else {
else { return this.props.children
return this.props.children;
} }
} }
} }

6
src/components/VisualLog/index.js
View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react"
import Color from "../Color"; import Color from "../Color"
import PropTypes from "prop-types"; import PropTypes from "prop-types"
const COLORS = { const COLORS = {

52
src/components/index.js
View file

@ -1,27 +1,27 @@
export {default as Align} from "./Align"; export {default as Align} from "./Align"
export {default as Anchor} from "./Anchor"; export {default as Anchor} from "./Anchor"
export {default as Aside} from "./Aside"; export {default as Aside} from "./Aside"
export {default as Blockquote} from "./Blockquote"; export {default as Blockquote} from "./Blockquote"
export {default as Bluelib} from "./Bluelib"; export {default as Bluelib} from "./Bluelib"
export {default as Bold} from "./Bold"; export {default as Bold} from "./Bold"
export {default as Box} from "./Box"; export {default as Box} from "./Box"
export {default as Code} from "./Code"; export {default as Code} from "./Code"
export {default as Color} from "./Color"; export {default as Color} from "./Color"
export {default as Help} from "./Help"; export {default as Help} from "./Help"
export {default as Italic} from "./Italic"; export {default as Italic} from "./Italic"
// export {default as LatexMath} from "./LatexMath"; // Do not export this, it should use dynamic load if imported // export {default as LatexMath} from "./LatexMath"; // Do not export this, it should use dynamic load if imported
export {default as ListItem} from "./ListItem"; export {default as ListItem} from "./ListItem"
export {default as Main} from "./Main"; export {default as Main} from "./Main"
export {default as Paragraph} from "./Paragraph"; export {default as Paragraph} from "./Paragraph"
export {default as Separator} from "./Separator"; export {default as Separator} from "./Separator"
export {default as Size} from "./Size"; export {default as Size} from "./Size"
export {default as Split} from "./Split"; export {default as Split} from "./Split"
export {default as Spoiler} from "./Spoiler"; export {default as Spoiler} from "./Spoiler"
export {default as Strike} from "./Strike"; export {default as Strike} from "./Strike"
export {default as Title} from "./Title"; export {default as Title} from "./Title"
export {default as Underline} from "./Underline"; export {default as Underline} from "./Underline"
export {default as BaseLink} from "./BaseLink"; export {default as BaseLink} from "./BaseLink"
export {default as VisualErrorBoundary} from "./VisualErrorBoundary"; export {default as VisualErrorBoundary} from "./VisualErrorBoundary"
export {default as VisualLog} from "./VisualLog"; export {default as VisualLog} from "./VisualLog"
export {default as Button} from "./Button"; export {default as Button} from "./Button"
export {default as ButtonToggle} from "./ButtonToggle"; export {default as ButtonToggle} from "./ButtonToggle"