From 9cc09f5123fef6e6ce6946ead07c5c77da10d5c9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jon=C3=A1=C5=A1=20Nobile?= Date: Sun, 25 Jun 2023 12:47:44 +0200 Subject: [PATCH 1/3] fix: main wrapper width --- src/index.sass | 1 + 1 file changed, 1 insertion(+) diff --git a/src/index.sass b/src/index.sass index 9593cab..93e5c09 100644 --- a/src/index.sass +++ b/src/index.sass @@ -131,6 +131,7 @@ html .main-wrapper align-self: center max-width: 1400px + width: 100% .navbar border-bottom: 1px solid var(--ifm-toc-border-color) From 8d9bdeb29e26bcdd38cb35d3b5ab0a0b4dd22097 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jon=C3=A1=C5=A1=20Nobile?= Date: Sun, 25 Jun 2023 13:31:52 +0200 Subject: [PATCH 2/3] feat: switch to css --- docusaurus.config.js | 4 +- package-lock.json | 273 ++++++++++--------------- package.json | 7 +- src/apiDoc/style.css | 70 +++++++ src/apiDoc/style.sass | 62 ------ src/index.css | 221 ++++++++++++++++++++ src/index.sass | 169 --------------- src/styles/liveCode.css | 41 ++++ src/styles/liveCode.sass | 34 --- src/theming/Components/ColorInput.css | 69 +++++++ src/theming/Components/ColorInput.sass | 56 ----- src/theming/Components/Generator.css | 31 +++ src/theming/Components/Generator.sass | 28 --- src/theming/Components/Scale.css | 63 ++++++ src/theming/Components/Scale.sass | 49 ----- src/theming/Components/Swatch.css | 10 + src/theming/Components/Swatch.sass | 10 - src/theming/Components/index.css | 20 ++ src/theming/Components/index.sass | 11 - 19 files changed, 638 insertions(+), 590 deletions(-) create mode 100644 src/apiDoc/style.css delete mode 100644 src/apiDoc/style.sass create mode 100644 src/index.css delete mode 100644 src/index.sass create mode 100644 src/styles/liveCode.css delete mode 100644 src/styles/liveCode.sass create mode 100644 src/theming/Components/ColorInput.css delete mode 100644 src/theming/Components/ColorInput.sass create mode 100644 src/theming/Components/Generator.css delete mode 100644 src/theming/Components/Generator.sass create mode 100644 src/theming/Components/Scale.css delete mode 100644 src/theming/Components/Scale.sass create mode 100644 src/theming/Components/Swatch.css delete mode 100644 src/theming/Components/Swatch.sass create mode 100644 src/theming/Components/index.css delete mode 100644 src/theming/Components/index.sass diff --git a/docusaurus.config.js b/docusaurus.config.js index b35e02d..87f37c0 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -118,8 +118,7 @@ const config = { }, theme: { customCss: [ - require.resolve('@contember/admin/style.css'), - require.resolve('./src/index.sass'), + require.resolve('./src/index.css'), ], }, blog: false, @@ -129,7 +128,6 @@ const config = { ], plugins: [ path.join(__dirname, '/src/plugins/webpack-configuration-plugin'), - 'docusaurus-plugin-sass', ] } diff --git a/package-lock.json b/package-lock.json index 4a41408..73ba318 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,9 +14,9 @@ "react-dom": "^17" }, "devDependencies": { - "@contember/admin": "^1.2.0-alpha.5", - "@contember/cms-layout": "^1.2.0-alpha.5", - "@contember/layout": "^1.2.0-alpha.5", + "@contember/admin": "^1.2.0-beta.3", + "@contember/cms-layout": "^1.2.0-beta.3", + "@contember/layout": "^1.2.0-beta.3", "@contember/schema": "1.2.1", "@contember/schema-definition": "1.2.1", "@docusaurus/module-type-aliases": "^2.4.0", @@ -30,7 +30,6 @@ "chroma-js": "^2.4.2", "d3-interpolate": "^3.0.1", "d3-scale": "^4.0.2", - "docusaurus-plugin-sass": "^0.2.3", "dotenv": "^16.0.3", "file-loader": "^6.2.0", "raw-loader": "^4.0.2", @@ -2163,18 +2162,18 @@ } }, "node_modules/@contember/admin": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/admin/-/admin-1.2.0-alpha.5.tgz", - "integrity": "sha512-RGH0CaXyaDZBoW+xoIyyadwnKW19l4azqToC4hcnNx7VME+8hIayRIfbZxLfAukUXvbDn63YNN8DrY47qNzg/Q==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/admin/-/admin-1.2.0-beta.3.tgz", + "integrity": "sha512-cVrkqLGwI1QSbqDwsXAZeClGdlAjV0m6+DbiL4f+Ups51OJqlyfN2s+dbjT+ALCCFrQ6WOMFC6nFDTJVvGPZUQ==", "dev": true, "dependencies": { - "@contember/binding": "1.2.0-alpha.5", - "@contember/client": "1.2.0-alpha.5", - "@contember/react-client": "1.2.0-alpha.5", - "@contember/react-multipass-rendering": "1.2.0-alpha.5", - "@contember/react-utils": "1.2.0-alpha.5", - "@contember/ui": "1.2.0-alpha.5", - "@contember/utilities": "1.2.0-alpha.5", + "@contember/binding": "1.2.0-beta.3", + "@contember/client": "1.2.0-beta.3", + "@contember/react-client": "1.2.0-beta.3", + "@contember/react-multipass-rendering": "1.2.0-beta.3", + "@contember/react-utils": "1.2.0-beta.3", + "@contember/ui": "1.2.0-beta.3", + "@contember/utilities": "1.2.0-beta.3", "@formatjs/icu-messageformat-parser": "2.0.11", "@sindresorhus/slugify": "0.11.0", "blueimp-md5": "2.18.0", @@ -2227,15 +2226,15 @@ } }, "node_modules/@contember/binding": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/binding/-/binding-1.2.0-alpha.5.tgz", - "integrity": "sha512-wJ5giuJBxA0XW+cyF9wSq5GFTqesSMXSmBW42vZ9KMQpcD1NSU1ssmILON6RvmbwoSzJfvuGREFfwXdmSY3lPw==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/binding/-/binding-1.2.0-beta.3.tgz", + "integrity": "sha512-WJSBV6LupdJqjkUva6sB3UOpO3vju+aXy3SSW1SunF9ejFvMkeegT/d63nCFwPUNV7Dx/IJUCPOPYXVh5gVPUg==", "dev": true, "dependencies": { - "@contember/client": "1.2.0-alpha.5", - "@contember/react-client": "1.2.0-alpha.5", - "@contember/react-multipass-rendering": "1.2.0-alpha.5", - "@contember/react-utils": "1.2.0-alpha.5", + "@contember/client": "1.2.0-beta.3", + "@contember/react-client": "1.2.0-beta.3", + "@contember/react-multipass-rendering": "1.2.0-beta.3", + "@contember/react-utils": "1.2.0-beta.3", "chevrotain": "6.5.0", "fast-deep-equal": "^3.1.3", "js-levenshtein": "1.1.6", @@ -2247,9 +2246,9 @@ } }, "node_modules/@contember/client": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/client/-/client-1.2.0-alpha.5.tgz", - "integrity": "sha512-aldMGEudxXKefVO8d0kHAP6c97+nmCBma5O8gWrsbeZaYhCwc054e8Gno+Wqmw6V3hkkoZ7KstUwt7F1lKRfXA==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/client/-/client-1.2.0-beta.3.tgz", + "integrity": "sha512-zesJXOX/bvyoz7F6N4lwUjSW0fYMqCvzeqwnCTfpD8vnV8CMGT+qKQu9Gdn0yu6M6sneqjfJbn59tY3dBI1A4Q==", "dev": true, "dependencies": { "@contember/schema": "^1.2.0", @@ -2257,16 +2256,16 @@ } }, "node_modules/@contember/cms-layout": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/cms-layout/-/cms-layout-1.2.0-alpha.5.tgz", - "integrity": "sha512-Y5IN8oD7XkYW9F9XsBcHyFj6+nOydCtGWs3QTQhOcdU/ta8sVhTFkrNnykBhGJKd7HhLZhK2P1XeybKnZCzgyw==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/cms-layout/-/cms-layout-1.2.0-beta.3.tgz", + "integrity": "sha512-cMdFT6sMlCUfIoDMbBTDj3cQctU83HEyqWPxWaesjxs+w2xMxPjyyZYm4SjZtY8Tu7+fblDde1GIgRvedFOCpQ==", "dev": true, "dependencies": { - "@contember/admin": "1.2.0-alpha.5", - "@contember/brand": "1.2.0-alpha.5", - "@contember/layout": "1.2.0-alpha.5", - "@contember/react-utils": "1.2.0-alpha.5", - "@contember/utilities": "1.2.0-alpha.5", + "@contember/admin": "1.2.0-beta.3", + "@contember/brand": "1.2.0-beta.3", + "@contember/layout": "1.2.0-beta.3", + "@contember/react-utils": "1.2.0-beta.3", + "@contember/utilities": "1.2.0-beta.3", "@react-aria/utils": "^3.15.0" }, "peerDependencies": { @@ -2275,28 +2274,28 @@ } }, "node_modules/@contember/cms-layout/node_modules/@contember/brand": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/brand/-/brand-1.2.0-alpha.5.tgz", - "integrity": "sha512-bsK3INvtlTRYrppylQl05t1sgbePXQflgWEeyAUU+DmFYkZDsmVHQWEeA2/piet4ntG7Km3e/d71ed4nEvGvqw==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/brand/-/brand-1.2.0-beta.3.tgz", + "integrity": "sha512-dxVqovOqtFkGPL1LkbSZgxG28WmUt6XlJKp8X/fWautmgbUNRii/OMZGgl4E0Bsmsu6LpxW1nHYbsN9ydbsLBg==", "dev": true, "dependencies": { - "@contember/react-utils": "1.2.0-alpha.5", - "@contember/utilities": "1.2.0-alpha.5" + "@contember/react-utils": "1.2.0-beta.3", + "@contember/utilities": "1.2.0-beta.3" }, "peerDependencies": { "react": "^18" } }, "node_modules/@contember/layout": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/layout/-/layout-1.2.0-alpha.5.tgz", - "integrity": "sha512-gN/hZaUeJ2m/Zlc8uJzbgwiMjA4hIAQjeNt1taCy9ezzgLJ3GkMcpEsNP7KL5xqIFAphI5spb44Vy/1KfThsaw==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/layout/-/layout-1.2.0-beta.3.tgz", + "integrity": "sha512-5LorBbk6JqSrKlqkLtifeITgHmS+SEhhjOr/9n9Gc7HIpcBfAPDz6T3WMviXbfRUVFF04l1peyljvYhkf5kdfw==", "dev": true, "dependencies": { - "@contember/admin": "1.2.0-alpha.5", - "@contember/react-utils": "1.2.0-alpha.5", - "@contember/ui": "1.2.0-alpha.5", - "@contember/utilities": "1.2.0-alpha.5", + "@contember/admin": "1.2.0-beta.3", + "@contember/react-utils": "1.2.0-beta.3", + "@contember/ui": "1.2.0-beta.3", + "@contember/utilities": "1.2.0-beta.3", "deep-equal": "^2.2.0", "lucide-react": "^0.108.0", "wait-for-element-transition": "^3.3.1" @@ -2307,37 +2306,37 @@ } }, "node_modules/@contember/react-client": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/react-client/-/react-client-1.2.0-alpha.5.tgz", - "integrity": "sha512-swh4E9dImetyHed4pMSDTnVPdp9/P8lGRdowi6bO+V3GwJWa8VK8o5ScHM784MbUuKsE6XCketn11bPEbJUBog==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/react-client/-/react-client-1.2.0-beta.3.tgz", + "integrity": "sha512-Z/nbcCjdgjJFbct2aWw/7os3yrGD3e8V694rR+4+S+/sLcwJMHQZbO6o6qrTBcR+ssX5hmqQecSugTUCDRtSww==", "dev": true, "dependencies": { - "@contember/client": "1.2.0-alpha.5", - "@contember/utilities": "1.2.0-alpha.5" + "@contember/client": "1.2.0-beta.3", + "@contember/utilities": "1.2.0-beta.3" }, "peerDependencies": { "react": "^17 || ^18" } }, "node_modules/@contember/react-multipass-rendering": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/react-multipass-rendering/-/react-multipass-rendering-1.2.0-alpha.5.tgz", - "integrity": "sha512-tjB4UL2Cn+FTFQBywe5ZqxIckf5CV9d3rwrA2vx79eGwU7lbwrvV5LPIq5WrVxAvbyAH8jScFAnrhKN+VW4sRg==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/react-multipass-rendering/-/react-multipass-rendering-1.2.0-beta.3.tgz", + "integrity": "sha512-DD26PlNFENNdk686XFW48FDITbm8L1SPEZpKiKlueG9BRFSCb5pP1Ku8F+XV/GOwk6cVx9NQt6FqqWFP/Ahvxw==", "dev": true, "dependencies": { - "@contember/utilities": "1.2.0-alpha.5" + "@contember/utilities": "1.2.0-beta.3" }, "peerDependencies": { "react": "^17 || ^18" } }, "node_modules/@contember/react-utils": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/react-utils/-/react-utils-1.2.0-alpha.5.tgz", - "integrity": "sha512-jkL2+GWO/FHaBaPahOif0xAycqigT+G5aYFZLWQHQ1vT7utm0RDPZXIupxPT/YfXFMMjlQLs/hOY9dttxSb4Fw==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/react-utils/-/react-utils-1.2.0-beta.3.tgz", + "integrity": "sha512-Ev5xHrUDYuSYzkwJI8n1c71GHdnb3Hm6Mkjdg8jdJjz7CV0FDAQLr5F+j99B8tIjiQBEyjXuKgYA8fOKqJX3Sw==", "dev": true, "dependencies": { - "@contember/utilities": "1.2.0-alpha.5", + "@contember/utilities": "1.2.0-beta.3", "deep-equal": "^2.2.0" }, "peerDependencies": { @@ -2378,14 +2377,15 @@ "dev": true }, "node_modules/@contember/ui": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/ui/-/ui-1.2.0-alpha.5.tgz", - "integrity": "sha512-W/t3ja5Li42qynI7c5EIadh0YdtX5RtWTIu9a95kINPTYFXYBl5DhgICYRkuGwOa5Ni6pf74jpGuxBc+QndtCg==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/ui/-/ui-1.2.0-beta.3.tgz", + "integrity": "sha512-xrKtpY3Qr4cklANr+Jke2HsvkVpYjY/386JCRA13RYAxjLufyZYFg84KG7PdiJPtOEWlNEP1zcbfLwyjJnlWdA==", "dev": true, "dependencies": { "@blueprintjs/icons": "3.29.0", - "@contember/react-utils": "1.2.0-alpha.5", - "@contember/utilities": "1.2.0-alpha.5", + "@contember/brand": "1.2.0-beta.3", + "@contember/react-utils": "1.2.0-beta.3", + "@contember/utilities": "1.2.0-beta.3", "@popperjs/core": "2.10.2", "react-aria": "^3.20.0", "react-popper": "^2.3.0", @@ -2398,10 +2398,23 @@ "react-dom": "^17 || ^18" } }, + "node_modules/@contember/ui/node_modules/@contember/brand": { + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/brand/-/brand-1.2.0-beta.3.tgz", + "integrity": "sha512-dxVqovOqtFkGPL1LkbSZgxG28WmUt6XlJKp8X/fWautmgbUNRii/OMZGgl4E0Bsmsu6LpxW1nHYbsN9ydbsLBg==", + "dev": true, + "dependencies": { + "@contember/react-utils": "1.2.0-beta.3", + "@contember/utilities": "1.2.0-beta.3" + }, + "peerDependencies": { + "react": "^18" + } + }, "node_modules/@contember/utilities": { - "version": "1.2.0-alpha.5", - "resolved": "https://registry.npmjs.org/@contember/utilities/-/utilities-1.2.0-alpha.5.tgz", - "integrity": "sha512-t0iZObOGz3EMTP8Hm5mvQPvjo9PeCk3YfchnHv9W2dKgBZUQ28nBjTe32XrCWgBc9cGUTj+2OS1E+HNv5wco/Q==", + "version": "1.2.0-beta.3", + "resolved": "https://registry.npmjs.org/@contember/utilities/-/utilities-1.2.0-beta.3.tgz", + "integrity": "sha512-yZnDofO60pbpgiafVOyc7Pb33/fw34BpmA0lB99VT2NmCOjDuEisHb6ktEWmrvpg/x+D9aL4ujMXHhxhxOfxuw==", "dev": true, "peerDependencies": { "react": "^17 || ^18" @@ -3731,70 +3744,70 @@ } }, "node_modules/@internationalized/message/node_modules/@formatjs/ecma402-abstract": { - "version": "1.15.0", - "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.15.0.tgz", - "integrity": "sha512-7bAYAv0w4AIao9DNg0avfOLTCPE9woAgs6SpXuMq11IN3A+l+cq8ghczwqSZBM11myvPSJA7vLn72q0rJ0QK6Q==", + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.17.0.tgz", + "integrity": "sha512-6ueQTeJZtwKjmh23bdkq/DMqH4l4bmfvtQH98blOSbiXv/OUiyijSW6jU22IT8BNM1ujCaEvJfTtyCYVH38EMQ==", "dev": true, "dependencies": { - "@formatjs/intl-localematcher": "0.2.32", + "@formatjs/intl-localematcher": "0.4.0", "tslib": "^2.4.0" } }, "node_modules/@internationalized/message/node_modules/@formatjs/fast-memoize": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.0.1.tgz", - "integrity": "sha512-M2GgV+qJn5WJQAYewz7q2Cdl6fobQa69S1AzSM2y0P68ZDbK5cWrJIcPCO395Of1ksftGZoOt4LYCO/j9BKBSA==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.0.tgz", + "integrity": "sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==", "dev": true, "dependencies": { "tslib": "^2.4.0" } }, "node_modules/@internationalized/message/node_modules/@formatjs/icu-messageformat-parser": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.4.0.tgz", - "integrity": "sha512-6Dh5Z/gp4F/HovXXu/vmd0If5NbYLB5dZrmhWVNb+BOGOEU3wt7Z/83KY1dtd7IDhAnYHasbmKE1RbTE0J+3hw==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.6.0.tgz", + "integrity": "sha512-yT6at0qc0DANw9qM/TU8RZaCtfDXtj4pZM/IC2WnVU80yAcliS3KVDiuUt4jSQAeFL9JS5bc2hARnFmjPdA6qw==", "dev": true, "dependencies": { - "@formatjs/ecma402-abstract": "1.15.0", - "@formatjs/icu-skeleton-parser": "1.4.0", + "@formatjs/ecma402-abstract": "1.17.0", + "@formatjs/icu-skeleton-parser": "1.6.0", "tslib": "^2.4.0" } }, "node_modules/@internationalized/message/node_modules/@formatjs/icu-skeleton-parser": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.4.0.tgz", - "integrity": "sha512-Qq347VM616rVLkvN6QsKJELazRyNlbCiN47LdH0Mc5U7E2xV0vatiVhGqd3KFgbc055BvtnUXR7XX60dCGFuWg==", + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.6.0.tgz", + "integrity": "sha512-eMmxNpoX/J1IPUjPGSZwo0Wh+7CEvdEMddP2Jxg1gQJXfGfht/FdW2D5XDFj3VMbOTUQlDIdZJY7uC6O6gjPoA==", "dev": true, "dependencies": { - "@formatjs/ecma402-abstract": "1.15.0", + "@formatjs/ecma402-abstract": "1.17.0", "tslib": "^2.4.0" } }, "node_modules/@internationalized/message/node_modules/@formatjs/intl-localematcher": { - "version": "0.2.32", - "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.2.32.tgz", - "integrity": "sha512-k/MEBstff4sttohyEpXxCmC3MqbUn9VvHGlZ8fauLzkbwXmVrEeyzS+4uhrvAk9DWU9/7otYWxyDox4nT/KVLQ==", + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.4.0.tgz", + "integrity": "sha512-bRTd+rKomvfdS4QDlVJ6TA/Jx1F2h/TBVO5LjvhQ7QPPHp19oPNMIum7W2CMEReq/zPxpmCeB31F9+5gl/qtvw==", "dev": true, "dependencies": { "tslib": "^2.4.0" } }, "node_modules/@internationalized/message/node_modules/intl-messageformat": { - "version": "10.3.5", - "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.3.5.tgz", - "integrity": "sha512-6kPkftF8Jg3XJCkGKa5OD+nYQ+qcSxF4ZkuDdXZ6KGG0VXn+iblJqRFyDdm9VvKcMyC0Km2+JlVQffFM52D0YA==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.5.0.tgz", + "integrity": "sha512-AvojYuOaRb6r2veOKfTVpxH9TrmjSdc5iR9R5RgBwrDZYSmAAFVT+QLbW3C4V7Qsg0OguMp67Q/EoUkxZzXRGw==", "dev": true, "dependencies": { - "@formatjs/ecma402-abstract": "1.15.0", - "@formatjs/fast-memoize": "2.0.1", - "@formatjs/icu-messageformat-parser": "2.4.0", + "@formatjs/ecma402-abstract": "1.17.0", + "@formatjs/fast-memoize": "2.2.0", + "@formatjs/icu-messageformat-parser": "2.6.0", "tslib": "^2.4.0" } }, "node_modules/@internationalized/message/node_modules/tslib": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz", - "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==", + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==", "dev": true }, "node_modules/@internationalized/number": { @@ -5900,9 +5913,9 @@ } }, "node_modules/@swc/helpers/node_modules/tslib": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz", - "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==", + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==", "dev": true }, "node_modules/@szmarczak/http-timer": { @@ -8618,19 +8631,6 @@ "node": ">=6" } }, - "node_modules/docusaurus-plugin-sass": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/docusaurus-plugin-sass/-/docusaurus-plugin-sass-0.2.3.tgz", - "integrity": "sha512-FbaE06K8NF8SPUYTwiG+83/jkXrwHJ/Afjqz3SUIGon6QvFwSSoKOcoxGQmUBnjTOk+deUONDx8jNWsegFJcBQ==", - "dev": true, - "dependencies": { - "sass-loader": "^10.1.1" - }, - "peerDependencies": { - "@docusaurus/core": "^2.0.0-beta", - "sass": "^1.30.0" - } - }, "node_modules/dom-converter": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz", @@ -14427,61 +14427,6 @@ "node": ">=14.0.0" } }, - "node_modules/sass-loader": { - "version": "10.4.1", - "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-10.4.1.tgz", - "integrity": "sha512-aX/iJZTTpNUNx/OSYzo2KsjIUQHqvWsAhhUijFjAPdZTEhstjZI9zTNvkTTwsx+uNUJqUwOw5gacxQMx4hJxGQ==", - "dev": true, - "dependencies": { - "klona": "^2.0.4", - "loader-utils": "^2.0.0", - "neo-async": "^2.6.2", - "schema-utils": "^3.0.0", - "semver": "^7.3.2" - }, - "engines": { - "node": ">= 10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "fibers": ">= 3.1.0", - "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", - "sass": "^1.3.0", - "webpack": "^4.36.0 || ^5.0.0" - }, - "peerDependenciesMeta": { - "fibers": { - "optional": true - }, - "node-sass": { - "optional": true - }, - "sass": { - "optional": true - } - } - }, - "node_modules/sass-loader/node_modules/schema-utils": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz", - "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==", - "dev": true, - "dependencies": { - "@types/json-schema": "^7.0.8", - "ajv": "^6.12.5", - "ajv-keywords": "^3.5.2" - }, - "engines": { - "node": ">= 10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - } - }, "node_modules/sax": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", diff --git a/package.json b/package.json index 773bf29..75aa38b 100644 --- a/package.json +++ b/package.json @@ -31,9 +31,9 @@ ] }, "devDependencies": { - "@contember/admin": "^1.2.0-alpha.5", - "@contember/cms-layout": "^1.2.0-alpha.5", - "@contember/layout": "^1.2.0-alpha.5", + "@contember/admin": "^1.2.0-beta.3", + "@contember/cms-layout": "^1.2.0-beta.3", + "@contember/layout": "^1.2.0-beta.3", "@contember/schema": "1.2.1", "@contember/schema-definition": "1.2.1", "@docusaurus/module-type-aliases": "^2.4.0", @@ -47,7 +47,6 @@ "chroma-js": "^2.4.2", "d3-interpolate": "^3.0.1", "d3-scale": "^4.0.2", - "docusaurus-plugin-sass": "^0.2.3", "dotenv": "^16.0.3", "file-loader": "^6.2.0", "raw-loader": "^4.0.2", diff --git a/src/apiDoc/style.css b/src/apiDoc/style.css new file mode 100644 index 0000000..89bbe29 --- /dev/null +++ b/src/apiDoc/style.css @@ -0,0 +1,70 @@ +.typeNode { + width: 100%; +} + +.typeNode__title { + display: none; +} + +.typeNode--union { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + border-radius: 0.25rem; + background-color: var(--ifm-font-color-base); + padding-left: 0.25rem; + padding-right: 0.25rem; + border: 1px solid var(--ifm-font-color-base); +} + +.typeNode--union>.typeNode__title { + color: white; + display: block; +} + +.typeNode--union>.typeNode__content>.typeNode__item { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + border: 1px solid var(--ifm-font-color-base); + padding: 1rem; + background: #fff; +} + +.typeNode--interface>.typeNode__title, +.typeNode--reflection>.typeNode__title { + display: block; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 700; + color: var(--ifm-menu-color); + margin-top: 2em; +} + +.typeNode--interface>.typeNode__content>.typeNode__item, +.typeNode--reflection>.typeNode__content>.typeNode__item { + border-bottom: 1px solid var(--ifm-font-color-base); + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.propList { + display: flex; + margin: 0 auto; + max-width: 1200px; +} + +.property__name { + margin: 0.5em 0; +} + +.property__type { + font-size: 0.875rem; + line-height: 1.25rem; + color: var(--contember-green-text); + margin: 0.5em 0; +} + +.textSummary { + margin-bottom: 1rem; +} diff --git a/src/apiDoc/style.sass b/src/apiDoc/style.sass deleted file mode 100644 index eb05ce3..0000000 --- a/src/apiDoc/style.sass +++ /dev/null @@ -1,62 +0,0 @@ - -.typeNode - width: 100% - //margin: 0.25rem - //padding: 0.25rem - background: #fff - //border: 1px solid #e5e7eb - //border-right: none - //&:hover - // border-color: black - - &__title - display: none - &--union - margin-top: 0.5rem - margin-bottom: 0.5rem - border-radius: 0.25rem - background-color: rgb(55 65 81) - padding-left: 0.25rem - padding-right: 0.25rem - border: 1px solid #e5e7eb - > .typeNode__title - color: white - display: block - > .typeNode__content - > .typeNode__item - margin-top: 0.25rem - margin-bottom: 0.25rem - border: 1px solid #e5e7eb - padding: 1rem - background: #fff - - &--interface, &--reflection - > .typeNode__title - display: block - font-size: 0.875rem - line-height: 1.25rem - font-weight: 700 - color: rgb(75 85 99) - - > .typeNode__content - > .typeNode__item - border-bottom: 1px solid #e5e7eb - padding-left: 0.5rem - padding-right: 0.5rem - padding-top: 0.25rem - padding-bottom: 0.25rem -.propList - display: flex - margin: 0 auto - max-width: 1200px - -.property - &__name - // - &__type - font-size: 0.875rem - line-height: 1.25rem - color: rgb(21 128 61) - -.textSummary - margin-bottom: 1rem diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..71aa618 --- /dev/null +++ b/src/index.css @@ -0,0 +1,221 @@ +:root { + --contember-blue-900: #00182F; + + --contember-green-50: #E2FDEF; + --contember-green-100: #BEF1D8; + --contember-green-200: #97E6C0; + --contember-green-300: #70DBA7; + --contember-green-400: #4AD18F; + --contember-green-500: #31B875; + --contember-green-600: #248F5A; + --contember-green-700: #166640; + + --contember-yellow-50: #F3F3BB; + --contember-yellow-100: #F3F3BB; + --contember-yellow-200: #EEEDA1; + --contember-yellow-300: #E4E26A; + + --contember-purple-50: #EEE4FF; + --contember-purple-100: #D2C2FF; + --contember-purple-200: #A980FD; + + --contember-green-primary: var(--contember-green-200); + --contember-green-text: var(--contember-green-700); + + --docusaurus-highlighted-code-line-bg: #1f2b4c; + --ifm-global-shadow-md: 0px; + --ifm-color-primary: #3578e5; + --ifm-color-primary-dark: #1d68e1; + --ifm-color-primary-darker: #1b62d4; + --ifm-color-primary-darkest: #1751af; + --ifm-color-primary-light: #4e89e8; + --ifm-color-primary-lighter: #5a91ea; + --ifm-color-primary-lightest: #80aaef; + --ifm-code-font-size: 90%; + --doc-sidebar-width: 17.5rem; + --ifm-global-radius: 12px; + --ifm-code-border-radius: 6px; + --dropdown-icon-width: 0.625rem; + --dropdown-icon-height: 0.375rem; + --dropdown-icon-gap: 0.688rem; + --ifm-menu-link-padding-vertical: 0.5rem; + --ifm-menu-color-active: var(--ifm-link-color); + --sidebar-spacing-horizontal: 1.5rem; +} + +@media (prefers-color-scheme: dark) { + :root { + --contember-green-text: var(--contember-green-400); + } +} + +@import './styles/liveCode.css'; +@import './theming/Components/index.css'; +@import "./apiDoc/style.css"; + +body { + --cui-font-family: var(--ifm-font-family-base); + --cui-background-color: var(--ifm-background-color); + --ifm-navbar-background-color: var(--ifm-background-color); +} + +.props-table { + width: 100%; +} + +.props-table tr:nth-child(2n) { + background-color: var(--ifm-color-emphasis-100); +} + +.props-table th { + text-align: left; + border-left: none; + border-right: none; +} + +.props-table td { + vertical-align: top; + border: none; +} + +.props-table td:last-child { + width: 100%; +} + +.props-table .props-type-prop { + font-family: var(--ifm-font-family-monospace); + font-weight: 800; + margin-bottom: 0; + font-size: 0.85rem; +} + +.props-table .props-description-prop { + margin-bottom: 0; +} + +.props-table .props-inherited-prop { + margin-bottom: 0; + background-color: var(--ifm-color-info-lightest); + padding: 0 0.5em; + font-size: 0.85em; +} + +.props-table .props-required-prop { + font-size: 0.85rem; + display: inline-block; + color: var(--ifm-color-black); + background-color: var(--ifm-color-danger-lightest); + padding: 0 0.5em; +} + +.props-table .props-readonly-prop { + font-size: 0.85rem; + display: inline-block; + color: #1d1d1d; + background-color: #e9e9e9; + padding: 0 0.5em; +} + +.props-table .props-prop .required::after { + font-family: var(--ifm-font-family-monospace); + content: "*"; + margin-left: 0.5em; + color: var(--ifm-color-danger-lighter); +} + +.alert { + --ifm-alert-background-color: transparent; + border-width: 2px; +} + +.alert a { + text-underline-offset: 4px; +} + +.alert.alert--info { + --ifm-alert-border-color: var(--contember-purple-200); +} + +html[data-theme="dark"] .alert.alert--info { + --ifm-alert-border-color: var(--contember-purple-200); +} + +.alert.alert--success { + --ifm-alert-border-color: var(--contember-yellow-300); +} + +html[data-theme="dark"] .alert.alert--success { + --ifm-alert-border-color: var(--contember-yellow-200); +} + +html[data-theme="dark"] { + --ifm-color-primary: var(--ifm-color-primary-lighter); +} + +html[data-theme="light"] { + --ifm-background-color: #fff; +} + +.flex-grow { + flex-grow: 1; +} + +html { + display: block; +} + +.main-wrapper { + align-self: center; + max-width: 1400px; + width: 100%; +} + +.navbar { + border-bottom: 1px solid var(--ifm-toc-border-color); +} + +.navbar__inner { + margin: 0 auto; + max-width: 1360px; +} + +article { + max-width: 700px; + margin-left: auto; + margin-right: auto; +} + +.menu__list { + font-size: 14px; +} + +.menu__list-item .menu__list-item { + font-weight: normal; +} + +.menu__link:before { + position: absolute; + left: 0; +} + +.menu__link--sublist-caret::after, +.menu__caret:before { + background-size: 1.3rem 1.3rem; +} + +.theme-doc-sidebar-menu>li { + margin-top: 1.5rem !important; +} + +.smallNote { + font-size: 13px; + opacity: 0.7; +} + +.markdown hr+h2 { + margin-top: -10px; +} + +.markdown code { + border-width: 1px; +} diff --git a/src/index.sass b/src/index.sass deleted file mode 100644 index 93e5c09..0000000 --- a/src/index.sass +++ /dev/null @@ -1,169 +0,0 @@ -:root - --contember-blue-900: #00182F - - --contember-green-50: #BEF1D8 - - --contember-yellow-50: #F3F3BB - --contember-yellow-100: #F3F3BB - --contember-yellow-200: #EEEDA1 - --contember-yellow-300: #E4E26A - - --contember-purple-50: #EEE4FF - --contember-purple-100: #D2C2FF - --contember-purple-200: #A980FD - - --docusaurus-highlighted-code-line-bg: #1f2b4c - --ifm-global-shadow-md: 0px - --ifm-color-primary: #3578e5 - --ifm-color-primary-dark: #1d68e1 - --ifm-color-primary-darker: #1b62d4 - --ifm-color-primary-darkest: #1751af - --ifm-color-primary-light: #4e89e8 - --ifm-color-primary-lighter: #5a91ea - --ifm-color-primary-lightest: #80aaef - --ifm-code-font-size: 90% - --doc-sidebar-width: 17.5rem - --ifm-global-radius: 12px - --ifm-code-border-radius: 6px - - --dropdown-icon-width: 0.625rem - --dropdown-icon-height: 0.375rem - --dropdown-icon-gap: 0.688rem - - --ifm-menu-link-padding-vertical: 0.5rem - --ifm-menu-color-active: var(--ifm-link-color) - - --sidebar-spacing-horizontal: 1.5rem - -body - --cui-font-family: var(--ifm-font-family-base) - --cui-background-color: var(--ifm-background-color) - --ifm-navbar-background-color: var(--ifm-background-color) - -@import './styles/liveCode.sass' -@import './theming/Components/index.sass' -@import "./apiDoc/style" - -.props-table - width: 100% - - & tr:nth-child(2n) - background-color: var(--ifm-color-emphasis-100) - - & th - text-align: left - border-left: none - border-right: none - - & td - vertical-align: top - border: none - - & td:last-child - width: 100% - - & .props-type-prop - font-family: var(--ifm-font-family-monospace) - font-weight: 800 - margin-bottom: 0 - font-size: 0.85rem - - & .props-description-prop - margin-bottom: 0 - - & .props-inherited-prop - margin-bottom: 0 - background-color: var(--ifm-color-info-lightest) - padding: 0 0.5em - font-size: 0.85em - - & .props-required-prop - font-size: 0.85rem - display: inline-block - color: var(--ifm-color-black) - background-color: var(--ifm-color-danger-lightest) - padding: 0 0.5em - - & .props-readonly-prop - font-size: 0.85rem - display: inline-block - color: rgb(29, 29, 29) - background-color: rgb(233, 233, 233) - padding: 0 0.5em - - & .props-prop .required::after - font-family: var(--ifm-font-family-monospace) - content: "*" - margin-left: 0.5em - color: var(--ifm-color-danger-lighter) - -.alert - --ifm-alert-background-color: transparent - border-width: 2px - - a - text-underline-offset: 4px - - &.alert--info - --ifm-alert-border-color: var(--contember-purple-200) - - html[data-theme="dark"] & - --ifm-alert-border-color: var(--contember-purple-200) - - &.alert--success - --ifm-alert-border-color: var(--contember-yellow-300) - - html[data-theme="dark"] & - --ifm-alert-border-color: var(--contember-yellow-200) - -html[data-theme="dark"] - --ifm-color-primary: var(--ifm-color-primary-lighter) - -html[data-theme="light"] - --ifm-background-color: #fff - -.flex-grow - flex-grow: 1 - -html - display: block - -.main-wrapper - align-self: center - max-width: 1400px - width: 100% - -.navbar - border-bottom: 1px solid var(--ifm-toc-border-color) - -.navbar__inner - margin: 0 auto - max-width: 1360px - -article - max-width: 700px - margin-left: auto - margin-right: auto - -.menu__list - font-size: 14px - -.menu__list-item .menu__list-item - font-weight: normal - -.menu__link--sublist-caret::after, -.menu__caret:before - background-size: 1.3rem 1.3rem - -.theme-doc-sidebar-menu > li - margin-top: 1.5rem !important - -.smallNote - font-size: 13px - opacity: 0.7 - -.markdown hr + h2 - margin-top: -10px - -.markdown code - border-width: 1px diff --git a/src/styles/liveCode.css b/src/styles/liveCode.css new file mode 100644 index 0000000..637b122 --- /dev/null +++ b/src/styles/liveCode.css @@ -0,0 +1,41 @@ +.live-code-editor { + --border-radius: 6px; + border-radius: var(--border-radius); + margin-bottom: 1em; + font-size: inherit; + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + padding: 5px; + background-color: #011627; +} + +.live-code-preview-wrapper { + --preview-padding: 1.25em 1em; + --wrapper-padding: 0.5em; + padding: var(--wrapper-padding); + border-radius: var(--border-radius); + background-color: var(--ifm-code-background); +} + +.live-code-preview-wrapper h6 { + padding-bottom: 0.5em; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + margin: 0; +} + +.live-code-preview-wrapper .live-code-preview { + padding: var(--preview-padding); + background-color: var(--ifm-code-background); + position: relative; + min-height: 100px; + z-index: 1; +} + +.live-code-preview-wrapper .live-code-preview.view-no-padding { + --preview-padding: 0em; + margin: 0 calc(-1 * var(--wrapper-padding)) calc(-1 * var(--wrapper-padding)); +} + +.live-code-error.alert--danger { + overflow: unset; + white-space: normal; +} diff --git a/src/styles/liveCode.sass b/src/styles/liveCode.sass deleted file mode 100644 index 9b633c9..0000000 --- a/src/styles/liveCode.sass +++ /dev/null @@ -1,34 +0,0 @@ -.live-code-editor - --border-radius: 6px - border-radius: var(--border-radius) - margin-bottom: 1em - font-size: inherit - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace - padding: 5px - background-color: rgb(1, 22, 39) - -.live-code-preview-wrapper - --preview-padding: 1.25em 1em - --wrapper-padding: 0.5em - padding: var(--wrapper-padding) - border-radius: var(--border-radius) - background-color: var(--ifm-code-background) - - h6 - padding-bottom: 0.5em - border-bottom: 1px solid rgba(0, 0, 0, 0.1) - margin: 0 - - .live-code-preview - padding: var(--preview-padding) - background-color: var(--ifm-code-background) - position: relative - min-height: 100px - z-index: 1 - &.view-no-padding - --preview-padding: 0em - margin: 0 calc(-1 * var(--wrapper-padding)) calc(-1 * var(--wrapper-padding)) - -.live-code-error.alert--danger - overflow: unset - white-space: normal diff --git a/src/theming/Components/ColorInput.css b/src/theming/Components/ColorInput.css new file mode 100644 index 0000000..4aa3bc8 --- /dev/null +++ b/src/theming/Components/ColorInput.css @@ -0,0 +1,69 @@ +.theming-color-input { + align-items: stretch; + flex-grow: 1; + padding: 1px 0; +} + +.theming-color-input-fields { + flex-grow: 1; + margin-left: 0.5em; + overflow: hidden; +} + +.theming-color-input-field { + border: 1px solid var(--cui-color--lower); + border-radius: calc(var(--cui-control-border-radius) / 2); +} + +.theming-color-input-field .cui-label { + font-weight: bold; + flex-grow: 2; + margin-left: unset; +} + +.theming-color-input-wrapper { + flex-grow: 1; +} + +.theming-color-input-color, +.theming-color-input-text { + border: 0; +} + +.theming-color-input-text { + flex-grow: 1; + flex-shrink: 1; + font-family: monospace; + font-size: 0.8125em; + padding: var(--cui-gap); + width: 5em; +} + +.theming-color-input-unlink-button.cui-button { + height: unset; + width: var(--cui-control-height--small); +} + +.theming-color-input-unlink-button.cui-button .cui-button-content { + background: var(--ifm-background-color); + z-index: 1; +} + +.theming-color-input-unlink-button.cui-button::before { + border: 1px solid var(--cui-color--lower); + border-left-width: 0; + border-bottom-right-radius: var(--cui-control-border-radius); + border-top-right-radius: var(--cui-control-border-radius); + bottom: 1em; + content: ""; + display: block; + left: 0.25em; + position: absolute; + top: 1em; + width: calc(50% - 0.25em); +} + +.theming-color-input-link-button .cui-icon, +.theming-color-input-unlink-button .cui-icon { + font-size: 0.75em; +} diff --git a/src/theming/Components/ColorInput.sass b/src/theming/Components/ColorInput.sass deleted file mode 100644 index 59c501b..0000000 --- a/src/theming/Components/ColorInput.sass +++ /dev/null @@ -1,56 +0,0 @@ -.theming-color-input - align-items: stretch - flex-grow: 1 - padding: 1px 0 - - &-fields - flex-grow: 1 - margin-left: 0.5em - overflow: hidden - - &-field - border: 1px solid var(--cui-color--lower) - border-radius: calc(var(--cui-control-border-radius) / 2) - .cui-label - font-weight: bold - flex-grow: 2 - margin-left: unset - - &-wrapper - flex-grow: 1 - - &-color, - &-text - border: 0 - - &-text - flex-grow: 1 - flex-shrink: 1 - font-family: monospace - font-size: 0.8125em - padding: var(--cui-gap) - width: 5em - - &-unlink-button.cui-button - height: unset - width: var(--cui-control-height--small) - .cui-button-content - background: var(--ifm-background-color) - z-index: 1 - &::before - border: 1px solid var(--cui-color--lower) - border-left-width: 0 - border-bottom-right-radius: var(--cui-control-border-radius) - border-top-right-radius: var(--cui-control-border-radius) - bottom: 1em - content: "" - display: block - left: 0.25em - position: absolute - top: 1em - width: calc(50% - 0.25em) - - &-link-button, - &-unlink-button - .cui-icon - font-size: 0.75em diff --git a/src/theming/Components/Generator.css b/src/theming/Components/Generator.css new file mode 100644 index 0000000..5e5b8f9 --- /dev/null +++ b/src/theming/Components/Generator.css @@ -0,0 +1,31 @@ +.theming-generator-editor-scroll-wrapper { + display: flex; + margin-left: calc(-1 * var(--ifm-spacing-horizontal)); + margin-right: calc(-1 * var(--ifm-spacing-horizontal)); + max-width: 100vw; + overflow: scroll; + padding-bottom: 0.5em; + padding-top: 0.5em; + margin-bottom: -0.5em; + margin-top: -0.5em; + padding-left: var(--ifm-spacing-horizontal); + padding-right: var(--ifm-spacing-horizontal); +} + +.theming-generator-hint { + color: var(--cui-color--low); +} + +.is-visible-style { + background-color: var(--cui-background-color--below); + border-radius: var(--cui-control-border-radius); + color: var(--cui-color); + display: block; + font-family: monospace; + font-size: 0.8125em; + height: 50vh; + overflow: scroll; + padding: 0.5em; + white-space: pre; + width: 100%; +} diff --git a/src/theming/Components/Generator.sass b/src/theming/Components/Generator.sass deleted file mode 100644 index d2da569..0000000 --- a/src/theming/Components/Generator.sass +++ /dev/null @@ -1,28 +0,0 @@ -.theming-generator - &-editor-scroll-wrapper - display: flex - margin-left: calc(-1 * var(--ifm-spacing-horizontal)) - margin-right: calc(-1 * var(--ifm-spacing-horizontal)) - max-width: 100vw - overflow: scroll - padding-bottom: 0.5em - padding-top: 0.5em - margin-bottom: -0.5em - margin-top: -0.5em - padding-left: var(--ifm-spacing-horizontal) - padding-right: var(--ifm-spacing-horizontal) - &-hint - color: var(--cui-color--low) - -.is-visible-style - background-color: var(--cui-background-color--below) - border-radius: var(--cui-control-border-radius) - color: var(--cui-color) - display: block - font-family: monospace - font-size: 0.8125em - height: 50vh - overflow: scroll - padding: 0.5em - white-space: pre - width: 100% diff --git a/src/theming/Components/Scale.css b/src/theming/Components/Scale.css new file mode 100644 index 0000000..4f5a55c --- /dev/null +++ b/src/theming/Components/Scale.css @@ -0,0 +1,63 @@ +.theming-scale { + align-items: stretch; + border-color: var(--cui-color--lower); + border-style: solid; + border-radius: 0.25em; + display: flex; + flex-basis: 10em; + flex-grow: 1; + flex-shrink: 1; + gap: 1em; + position: relative; +} + +.theming-scale.is-dirty { + border-color: var(--cui-control-color); + outline: 1px solid; + color: var(--cui-control-color); +} + +.theming-scale.is-elevated { + border-width: 1px; +} + +.theming-scale.view-horizontal .theming-scale-label { + flex: 0.3; +} + +.theming-scale-label { + font-size: 0.8125em; + font-weight: bold; + line-height: 1.25em; + padding: 0.25em 0.5em; +} + +.theming-scale.is-dirty .theming-scale-label-theme-name::after { + content: "*"; + display: inline-block; + margin-left: 0.4em; + color: rgb(var(--cui-theme-danger-500)) +} + +.theming-scale.is-dirty .theming-scale-label-theme-name-action { + margin: -0.25em -0.5em; +} + +.theming-scale-list { + border-radius: inherit; + display: flex; + flex-direction: column; + flex-grow: 1; + flex-shrink: 1; + overflow: hidden; +} + +.theming-scale-list>.theming-swatch-container { + border-radius: 0; +} + +.theming-scale small { + font-family: monospace; + font-size: 0.75em; + font-weight: bold; +} diff --git a/src/theming/Components/Scale.sass b/src/theming/Components/Scale.sass deleted file mode 100644 index 74828bc..0000000 --- a/src/theming/Components/Scale.sass +++ /dev/null @@ -1,49 +0,0 @@ -.theming-scale - align-items: stretch - border-color: var(--cui-color--lower) - border-style: solid - border-radius: 0.25em - display: flex - flex-basis: 10em - flex-grow: 1 - flex-shrink: 1 - gap: 1em - position: relative - &.is-dirty - border-color: var(--cui-control-color) - outline: 1px solid - color: var(--cui-control-color) - &.is-elevated - border-width: 1px - - &.view-horizontal &-label - flex: 0.3 - - &-label - font-size: 0.8125em - font-weight: bold - line-height: 1.25em - padding: 0.25em 0.5em - &.is-dirty &-label-theme-name - &::after - content: "*" - display: inline-block - margin-left: 0.4em - color: rgb(var(--cui-theme-danger-500)) - &-action - margin: -0.25em -0.5em - - &-list - border-radius: inherit - display: flex - flex-direction: column - flex-grow: 1 - flex-shrink: 1 - overflow: hidden - > .theming-swatch-container - border-radius: 0 - - small - font-family: monospace - font-size: 0.75em - font-weight: bold diff --git a/src/theming/Components/Swatch.css b/src/theming/Components/Swatch.css new file mode 100644 index 0000000..a13b233 --- /dev/null +++ b/src/theming/Components/Swatch.css @@ -0,0 +1,10 @@ +.theming-swatch-container { + background-color: lightgrey; + border-radius: 0.25em; + display: inline-flex; + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-end; + padding: 0.125em; + vertical-align: middle; +} diff --git a/src/theming/Components/Swatch.sass b/src/theming/Components/Swatch.sass deleted file mode 100644 index dca9f16..0000000 --- a/src/theming/Components/Swatch.sass +++ /dev/null @@ -1,10 +0,0 @@ -.theming-swatch - &-container - background-color: lightgrey - border-radius: 0.25em - display: inline-flex - flex-grow: 1 - flex-shrink: 1 - justify-content: flex-end - padding: 0.125em - vertical-align: middle diff --git a/src/theming/Components/index.css b/src/theming/Components/index.css new file mode 100644 index 0000000..9d2bade --- /dev/null +++ b/src/theming/Components/index.css @@ -0,0 +1,20 @@ +@import 'ColorInput.css'; +@import 'Generator.css'; +@import 'Scale.css'; +@import 'Swatch.css'; + +.live-code-preview p, +.live-code-preview ul, +.live-code-preview ol, +.live-code-preview code, +.theming-theme-preview p, +.theming-theme-preview ul, +.theming-theme-preview ol, +.theming-theme-preview code { + color: var(--cui-color); +} + +.live-code-preview code, +.theming-theme-preview code { + background-color: var(--cui-color--lower); +} diff --git a/src/theming/Components/index.sass b/src/theming/Components/index.sass deleted file mode 100644 index 6eda234..0000000 --- a/src/theming/Components/index.sass +++ /dev/null @@ -1,11 +0,0 @@ -@import 'ColorInput.sass' -@import 'Generator.sass' -@import 'Scale.sass' -@import 'Swatch.sass' - -.live-code-preview, -.theming-theme-preview - p, ul, ol, code - color: var(--cui-color) - code - background-color: var(--cui-color--lower) From 82f210fda9460655934a9b9523b775eb508a38dd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jon=C3=A1=C5=A1=20Nobile?= Date: Mon, 26 Jun 2023 09:04:41 +0200 Subject: [PATCH 3/3] --wip-- [skip ci] --- docs/intro/how-it-works.md | 15 ++ docusaurus.config.js | 4 + package-lock.json | 524 ++++++++++++++++++++++++++++++++++++- package.json | 1 + 4 files changed, 534 insertions(+), 10 deletions(-) diff --git a/docs/intro/how-it-works.md b/docs/intro/how-it-works.md index b773e6d..6eb334e 100644 --- a/docs/intro/how-it-works.md +++ b/docs/intro/how-it-works.md @@ -9,6 +9,21 @@ import DocsCards from '../../src/components/global/DocsCards'; ![contember diagram](/assets/contember-diagram.svg) +```mermaid +graph LR + id1("Website") + id2("Mobile app") + id3("Contember Interface (optional)") + id4{"Contember API"} + id5{{"Custom microservices (optional)"}} + id6[("PostgreSQL")] + + id5 -- GraphQL --> id4 + id5 -. SQL .-> id6 + id1 -. Custom API .-> id5 + id1 & id2 & id3 -- GraphQL --> id4 -- SQL --> id6 +``` + ## Contember Engine: Simplified Backend Operations **Contember Engine** empowers developers to define data models using TypeScript, subsequently generating a corresponding GraphQL API. This engine functions as a standalone server, offering two main components: diff --git a/docusaurus.config.js b/docusaurus.config.js index 87f37c0..dcb05a9 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -17,6 +17,10 @@ const config = { contemberApiBaseUrl: process.env.CONTEMBER_API_URL, contemberProjectName: process.env.CONTEMBER_PROJECT_NAME, }, + themes: ['@docusaurus/theme-mermaid'], + markdown: { + mermaid: true, + }, themeConfig: /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ ({ diff --git a/package-lock.json b/package-lock.json index 73ba318..83cad47 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "dependencies": { "@docusaurus/core": "^2.4.0", "@docusaurus/preset-classic": "^2.4.0", + "@docusaurus/theme-mermaid": "^2.4.1", "react": "^17", "react-dom": "^17" }, @@ -2152,6 +2153,11 @@ "tslib": "~1.13.0" } }, + "node_modules/@braintree/sanitize-url": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-6.0.2.tgz", + "integrity": "sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg==" + }, "node_modules/@colors/colors": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", @@ -3003,6 +3009,33 @@ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" }, + "node_modules/@docusaurus/theme-mermaid": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@docusaurus/theme-mermaid/-/theme-mermaid-2.4.1.tgz", + "integrity": "sha512-cM0ImKIqZfjmlaC+uAjep39kNBvb1bjz429QBHGs32maob4+UnRzVPPpCUCltyPVb4xjG5h1Tyq4pHzhtIikqA==", + "dependencies": { + "@docusaurus/core": "2.4.1", + "@docusaurus/module-type-aliases": "2.4.1", + "@docusaurus/theme-common": "2.4.1", + "@docusaurus/types": "2.4.1", + "@docusaurus/utils-validation": "2.4.1", + "@mdx-js/react": "^1.6.22", + "mermaid": "^9.2.2", + "tslib": "^2.4.0" + }, + "engines": { + "node": ">=16.14" + }, + "peerDependencies": { + "react": "^16.8.4 || ^17.0.0", + "react-dom": "^16.8.4 || ^17.0.0" + } + }, + "node_modules/@docusaurus/theme-mermaid/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, "node_modules/@docusaurus/theme-search-algolia": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/@docusaurus/theme-search-algolia/-/theme-search-algolia-2.4.1.tgz", @@ -7930,6 +7963,14 @@ "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==" }, + "node_modules/cose-base": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-1.0.3.tgz", + "integrity": "sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==", + "dependencies": { + "layout-base": "^1.0.0" + } + }, "node_modules/cosmiconfig": { "version": "7.1.0", "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", @@ -8280,11 +8321,97 @@ "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" }, + "node_modules/cytoscape": { + "version": "3.25.0", + "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.25.0.tgz", + "integrity": "sha512-7MW3Iz57mCUo6JQCho6CmPBCbTlJr7LzyEtIkutG255HLVd4XuBg2I9BkTZLI/e4HoaOB/BiAzXuQybQ95+r9Q==", + "dependencies": { + "heap": "^0.2.6", + "lodash": "^4.17.21" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/cytoscape-cose-bilkent": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/cytoscape-cose-bilkent/-/cytoscape-cose-bilkent-4.1.0.tgz", + "integrity": "sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==", + "dependencies": { + "cose-base": "^1.0.0" + }, + "peerDependencies": { + "cytoscape": "^3.2.0" + } + }, + "node_modules/cytoscape-fcose": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/cytoscape-fcose/-/cytoscape-fcose-2.2.0.tgz", + "integrity": "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==", + "dependencies": { + "cose-base": "^2.2.0" + }, + "peerDependencies": { + "cytoscape": "^3.2.0" + } + }, + "node_modules/cytoscape-fcose/node_modules/cose-base": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-2.2.0.tgz", + "integrity": "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==", + "dependencies": { + "layout-base": "^2.0.0" + } + }, + "node_modules/cytoscape-fcose/node_modules/layout-base": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-2.0.1.tgz", + "integrity": "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==" + }, + "node_modules/d3": { + "version": "7.8.5", + "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.5.tgz", + "integrity": "sha512-JgoahDG51ncUfJu6wX/1vWQEqOflgXyl4MaHqlcSruTez7yhaRKR9i8VjjcQGeS2en/jnFivXuaIMnseMMt0XA==", + "dependencies": { + "d3-array": "3", + "d3-axis": "3", + "d3-brush": "3", + "d3-chord": "3", + "d3-color": "3", + "d3-contour": "4", + "d3-delaunay": "6", + "d3-dispatch": "3", + "d3-drag": "3", + "d3-dsv": "3", + "d3-ease": "3", + "d3-fetch": "3", + "d3-force": "3", + "d3-format": "3", + "d3-geo": "3", + "d3-hierarchy": "3", + "d3-interpolate": "3", + "d3-path": "3", + "d3-polygon": "3", + "d3-quadtree": "3", + "d3-random": "3", + "d3-scale": "4", + "d3-scale-chromatic": "3", + "d3-selection": "3", + "d3-shape": "3", + "d3-time": "3", + "d3-time-format": "4", + "d3-timer": "3", + "d3-transition": "3", + "d3-zoom": "3" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/d3-array": { "version": "3.2.3", "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.3.tgz", "integrity": "sha512-JRHwbQQ84XuAESWhvIPaUV4/1UYTBOLiOPGWqgFDHZS1D5QN9c57FbH3QpEnQMYiOXNzKUQyGTZf+EVO7RT5TQ==", - "dev": true, "dependencies": { "internmap": "1 - 2" }, @@ -8292,11 +8419,161 @@ "node": ">=12" } }, + "node_modules/d3-axis": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz", + "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-brush": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz", + "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==", + "dependencies": { + "d3-dispatch": "1 - 3", + "d3-drag": "2 - 3", + "d3-interpolate": "1 - 3", + "d3-selection": "3", + "d3-transition": "3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-chord": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz", + "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==", + "dependencies": { + "d3-path": "1 - 3" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/d3-color": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz", "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==", - "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-contour": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz", + "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==", + "dependencies": { + "d3-array": "^3.2.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-delaunay": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz", + "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==", + "dependencies": { + "delaunator": "5" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-dispatch": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz", + "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-drag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz", + "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==", + "dependencies": { + "d3-dispatch": "1 - 3", + "d3-selection": "3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-dsv": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz", + "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==", + "dependencies": { + "commander": "7", + "iconv-lite": "0.6", + "rw": "1" + }, + "bin": { + "csv2json": "bin/dsv2json.js", + "csv2tsv": "bin/dsv2dsv.js", + "dsv2dsv": "bin/dsv2dsv.js", + "dsv2json": "bin/dsv2json.js", + "json2csv": "bin/json2dsv.js", + "json2dsv": "bin/json2dsv.js", + "json2tsv": "bin/json2dsv.js", + "tsv2csv": "bin/dsv2dsv.js", + "tsv2json": "bin/dsv2json.js" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-dsv/node_modules/commander": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz", + "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==", + "engines": { + "node": ">= 10" + } + }, + "node_modules/d3-dsv/node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/d3-ease": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz", + "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-fetch": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz", + "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==", + "dependencies": { + "d3-dsv": "1 - 3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-force": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz", + "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==", + "dependencies": { + "d3-dispatch": "1 - 3", + "d3-quadtree": "1 - 3", + "d3-timer": "1 - 3" + }, "engines": { "node": ">=12" } @@ -8305,7 +8582,25 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz", "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==", - "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-geo": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz", + "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==", + "dependencies": { + "d3-array": "2.5.0 - 3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-hierarchy": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz", + "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==", "engines": { "node": ">=12" } @@ -8314,7 +8609,6 @@ "version": "3.0.1", "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz", "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==", - "dev": true, "dependencies": { "d3-color": "1 - 3" }, @@ -8322,11 +8616,42 @@ "node": ">=12" } }, + "node_modules/d3-path": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz", + "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-polygon": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz", + "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-quadtree": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz", + "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-random": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz", + "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==", + "engines": { + "node": ">=12" + } + }, "node_modules/d3-scale": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz", "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==", - "dev": true, "dependencies": { "d3-array": "2.10.0 - 3", "d3-format": "1 - 3", @@ -8338,11 +8663,41 @@ "node": ">=12" } }, + "node_modules/d3-scale-chromatic": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz", + "integrity": "sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==", + "dependencies": { + "d3-color": "1 - 3", + "d3-interpolate": "1 - 3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-selection": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz", + "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-shape": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz", + "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==", + "dependencies": { + "d3-path": "^3.1.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/d3-time": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz", "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==", - "dev": true, "dependencies": { "d3-array": "2 - 3" }, @@ -8354,7 +8709,6 @@ "version": "4.1.0", "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz", "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==", - "dev": true, "dependencies": { "d3-time": "1 - 3" }, @@ -8362,12 +8716,67 @@ "node": ">=12" } }, + "node_modules/d3-timer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz", + "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==", + "engines": { + "node": ">=12" + } + }, + "node_modules/d3-transition": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz", + "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==", + "dependencies": { + "d3-color": "1 - 3", + "d3-dispatch": "1 - 3", + "d3-ease": "1 - 3", + "d3-interpolate": "1 - 3", + "d3-timer": "1 - 3" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "d3-selection": "2 - 3" + } + }, + "node_modules/d3-zoom": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz", + "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==", + "dependencies": { + "d3-dispatch": "1 - 3", + "d3-drag": "2 - 3", + "d3-interpolate": "1 - 3", + "d3-selection": "2 - 3", + "d3-transition": "2 - 3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/dagre-d3-es": { + "version": "7.0.9", + "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.9.tgz", + "integrity": "sha512-rYR4QfVmy+sR44IBDvVtcAmOReGBvRCWDpO2QjYwqgh9yijw6eSHBqaPG/LIOEy7aBsniLvtMW6pg19qJhq60w==", + "dependencies": { + "d3": "^7.8.2", + "lodash-es": "^4.17.21" + } + }, "node_modules/data-uri-to-buffer": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-2.0.2.tgz", "integrity": "sha512-ND9qDTLc6diwj+Xe5cdAgVTbLVdXbtxTJRXRhli8Mowuaan+0EJOtdqJ0QCHNSSPyoXGx9HX2/VMnKeC34AChA==", "dev": true }, + "node_modules/dayjs": { + "version": "1.11.8", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz", + "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==" + }, "node_modules/debug": { "version": "4.3.4", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", @@ -8506,6 +8915,14 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/delaunator": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.0.tgz", + "integrity": "sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==", + "dependencies": { + "robust-predicates": "^3.0.0" + } + }, "node_modules/depd": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", @@ -8687,6 +9104,11 @@ "url": "https://github.com/fb55/domhandler?sponsor=1" } }, + "node_modules/dompurify": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.3.tgz", + "integrity": "sha512-q6QaLcakcRjebxjg8/+NP+h0rPfatOgOzc46Fst9VAA3jF2ApfKBNKMzdP4DYTqtUMXSCd5pRS/8Po/OmoCHZQ==" + }, "node_modules/domutils": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", @@ -8767,6 +9189,11 @@ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.368.tgz", "integrity": "sha512-e2aeCAixCj9M7nJxdB/wDjO6mbYX+lJJxSJCXDzlr5YPGYVofuJwGN9nKg2o6wWInjX6XmxRinn3AeJMK81ltw==" }, + "node_modules/elkjs": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/elkjs/-/elkjs-0.8.2.tgz", + "integrity": "sha512-L6uRgvZTH+4OF5NE/MBbzQx/WYpru1xCBE9respNj6qznEewGUIfhzmm7horWWxbNO2M0WckQypGctR8lH79xQ==" + }, "node_modules/emoji-regex": { "version": "9.2.2", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", @@ -10062,6 +10489,11 @@ "he": "bin/he" } }, + "node_modules/heap": { + "version": "0.2.7", + "resolved": "https://registry.npmjs.org/heap/-/heap-0.2.7.tgz", + "integrity": "sha512-2bsegYkkHO+h/9MGbn6KWcE45cHZgPANo5LXF7EvWdT0yT2EguSVO1nDgU5c8+ZOPwp2vMNa7YFsJhVcDR9Sdg==" + }, "node_modules/history": { "version": "4.10.1", "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz", @@ -10467,7 +10899,6 @@ "version": "2.0.3", "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz", "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==", - "dev": true, "engines": { "node": ">=12" } @@ -11186,6 +11617,11 @@ "json-buffer": "3.0.0" } }, + "node_modules/khroma": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/khroma/-/khroma-2.0.0.tgz", + "integrity": "sha512-2J8rDNlQWbtiNYThZRvmMv5yt44ZakX+Tz5ZIp/mN1pt4snn+m030Va5Z4v8xA0cQFDXBwO/8i42xL4QPsVk3g==" + }, "node_modules/kind-of": { "version": "6.0.3", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", @@ -11230,6 +11666,11 @@ "shell-quote": "^1.7.3" } }, + "node_modules/layout-base": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-1.0.2.tgz", + "integrity": "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==" + }, "node_modules/leaflet": { "version": "1.9.3", "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.3.tgz", @@ -11294,6 +11735,11 @@ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, + "node_modules/lodash-es": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz", + "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==" + }, "node_modules/lodash.curry": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/lodash.curry/-/lodash.curry-4.1.1.tgz", @@ -11516,6 +11962,37 @@ "node": ">= 8" } }, + "node_modules/mermaid": { + "version": "9.4.3", + "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.4.3.tgz", + "integrity": "sha512-TLkQEtqhRSuEHSE34lh5bCa94KATCyluAXmFnNI2PRZwOpXFeqiJWwZl+d2CcemE1RS6QbbueSSq9QIg8Uxcyw==", + "dependencies": { + "@braintree/sanitize-url": "^6.0.0", + "cytoscape": "^3.23.0", + "cytoscape-cose-bilkent": "^4.1.0", + "cytoscape-fcose": "^2.1.0", + "d3": "^7.4.0", + "dagre-d3-es": "7.0.9", + "dayjs": "^1.11.7", + "dompurify": "2.4.3", + "elkjs": "^0.8.2", + "khroma": "^2.0.0", + "lodash-es": "^4.17.21", + "non-layered-tidy-tree-layout": "^2.0.2", + "stylis": "^4.1.2", + "ts-dedent": "^2.2.0", + "uuid": "^9.0.0", + "web-worker": "^1.2.0" + } + }, + "node_modules/mermaid/node_modules/uuid": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz", + "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==", + "bin": { + "uuid": "dist/bin/uuid" + } + }, "node_modules/methods": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", @@ -11793,6 +12270,11 @@ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz", "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==" }, + "node_modules/non-layered-tidy-tree-layout": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/non-layered-tidy-tree-layout/-/non-layered-tidy-tree-layout-2.0.2.tgz", + "integrity": "sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw==" + }, "node_modules/normalize-path": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", @@ -14248,6 +14730,11 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/robust-predicates": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz", + "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==" + }, "node_modules/rollup": { "version": "3.23.0", "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.23.0.tgz", @@ -14373,6 +14860,11 @@ "queue-microtask": "^1.2.2" } }, + "node_modules/rw": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz", + "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==" + }, "node_modules/rxjs": { "version": "7.8.0", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.0.tgz", @@ -15161,8 +15653,7 @@ "node_modules/stylis": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz", - "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==", - "dev": true + "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==" }, "node_modules/sucrase": { "version": "3.32.0", @@ -15553,6 +16044,14 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/ts-dedent": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz", + "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==", + "engines": { + "node": ">=6.10" + } + }, "node_modules/ts-interface-checker": { "version": "0.1.13", "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", @@ -16376,6 +16875,11 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/web-worker": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.2.0.tgz", + "integrity": "sha512-PgF341avzqyx60neE9DD+XS26MMNMoUQRz9NOZwW32nPQrF6p77f1htcnjBSEV8BGMKZ16choqUG4hyI0Hx7mA==" + }, "node_modules/webidl-conversions": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", diff --git a/package.json b/package.json index 75aa38b..4cc5472 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "dependencies": { "@docusaurus/core": "^2.4.0", "@docusaurus/preset-classic": "^2.4.0", + "@docusaurus/theme-mermaid": "^2.4.1", "react": "^17", "react-dom": "^17" },