diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 0c49951..068c27b 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -32,5 +32,4 @@ jobs: - name: Release env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - NPM_TOKEN: ${{ secrets.NPM_TOKEN }} run: npx multi-semantic-release --logLevel=trace \ No newline at end of file diff --git a/.multi-releaserc.js b/.multi-releaserc.js index 3bae796..1818f9a 100644 --- a/.multi-releaserc.js +++ b/.multi-releaserc.js @@ -1,5 +1,6 @@ -module.exports = { - "deps": { - "bump": "inherit" - } +export default { + deps: { + bump: 'inherit' + }, + debug: true, } \ No newline at end of file diff --git a/.vscode/README.md b/.vscode/README.md new file mode 100644 index 0000000..6c48303 --- /dev/null +++ b/.vscode/README.md @@ -0,0 +1,4 @@ +Settings add missing support for css container query syntax + +@see https://github.com/wileycoyote78/custom-css/ +@see https://stackoverflow.com/questions/76125833/container-type-property-and-container-rule-are-not-recognized-by-vs-code/76125894#76125894 \ No newline at end of file diff --git a/.vscode/custom-css.json b/.vscode/custom-css.json new file mode 100644 index 0000000..20e4bf3 --- /dev/null +++ b/.vscode/custom-css.json @@ -0,0 +1,88 @@ +{ + "version": 1.1, + "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/master/docs/customData.schema.json", + "atDirectives": [ + { + "name": "@container", + "description": { + "kind": "markdown", + "value": "The **@container** CSS at-rule is a conditional group rule that applies styles to a containment context." + }, + "references": [ + { + "name": "MDN reference", + "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@container" + } + ], + "browsers": [ + "E105", + "FF110", + "C105", + "S16.0", + "O91" + ] + } + ], + "properties": [ + { + "name": "container-type", + "description": { + "kind": "markdown", + "value": "The **container-type** CSS property is used to define the type of containment used in a container query." + }, + "references": [ + { + "name": "MDN reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/container-type" + } + ], + "browsers": [ + "E105", + "FF110", + "C105", + "S16.0", + "O91" + ] + }, + { + "name": "container-name", + "description": { + "kind": "markdown", + "value": "The **container-name** CSS property specifies a list of query container names used by the **@container** at rule in a container query." + }, + "references": [ + { + "name": "MDN reference", + "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/container-name" + } + ], + "browsers": [ + "E105", + "FF110", + "C105", + "S16.0", + "O91" + ] + }, + { + "name": "container", + "description": { + "kind": "markdown", + "value": "The **container** shorthand CSS property establishes the element as a query container and specifies the name or name for the containment used in a container query." + }, + "references": [ + { + "name": "MDN reference", + "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/container" + } + ], + "browsers": [ + "E105", + "FF110", + "C105", + "S16.0", + "O91" + ] + } + ] +} \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..7538a23 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,6 @@ +{ + "css.customData": [ + "./.vscode/custom-css.json" + ], + "prettier.enable": true, +} diff --git a/package-lock.json b/package-lock.json index d47b4bf..a0cc4d2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -87,13 +87,14 @@ } }, "node_modules/@astrojs/markdown-remark": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-3.1.0.tgz", - "integrity": "sha512-5UwamK0iFxN0n1Nw44vUk8AkQr4psKS63hM3D1/4bhhjs4ZFRyrYmg5NjScaMEXZcrd2KgGPsd+PEwNs4mlBOw==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-3.2.0.tgz", + "integrity": "sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==", "dependencies": { "@astrojs/prism": "^3.0.0", "github-slugger": "^2.0.0", "import-meta-resolve": "^3.0.0", + "mdast-util-definitions": "^6.0.0", "rehype-raw": "^6.1.1", "rehype-stringify": "^9.0.4", "remark-gfm": "^3.0.1", @@ -106,20 +107,86 @@ "vfile": "^5.3.7" }, "peerDependencies": { - "astro": "^3.0.11" + "astro": "^3.1.0" + } + }, + "node_modules/@astrojs/markdown-remark/node_modules/@types/mdast": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.0.tgz", + "integrity": "sha512-YLeG8CujC9adtj/kuDzq1N4tCDYKoZ5l/bnjq8d74+t/3q/tHquJOJKUQXJrLCflOHpKjXgcI/a929gpmLOEng==", + "dependencies": { + "@types/unist": "*" } }, + "node_modules/@astrojs/markdown-remark/node_modules/@types/unist": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz", + "integrity": "sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w==" + }, "node_modules/@astrojs/markdown-remark/node_modules/github-slugger": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-2.0.0.tgz", "integrity": "sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==" }, + "node_modules/@astrojs/markdown-remark/node_modules/mdast-util-definitions": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-6.0.0.tgz", + "integrity": "sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==", + "dependencies": { + "@types/mdast": "^4.0.0", + "@types/unist": "^3.0.0", + "unist-util-visit": "^5.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/@astrojs/markdown-remark/node_modules/mdast-util-definitions/node_modules/unist-util-visit": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz", + "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==", + "dependencies": { + "@types/unist": "^3.0.0", + "unist-util-is": "^6.0.0", + "unist-util-visit-parents": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/@astrojs/markdown-remark/node_modules/unist-util-is": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz", + "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==", + "dependencies": { + "@types/unist": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/@astrojs/markdown-remark/node_modules/unist-util-visit-parents": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz", + "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==", + "dependencies": { + "@types/unist": "^3.0.0", + "unist-util-is": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/@astrojs/mdx": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/@astrojs/mdx/-/mdx-1.0.3.tgz", - "integrity": "sha512-T+WnbBltX4COO3SZYPHLoRC8XrXSajgiKmXNtFWP5cCjIiofv86gkdSwsjqfLMCaLyGUEmd+vspoaCU0joSrOg==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@astrojs/mdx/-/mdx-1.1.0.tgz", + "integrity": "sha512-rmLZBw3CUCkp+5blBJloV2EqJGRaJTraJygWMfCvrLcCA3vzhwzACnVQKdUDlts8EEr6V6+HXYVqi46AVEfobg==", "dependencies": { - "@astrojs/markdown-remark": "3.1.0", + "@astrojs/markdown-remark": "3.2.0", "@mdx-js/mdx": "^2.3.0", "acorn": "^8.10.0", "es-module-lexer": "^1.3.0", @@ -139,7 +206,7 @@ "node": ">=18.14.1" }, "peerDependencies": { - "astro": "^3.0.11" + "astro": "^3.1.0" } }, "node_modules/@astrojs/mdx/node_modules/github-slugger": { @@ -10205,13 +10272,13 @@ } }, "node_modules/@storybook/testing-library": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@storybook/testing-library/-/testing-library-0.2.0.tgz", - "integrity": "sha512-Ff6jNnrsosmDshgCf0Eb5Cz7IA34p/1Ps5N3Kp3598kfXpBSccSkQQvVFUXC3kIHw/isIXWPqntZuKqnWUz7Gw==", + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@storybook/testing-library/-/testing-library-0.2.1.tgz", + "integrity": "sha512-AdbfLCm1C2nEFrhA3ScdicfW6Fjcorehr6RlGwECMiWwaXisnP971Wd4psqtWxlAqQo4tYBZ0f6rJ3J78JLtsg==", "dev": true, "dependencies": { "@testing-library/dom": "^9.0.0", - "@testing-library/user-event": "^14.0.0", + "@testing-library/user-event": "~14.4.0", "ts-dedent": "^2.2.0" } }, @@ -11623,11 +11690,11 @@ "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==" }, "node_modules/@types/nlcst": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@types/nlcst/-/nlcst-1.0.0.tgz", - "integrity": "sha512-3TGCfOcy8R8mMQ4CNSNOe3PG66HttvjcLzCoOpvXvDtfWOTi+uT/rxeOKm/qEwbM4SNe1O/PjdiBK2YcTjU4OQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@types/nlcst/-/nlcst-1.0.1.tgz", + "integrity": "sha512-aVIyXt6pZiiMOtVByE4Y0gf+BLm1Cxc4ZLSK8VRHn1CgkO+kXbQwN/EBhQmhPdBMjFJCMBKtmNW2zWQuFywz8Q==", "dependencies": { - "@types/unist": "*" + "@types/unist": "^2" } }, "node_modules/@types/node": { @@ -12213,9 +12280,10 @@ "dev": true }, "node_modules/@webcomponents/template-shadowroot": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/@webcomponents/template-shadowroot/-/template-shadowroot-0.2.1.tgz", - "integrity": "sha512-fXL/vIUakyZL62hyvUh+EMwbVoTc0hksublmRz6ai6et8znHkJa6gtqMUZo1oc7dIz46exHSIImml9QTdknMHg==" + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/@webcomponents/template-shadowroot/-/template-shadowroot-0.1.0.tgz", + "integrity": "sha512-ry84Vft6xtRBbd4M/ptRodbOLodV5AD15TYhyRghCRgIcJJKmYmJ2v2BaaWxygENwh6Uq3zTfGPmlckKT/GXsQ==", + "peer": true }, "node_modules/@yarnpkg/esbuild-plugin-pnp": { "version": "3.0.0-rc.15", @@ -12691,13 +12759,13 @@ } }, "node_modules/astro": { - "version": "3.0.12", - "resolved": "https://registry.npmjs.org/astro/-/astro-3.0.12.tgz", - "integrity": "sha512-nDLI9OGEjYIX90a1Md1orqyurPxqXTWTy7Sm3ZsWl5dpzSjcUXo3VB/GTvNjAMS9sE40BOxhay7/hnnQuI8p7A==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/astro/-/astro-3.1.0.tgz", + "integrity": "sha512-hVPZg9uDafqJbDwOwtcujwhJ6Qp3BCaIj1cvablTYI0jdYrZSvcybhIMTf8NhzK5smvZy2Bv9eEDYXLpiLDrRQ==", "dependencies": { "@astrojs/compiler": "^2.1.0", "@astrojs/internal-helpers": "0.2.0", - "@astrojs/markdown-remark": "3.1.0", + "@astrojs/markdown-remark": "3.2.0", "@astrojs/telemetry": "3.0.1", "@babel/core": "^7.22.10", "@babel/generator": "^7.22.10", @@ -12733,6 +12801,7 @@ "p-limit": "^4.0.0", "path-to-regexp": "^6.2.1", "preferred-pm": "^3.1.2", + "probe-image-size": "^7.2.3", "prompts": "^2.4.2", "rehype": "^12.0.1", "resolve": "^1.22.4", @@ -12862,7 +12931,8 @@ "node_modules/asynckit": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", - "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==" + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "dev": true }, "node_modules/available-typed-arrays": { "version": "1.0.5", @@ -14425,6 +14495,7 @@ "version": "1.0.8", "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dev": true, "dependencies": { "delayed-stream": "~1.0.0" }, @@ -15573,6 +15644,7 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "dev": true, "engines": { "node": ">=0.4.0" } @@ -16285,9 +16357,9 @@ } }, "node_modules/es-module-lexer": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz", - "integrity": "sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==" + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.1.tgz", + "integrity": "sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==" }, "node_modules/es6-error": { "version": "4.1.1", @@ -17668,6 +17740,7 @@ "version": "1.15.2", "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz", "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==", + "dev": true, "funding": [ { "type": "individual", @@ -18067,36 +18140,6 @@ "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==", "dev": true }, - "node_modules/github-user-repo-card": { - "version": "0.6.9", - "resolved": "https://registry.npmjs.org/github-user-repo-card/-/github-user-repo-card-0.6.9.tgz", - "integrity": "sha512-rllQEtvDV7L/0kAetV8QOWoNPp6P1e8u5yprNFH29YH2FHAj8lb7AgPOgqtXOQJuyjo8PNw/jvXDR3Cy+zAFtw==", - "dependencies": { - "axios": "^0.27.2" - } - }, - "node_modules/github-user-repo-card/node_modules/axios": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz", - "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==", - "dependencies": { - "follow-redirects": "^1.14.9", - "form-data": "^4.0.0" - } - }, - "node_modules/github-user-repo-card/node_modules/form-data": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", - "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", - "dependencies": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.8", - "mime-types": "^2.1.12" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/gitmojis": { "version": "3.13.5", "resolved": "https://registry.npmjs.org/gitmojis/-/gitmojis-3.13.5.tgz", @@ -18815,7 +18858,6 @@ "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", - "dev": true, "dependencies": { "safer-buffer": ">= 2.1.2 < 3" }, @@ -24708,8 +24750,7 @@ "node_modules/lodash.merge": { "version": "4.6.2", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", - "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", - "dev": true + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==" }, "node_modules/lodash.mergewith": { "version": "4.6.2", @@ -26284,6 +26325,7 @@ "version": "1.52.0", "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "dev": true, "engines": { "node": ">= 0.6" } @@ -26292,6 +26334,7 @@ "version": "2.1.35", "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dev": true, "dependencies": { "mime-db": "1.52.0" }, @@ -26514,6 +26557,30 @@ "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", "dev": true }, + "node_modules/needle": { + "version": "2.9.1", + "resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz", + "integrity": "sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==", + "dependencies": { + "debug": "^3.2.6", + "iconv-lite": "^0.4.4", + "sax": "^1.2.4" + }, + "bin": { + "needle": "bin/needle" + }, + "engines": { + "node": ">= 4.4.x" + } + }, + "node_modules/needle/node_modules/debug": { + "version": "3.2.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", + "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", + "dependencies": { + "ms": "^2.1.1" + } + }, "node_modules/negotiator": { "version": "0.6.3", "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", @@ -31230,6 +31297,16 @@ "node": ">=6" } }, + "node_modules/probe-image-size": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/probe-image-size/-/probe-image-size-7.2.3.tgz", + "integrity": "sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==", + "dependencies": { + "lodash.merge": "^4.6.2", + "needle": "^2.5.2", + "stream-parser": "~0.3.1" + } + }, "node_modules/process": { "version": "0.11.10", "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", @@ -31257,6 +31334,11 @@ "node": ">=8" } }, + "node_modules/profile-components": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/profile-components/-/profile-components-0.1.3.tgz", + "integrity": "sha512-zYY15fv5+Dx8tdpmFDU3qmiDVPQfK7Z/rJfWcFfd4/T/j9BStECP8w/L4nXPAMsV4QU/JrWAnCA4sChcBHzwNQ==" + }, "node_modules/progress": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", @@ -32907,13 +32989,12 @@ "node_modules/safer-buffer": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", - "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "dev": true + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" }, "node_modules/sass": { - "version": "1.66.1", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.66.1.tgz", - "integrity": "sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==", + "version": "1.67.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.67.0.tgz", + "integrity": "sha512-SVrO9ZeX/QQyEGtuZYCVxoeAL5vGlYjJ9p4i4HFuekWl8y/LtJ7tJc10Z+ck1c8xOuoBm2MYzcLfTAffD0pl/A==", "devOptional": true, "dependencies": { "chokidar": ">=3.0.0 <4.0.0", @@ -34350,6 +34431,27 @@ "safe-buffer": "~5.1.0" } }, + "node_modules/stream-parser": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/stream-parser/-/stream-parser-0.3.1.tgz", + "integrity": "sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==", + "dependencies": { + "debug": "2" + } + }, + "node_modules/stream-parser/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/stream-parser/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==" + }, "node_modules/stream-shift": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz", @@ -37238,7 +37340,7 @@ "version": "0.0.0", "dependencies": { "@astrojs/lit": "^3.0.0", - "@astrojs/mdx": "^1.0.3", + "@astrojs/mdx": "^1.1.0", "@astrojs/react": "^3.0.2", "@astrojs/rss": "^3.0.0", "@astrojs/sitemap": "^3.0.0", @@ -37246,25 +37348,30 @@ "@types/react-dom": "^18.2.7", "@webcomponents/template-shadowroot": "^0.2.1", "airtable": "^0.12.2", - "astro": "^3.0.12", - "github-user-repo-card": "^0.6.9", + "astro": "^3.1.0", "lit": "^2.8.0", "marked": "^9.0.0", + "profile-components": "^0.1.3", "react": "^18.2.0", "react-dom": "^18.2.0", "typescript": "^5.2.2" }, "devDependencies": { "@astrojs/partytown": "^2.0.0", - "@storybook/testing-library": "^0.2.0", + "@storybook/testing-library": "^0.2.1", "@testing-library/react": "^14.0.0", "astro-icon": "^0.8.1", "postcss-nested": "^6.0.1", "prop-types": "^15.8.1", - "sass": "^1.66.1", + "sass": "^1.67.0", "vite": "^4.4.9" } }, + "workspaces/website/node_modules/@webcomponents/template-shadowroot": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@webcomponents/template-shadowroot/-/template-shadowroot-0.2.1.tgz", + "integrity": "sha512-fXL/vIUakyZL62hyvUh+EMwbVoTc0hksublmRz6ai6et8znHkJa6gtqMUZo1oc7dIz46exHSIImml9QTdknMHg==" + }, "workspaces/website/node_modules/marked": { "version": "9.0.0", "resolved": "https://registry.npmjs.org/marked/-/marked-9.0.0.tgz", diff --git a/package.json b/package.json index c2a80ba..2c2c743 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,7 @@ "version": "0.0.0", "description": "website dev environment with a component library", "main": "index.js", + "type": "module", "repository": { "type": "git", "url": "https://github.com/scottnath/scottnath.com.git" diff --git a/workspaces/components/.releaserc.mjs b/workspaces/components/.releaserc.cjs similarity index 77% rename from workspaces/components/.releaserc.mjs rename to workspaces/components/.releaserc.cjs index cd356d9..ad34dba 100644 --- a/workspaces/components/.releaserc.mjs +++ b/workspaces/components/.releaserc.cjs @@ -1,4 +1,4 @@ -import config, { releaseRules } from 'storydocker-utilities/.releaserc.mjs'; +const config = require('storydocker-utilities/releases'); const plugins = config.plugins.map(plugin => { if (Array.isArray(plugin) && plugin[0] === 'semantic-release-gitmoji') { @@ -6,7 +6,6 @@ const plugins = config.plugins.map(plugin => { 'semantic-release-gitmoji', { tagFormat: 'scottnath-components@v${version}', - releaseRules, } ]; } @@ -15,7 +14,7 @@ const plugins = config.plugins.map(plugin => { }).filter(plugin => plugin !== undefined); -export default { +module.exports = { ...config, plugins }; \ No newline at end of file diff --git a/workspaces/components/src/github/129753876.png b/workspaces/components/src/github/129753876.png deleted file mode 100644 index fd71c30..0000000 Binary files a/workspaces/components/src/github/129753876.png and /dev/null differ diff --git a/workspaces/components/src/github/216931.jpg b/workspaces/components/src/github/216931.jpg deleted file mode 100644 index 54ce471..0000000 Binary files a/workspaces/components/src/github/216931.jpg and /dev/null differ diff --git a/workspaces/components/src/github/README.md b/workspaces/components/src/github/README.md deleted file mode 100644 index 89959bd..0000000 --- a/workspaces/components/src/github/README.md +++ /dev/null @@ -1,7 +0,0 @@ - - -## Repo card (@todo) - -- repo language colors - https://github.com/github/personal-website/blob/ec99147d789ea3332274857d38aba8c3b5063ae5/_data/colors.json#L1199 -- octicons - https://github.com/primer/octicons/blob/main/package.json - - create script to generate local svgs with aria-label \ No newline at end of file diff --git a/workspaces/components/src/github/card.js b/workspaces/components/src/github/card.js deleted file mode 100644 index 5be2294..0000000 --- a/workspaces/components/src/github/card.js +++ /dev/null @@ -1,121 +0,0 @@ -import { LitElement, html, css, unsafeCSS } from 'lit'; -import {when} from 'lit/directives/when.js'; -import stylesVars from './styles-vars.css?inline'; -import styles from './styles.css?inline'; - -import './repo'; - -export const githubLogoSvg = html``; -export const octiconPeople = html``; - -/** - * Render a user's avatar - * @param {ForemUser} user - Content about a user - */ -const avatarImg = (user) => html`Avatar for ${user?.name}`; - -/** - * GitHub user profile card component - * @element github-profile-card - * @prop {object} user - Content about a user - * @prop {object} [repos] - Content about a set of repos - */ -export class GitHubProfileCard extends LitElement { - static properties = { - user: { type: Object }, - repos: { type: Object }, - }; - static styles = css` - ${unsafeCSS(stylesVars)} - ${unsafeCSS(styles)} - `; - - constructor() { - super(); - this.error = null; - } - - connectedCallback() { - super.connectedCallback(); - this._cleanUserData(); - } - - /** - * Clean up data to conform to the HTML-expected content model - */ - _cleanUserData() { - if (!this.user) { - this.error = 'No user data provided'; - return; - } - } - - render() { - if (this.error) { - return html` -
-
- -
-
-

- ${this.error} -

-
-
- `; - } - - return html` -
-
-
- - - - -
-
-
-
- - - ${avatarImg(this.user)} - - - ${this.user?.name} - ${this.user?.login} - - -
- ${when(this.user?.bio, () => html`

${this.user?.bio}

`)} -
-
Following
-
${this.user?.following}
-
Followers
-
${this.user?.followers}
- -
- ${when(this.repos?.length, () => html` -
-
Pinned repositories
- ${this.repos.map((repo) => html` -
- `)} -
- `)} -
-
- `; - } -} - -customElements.define('github-profile-card', GitHubProfileCard); \ No newline at end of file diff --git a/workspaces/components/src/github/get-github-data.js b/workspaces/components/src/github/get-github-data.js deleted file mode 100644 index 2e9be8f..0000000 --- a/workspaces/components/src/github/get-github-data.js +++ /dev/null @@ -1,97 +0,0 @@ - - -// export interface IProfile { -// html_url: string; -// login: string; -// name?: string; -// avatar_url: string; -// following: string; -// followers: string; -// location?: string; -// public_repos: number; -// public_gists: number; -// bio?: string; -// } -/** - * - * @param {*} username - * @returns - */ -// export interface IRepository { -// html_url: string; -// name: string; -// description: string; -// language: string; -// stargazers_count: number; -// watchers?: number; -// forks_count?: number; -// default_branch?: string; -// license?: Licence - -// } - -export const fetchUser = async (username) => { - const response = await fetch(`https://api.github.com/users/${username}`); - const userJson = await response.json(); - return userJson; -} - -export const fetchUserGraphQL = async (username) => { - const response = await fetch(`https://api.github.com/graphql`, { - method: 'POST', - headers: { - 'Content-Type': 'application/json', - }, - body: JSON.stringify({ - query: ` - query { - user(login: "${username}") { - name - login - avatarUrl - bio - } - } - ` - }) - }); - const userJson = await response.json(); - return userJson; -} - -/** - * Fetch a GitHub repository's content from the GitHub api - */ -export const fetchRepo = async (full_name) => { - const response = await fetch(`https://api.github.com/repos/${full_name}`); - const repoJson = await response.json(); - return repoJson; -} - - -/** - * Get a user's profile and repos - * @param {string} username - * @param {[string]} repos - * @returns {Promise<{user: object, repos: object[]}>} - */ -export const getGitHubContent = async (username, repos = []) => { - const user = await fetchUser(username); - if (user.error) { - return { - error: user.error, - } - } - const repositories = []; - if (repos.length) { - let i = 0; - while (i < repos.length) { - repositories.push(await fetchRepo(repos[i])); - i++; - } - } - return { - ghUser: user, - repos: repositories, - } -} diff --git a/workspaces/components/src/github/profile-card.stories.js b/workspaces/components/src/github/profile-card.stories.js deleted file mode 100644 index 7ebe40d..0000000 --- a/workspaces/components/src/github/profile-card.stories.js +++ /dev/null @@ -1,25 +0,0 @@ - -import { scottnath } from './user-data'; -import { scottnathdotcom, storydocker } from './repo-data'; -import './card'; - -export default { - title: 'GitHub Card', - component: 'github-profile-card', - tags: ['autodocs'], -}; - -export const User = { - args: { - user: scottnath, - repos: [scottnathdotcom, storydocker], - }, -} - -export const NoRepos = { - args: { - user: scottnath, - }, -} - -export const NoUser = {}; \ No newline at end of file diff --git a/workspaces/components/src/github/repo-card.stories.js b/workspaces/components/src/github/repo-card.stories.js deleted file mode 100644 index fe0b33f..0000000 --- a/workspaces/components/src/github/repo-card.stories.js +++ /dev/null @@ -1,23 +0,0 @@ -import { scottnathdotcom, storydocker } from './repo-data'; - -import './repo'; - -export default { - title: 'GitHub Repo Card', - component: 'github-repo-card', - tags: ['autodocs'], -}; - -export const Repo = { - args: { - repo: scottnathdotcom, - }, -} - -export const WithOrg = { - args: { - repo: storydocker, - }, -} - -export const NoRepo = {}; \ No newline at end of file diff --git a/workspaces/components/src/github/repo-data.jsx b/workspaces/components/src/github/repo-data.jsx deleted file mode 100644 index 8ae4b5e..0000000 --- a/workspaces/components/src/github/repo-data.jsx +++ /dev/null @@ -1,240 +0,0 @@ -export const storydocker = { - id: 622958150, - node_id: 'R_kgDOJSGWRg', - name: 'storydocker', - full_name: 'storydocker/storydocker', - private: false, - owner: { - login: 'storydocker', - id: 129753876, - node_id: 'O_kgDOB7vjFA', - avatar_url: 'https://avatars.githubusercontent.com/u/129753876?v=4', - gravatar_id: '', - url: 'https://api.github.com/users/storydocker', - html_url: 'https://github.com/storydocker', - followers_url: 'https://api.github.com/users/storydocker/followers', - following_url: 'https://api.github.com/users/storydocker/following{/other_user}', - gists_url: 'https://api.github.com/users/storydocker/gists{/gist_id}', - starred_url: 'https://api.github.com/users/storydocker/starred{/owner}{/repo}', - subscriptions_url: 'https://api.github.com/users/storydocker/subscriptions', - organizations_url: 'https://api.github.com/users/storydocker/orgs', - repos_url: 'https://api.github.com/users/storydocker/repos', - events_url: 'https://api.github.com/users/storydocker/events{/privacy}', - received_events_url: 'https://api.github.com/users/storydocker/received_events', - type: 'Organization', - site_admin: false - }, - html_url: 'https://github.com/storydocker/storydocker', - description: 'Storybook, but as a microservice', - fork: false, - url: 'https://api.github.com/repos/storydocker/storydocker', - forks_url: 'https://api.github.com/repos/storydocker/storydocker/forks', - keys_url: 'https://api.github.com/repos/storydocker/storydocker/keys{/key_id}', - collaborators_url: 'https://api.github.com/repos/storydocker/storydocker/collaborators{/collaborator}', - teams_url: 'https://api.github.com/repos/storydocker/storydocker/teams', - hooks_url: 'https://api.github.com/repos/storydocker/storydocker/hooks', - issue_events_url: 'https://api.github.com/repos/storydocker/storydocker/issues/events{/number}', - events_url: 'https://api.github.com/repos/storydocker/storydocker/events', - assignees_url: 'https://api.github.com/repos/storydocker/storydocker/assignees{/user}', - branches_url: 'https://api.github.com/repos/storydocker/storydocker/branches{/branch}', - tags_url: 'https://api.github.com/repos/storydocker/storydocker/tags', - blobs_url: 'https://api.github.com/repos/storydocker/storydocker/git/blobs{/sha}', - git_tags_url: 'https://api.github.com/repos/storydocker/storydocker/git/tags{/sha}', - git_refs_url: 'https://api.github.com/repos/storydocker/storydocker/git/refs{/sha}', - trees_url: 'https://api.github.com/repos/storydocker/storydocker/git/trees{/sha}', - statuses_url: 'https://api.github.com/repos/storydocker/storydocker/statuses/{sha}', - languages_url: 'https://api.github.com/repos/storydocker/storydocker/languages', - stargazers_url: 'https://api.github.com/repos/storydocker/storydocker/stargazers', - contributors_url: 'https://api.github.com/repos/storydocker/storydocker/contributors', - subscribers_url: 'https://api.github.com/repos/storydocker/storydocker/subscribers', - subscription_url: 'https://api.github.com/repos/storydocker/storydocker/subscription', - commits_url: 'https://api.github.com/repos/storydocker/storydocker/commits{/sha}', - git_commits_url: 'https://api.github.com/repos/storydocker/storydocker/git/commits{/sha}', - comments_url: 'https://api.github.com/repos/storydocker/storydocker/comments{/number}', - issue_comment_url: 'https://api.github.com/repos/storydocker/storydocker/issues/comments{/number}', - contents_url: 'https://api.github.com/repos/storydocker/storydocker/contents/{+path}', - compare_url: 'https://api.github.com/repos/storydocker/storydocker/compare/{base}...{head}', - merges_url: 'https://api.github.com/repos/storydocker/storydocker/merges', - archive_url: 'https://api.github.com/repos/storydocker/storydocker/{archive_format}{/ref}', - downloads_url: 'https://api.github.com/repos/storydocker/storydocker/downloads', - issues_url: 'https://api.github.com/repos/storydocker/storydocker/issues{/number}', - pulls_url: 'https://api.github.com/repos/storydocker/storydocker/pulls{/number}', - milestones_url: 'https://api.github.com/repos/storydocker/storydocker/milestones{/number}', - notifications_url: 'https://api.github.com/repos/storydocker/storydocker/notifications{?since,all,participating}', - labels_url: 'https://api.github.com/repos/storydocker/storydocker/labels{/name}', - releases_url: 'https://api.github.com/repos/storydocker/storydocker/releases{/id}', - deployments_url: 'https://api.github.com/repos/storydocker/storydocker/deployments', - created_at: '2023-04-03T12:11:02Z', - updated_at: '2023-04-25T20:13:15Z', - pushed_at: '2023-07-20T20:53:53Z', - git_url: 'git://github.com/storydocker/storydocker.git', - ssh_url: 'git@github.com:storydocker/storydocker.git', - clone_url: 'https://github.com/storydocker/storydocker.git', - svn_url: 'https://github.com/storydocker/storydocker', - homepage: '', - size: 1082, - stargazers_count: 0, - watchers_count: 0, - language: 'JavaScript', - has_issues: true, - has_projects: false, - has_downloads: true, - has_wiki: false, - has_pages: false, - has_discussions: false, - forks_count: 0, - mirror_url: null, - archived: false, - disabled: false, - open_issues_count: 0, - license: { - key: 'mit', - name: 'MIT License', - spdx_id: 'MIT', - url: 'https://api.github.com/licenses/mit', - node_id: 'MDc6TGljZW5zZTEz' - }, - allow_forking: true, - is_template: false, - web_commit_signoff_required: false, - topics: [ 'storybook' ], - visibility: 'public', - forks: 0, - open_issues: 0, - watchers: 0, - default_branch: 'main', - temp_clone_token: null, - organization: { - login: 'storydocker', - id: 129753876, - node_id: 'O_kgDOB7vjFA', - // avatar_url: 'https://avatars.githubusercontent.com/u/129753876?v=4', - avatar_url: './129753876.png', - gravatar_id: '', - url: 'https://api.github.com/users/storydocker', - html_url: 'https://github.com/storydocker', - followers_url: 'https://api.github.com/users/storydocker/followers', - following_url: 'https://api.github.com/users/storydocker/following{/other_user}', - gists_url: 'https://api.github.com/users/storydocker/gists{/gist_id}', - starred_url: 'https://api.github.com/users/storydocker/starred{/owner}{/repo}', - subscriptions_url: 'https://api.github.com/users/storydocker/subscriptions', - organizations_url: 'https://api.github.com/users/storydocker/orgs', - repos_url: 'https://api.github.com/users/storydocker/repos', - events_url: 'https://api.github.com/users/storydocker/events{/privacy}', - received_events_url: 'https://api.github.com/users/storydocker/received_events', - type: 'Organization', - site_admin: false - }, - network_count: 0, - subscribers_count: 0 -} - -export const scottnathdotcom = { - id: 661789335, - node_id: 'R_kgDOJ3Ialw', - name: 'scottnath.com', - full_name: 'scottnath/scottnath.com', - private: false, - owner: { - login: 'scottnath', - id: 216931, - node_id: 'MDQ6VXNlcjIxNjkzMQ==', - avatar_url: 'https://avatars.githubusercontent.com/u/216931?v=4', - gravatar_id: '', - url: 'https://api.github.com/users/scottnath', - html_url: 'https://github.com/scottnath', - followers_url: 'https://api.github.com/users/scottnath/followers', - following_url: 'https://api.github.com/users/scottnath/following{/other_user}', - gists_url: 'https://api.github.com/users/scottnath/gists{/gist_id}', - starred_url: 'https://api.github.com/users/scottnath/starred{/owner}{/repo}', - subscriptions_url: 'https://api.github.com/users/scottnath/subscriptions', - organizations_url: 'https://api.github.com/users/scottnath/orgs', - repos_url: 'https://api.github.com/users/scottnath/repos', - events_url: 'https://api.github.com/users/scottnath/events{/privacy}', - received_events_url: 'https://api.github.com/users/scottnath/received_events', - type: 'User', - site_admin: false - }, - html_url: 'https://github.com/scottnath/scottnath.com', - description: 'Website and components for scottnath.com', - fork: false, - url: 'https://api.github.com/repos/scottnath/scottnath.com', - forks_url: 'https://api.github.com/repos/scottnath/scottnath.com/forks', - keys_url: 'https://api.github.com/repos/scottnath/scottnath.com/keys{/key_id}', - collaborators_url: 'https://api.github.com/repos/scottnath/scottnath.com/collaborators{/collaborator}', - teams_url: 'https://api.github.com/repos/scottnath/scottnath.com/teams', - hooks_url: 'https://api.github.com/repos/scottnath/scottnath.com/hooks', - issue_events_url: 'https://api.github.com/repos/scottnath/scottnath.com/issues/events{/number}', - events_url: 'https://api.github.com/repos/scottnath/scottnath.com/events', - assignees_url: 'https://api.github.com/repos/scottnath/scottnath.com/assignees{/user}', - branches_url: 'https://api.github.com/repos/scottnath/scottnath.com/branches{/branch}', - tags_url: 'https://api.github.com/repos/scottnath/scottnath.com/tags', - blobs_url: 'https://api.github.com/repos/scottnath/scottnath.com/git/blobs{/sha}', - git_tags_url: 'https://api.github.com/repos/scottnath/scottnath.com/git/tags{/sha}', - git_refs_url: 'https://api.github.com/repos/scottnath/scottnath.com/git/refs{/sha}', - trees_url: 'https://api.github.com/repos/scottnath/scottnath.com/git/trees{/sha}', - statuses_url: 'https://api.github.com/repos/scottnath/scottnath.com/statuses/{sha}', - languages_url: 'https://api.github.com/repos/scottnath/scottnath.com/languages', - stargazers_url: 'https://api.github.com/repos/scottnath/scottnath.com/stargazers', - contributors_url: 'https://api.github.com/repos/scottnath/scottnath.com/contributors', - subscribers_url: 'https://api.github.com/repos/scottnath/scottnath.com/subscribers', - subscription_url: 'https://api.github.com/repos/scottnath/scottnath.com/subscription', - commits_url: 'https://api.github.com/repos/scottnath/scottnath.com/commits{/sha}', - git_commits_url: 'https://api.github.com/repos/scottnath/scottnath.com/git/commits{/sha}', - comments_url: 'https://api.github.com/repos/scottnath/scottnath.com/comments{/number}', - issue_comment_url: 'https://api.github.com/repos/scottnath/scottnath.com/issues/comments{/number}', - contents_url: 'https://api.github.com/repos/scottnath/scottnath.com/contents/{+path}', - compare_url: 'https://api.github.com/repos/scottnath/scottnath.com/compare/{base}...{head}', - merges_url: 'https://api.github.com/repos/scottnath/scottnath.com/merges', - archive_url: 'https://api.github.com/repos/scottnath/scottnath.com/{archive_format}{/ref}', - downloads_url: 'https://api.github.com/repos/scottnath/scottnath.com/downloads', - issues_url: 'https://api.github.com/repos/scottnath/scottnath.com/issues{/number}', - pulls_url: 'https://api.github.com/repos/scottnath/scottnath.com/pulls{/number}', - milestones_url: 'https://api.github.com/repos/scottnath/scottnath.com/milestones{/number}', - notifications_url: 'https://api.github.com/repos/scottnath/scottnath.com/notifications{?since,all,participating}', - labels_url: 'https://api.github.com/repos/scottnath/scottnath.com/labels{/name}', - releases_url: 'https://api.github.com/repos/scottnath/scottnath.com/releases{/id}', - deployments_url: 'https://api.github.com/repos/scottnath/scottnath.com/deployments', - created_at: '2023-07-03T16:45:49Z', - updated_at: '2023-07-03T18:51:23Z', - pushed_at: '2023-07-24T01:41:22Z', - git_url: 'git://github.com/scottnath/scottnath.com.git', - ssh_url: 'git@github.com:scottnath/scottnath.com.git', - clone_url: 'https://github.com/scottnath/scottnath.com.git', - svn_url: 'https://github.com/scottnath/scottnath.com', - homepage: null, - size: 2934, - stargazers_count: 0, - watchers_count: 0, - language: 'HTML', - has_issues: true, - has_projects: true, - has_downloads: true, - has_wiki: true, - has_pages: false, - has_discussions: false, - forks_count: 0, - mirror_url: null, - archived: false, - disabled: false, - open_issues_count: 0, - license: { - key: 'mit', - name: 'MIT License', - spdx_id: 'MIT', - url: 'https://api.github.com/licenses/mit', - node_id: 'MDc6TGljZW5zZTEz' - }, - allow_forking: true, - is_template: false, - web_commit_signoff_required: false, - topics: [], - visibility: 'public', - forks: 0, - open_issues: 0, - watchers: 0, - default_branch: 'main', - temp_clone_token: null, - network_count: 0, - subscribers_count: 1 -} \ No newline at end of file diff --git a/workspaces/components/src/github/repo.js b/workspaces/components/src/github/repo.js deleted file mode 100644 index 3309185..0000000 --- a/workspaces/components/src/github/repo.js +++ /dev/null @@ -1,118 +0,0 @@ -import { LitElement, html, css, unsafeCSS } from 'lit'; -import {when} from 'lit/directives/when.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import stylesVars from './styles-vars.css?inline'; -import styles from './styles-repo.css?inline'; - - -export const githubLogoSvg = html``; - -export const repoIcon = html``; -export const forksIcon = html` - -`; -export const starIcon = html` - -`; -export const watchIcon = html``; - -/** - * - * @param {string} language - * @returns hex code color from colors.json - * @todo parse actual colors.json - * @todo moar simple svg circle pls - */ -export const getCircle = (language) => { - let fill = '#f1e05a'; - switch (language) { - case "TypeScript": - fill = '#3178c6' - case "Shell": - fill = '#89e051' - case "JavaScript": - fill = '#f1e05a' - case "HTML": - fill = '#e34c26' - case "CSS": - fill = '#563d7c' - case "Java": - fill = '#b07219' - default: - fill = '#f1e05a' - } - - return html`` -} - -/** - * GitHub repo card component - * @element github-repo-card - * @prop {tbd} repo - Content about a user - * @prop {string} itemprop - Itemprop content to go on itemscope - */ -export class GitHubRepoCard extends LitElement { - static properties = { - repo: { type: Object }, - itemprop: { type: String } - }; - static styles = css` - ${unsafeCSS(stylesVars)} - ${unsafeCSS(styles)} - `; - - constructor() { - super(); - this.error = null; - } - - connectedCallback() { - super.connectedCallback(); - this._cleanUserData(); - } - - /** - * Clean up data to conform to the HTML-expected content model - */ - _cleanUserData() { - if (!this.repo) { - this.error = 'No repo data provided'; - return; - } - } - - render() { - if (this.error) { - return html``; - } - - return html` -
- - ${repoIcon} - ${when(this.repo?.organization?.login, () => html` - ${this.repo?.organization?.login} / - `)} - ${this.repo?.name} - - ${when(this.repo?.description, () => html` -

${this.repo?.description}

- `)} -
-
${getCircle(this.repo?.language)} Language
-
${this.repo?.language}
-
${starIcon} Stars
-
${this.repo?.stargazers_count}
-
${watchIcon} Watchers
-
${this.repo?.watchers_count}
-
${forksIcon} Forks
-
${this.repo?.forks}
-
-
- `; - } -} - -customElements.define('github-repo-card', GitHubRepoCard); \ No newline at end of file diff --git a/workspaces/components/src/github/styles-repo.css b/workspaces/components/src/github/styles-repo.css deleted file mode 100644 index 20b31fd..0000000 --- a/workspaces/components/src/github/styles-repo.css +++ /dev/null @@ -1,105 +0,0 @@ -:host { - - --white: 255, 255, 255; - --black: 0, 0, 0; - --grey-100: 245, 245, 245; - --grey-900: 23, 23, 23; - --indigo-600: 79, 70, 229; - --indigo-700: 67, 56, 202; - --base-60: #717171; - --base-70: #575757; - --base-90: #242424; - --radius: 0.375em; - - --body-bg: rgb(var(--grey-100)); - --card-bg: rgb(var(--white)); - - --card-color: var(--color-scale-gray-0); - --card-color-bold: var(--base-90); - --card-shadow-color: rgba(var(--grey-900), 0.05); - - - --divider: 1px solid var(--body-bg); - - --ff-base: var(--ff-sans-serif); - - --fs-base: 14px; - --fs-mild: 0.875em; - --fs-bold: 1.25em; - - --fw-base: 500; - --fw-mild: 300; - --fw-bold: 700; - -} -:host { - line-height: 1.5; - - color: var(--color-base); - font-family: var(--ff-base); - font-size: var(--fs-base); - font-weight: var(--fw-base); -} -/** root elements cleanup */ -* { - padding: 0; - margin: 0; - margin-inline: 0; -} -a { - text-decoration: none; -} -address { - font-style: normal; -} -/* BorderBox */ - -/* TODO: Rename? Nest? */ -.repo { - background-color: var(--color-canvas-default); - border-color: var(--color-border-default); - border-style: solid; - border-width: max(1px, 0.0625rem); - border-radius: var(--radius); - padding: 1em; - - [itemprop="codeRepository"] { - display: block; - - > svg { - fill: var(--color-mild); - vertical-align: text-bottom; - } - [itemprop="maintainer"], [itemprop="name"] { - color: var(--color-link); - } - } - - [itemprop="about"] { - margin-top: .5em; - color: var(--color-mild); - } -} -dl { - display: flex; - flex: 1 1 auto; - color: var(--color-mild); - margin-top: .5em; - - > dt { - margin-right: .2em; - > span { - display: none; - } - > svg { - vertical-align: text-bottom; - } - } - > dd { - margin-right: 1em; - - &:last-of-type { - margin-right: 0; - } - } -} \ No newline at end of file diff --git a/workspaces/components/src/github/styles-vars.css b/workspaces/components/src/github/styles-vars.css deleted file mode 100644 index 444307e..0000000 --- a/workspaces/components/src/github/styles-vars.css +++ /dev/null @@ -1,26 +0,0 @@ - -/** styles from primer? */ -:host { - --ff-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; - --base-size-8: 0.5em; - --base-size-16: 1em; - --base-size-32: 2em; -} - -:host { - /* in theory, dark default */ - --color-scale-gray-0: #f0f6fc; - --color-fg-muted: #7d8590; - --color-accent-fg: #2f81f7; - --color-border-default: #30363d; - --color-canvas-default: #0d1117; -} - -:host { - /* local component colors */ - - --color-base: var(--color-scale-gray-0); - --color-mild: var(--color-fg-muted); - --color-bold: var(--base-90); - --color-link: var(--color-accent-fg); -} \ No newline at end of file diff --git a/workspaces/components/src/github/styles.css b/workspaces/components/src/github/styles.css deleted file mode 100644 index 71aa496..0000000 --- a/workspaces/components/src/github/styles.css +++ /dev/null @@ -1,225 +0,0 @@ -:host { - /** styles from github.com */ - --ff-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; - --color-scale-gray-0: #f0f6fc; - --color-fg-muted: #7d8590; - - --white: 255, 255, 255; - --black: 0, 0, 0; - --grey-100: 245, 245, 245; - --grey-900: 23, 23, 23; - --indigo-600: 79, 70, 229; - --indigo-700: 67, 56, 202; - --base-60: #717171; - --base-70: #575757; - --base-90: #242424; - --radius: 0.375em; - - --body-bg: rgb(var(--grey-100)); - --card-bg: rgb(var(--white)); - - --card-color: var(--color-scale-gray-0); - --card-color-bold: var(--base-90); - --card-shadow-color: rgba(var(--grey-900), 0.05); - - --color-base: var(--color-scale-gray-0); - --color-mild: var(--color-fg-muted); - --color-bold: var(--base-90); - - --divider: 1px solid var(--body-bg); - - --ff-base: var(--ff-sans-serif); - - --fs-base: 14px; - --fs-mild: 0.875em; - --fs-bold: 1.25em; - - --fw-base: 500; - --fw-mild: 300; - --fw-bold: 700; - - --accent-brand: rgb(var(--indigo-600)); - --accent-brand-darker: rgb(var(--indigo-700)); - --profile-brand-color: rgb(var(--black)); - - --cta-bg: transparent; - --cta-bg-hover: rgba(var(--indigo-600), 0.1); - --cta-color: rgb(var(--grey-800)); - --cta-color-hover: var(--accent-brand-darker); - --cta-border: rgb(var(--grey-600)); - --cta-border-hover: var(--accent-brand-darker); - - --cta-branded-bg: transparent; - --cta-branded-bg-hover: var(--accent-brand); - --cta-branded-color: var(--accent-brand); - --cta-branded-color-hover: rgb(var(--white)); - --cta-branded-border: var(--accent-brand); - --cta-branded-border-hover: var(--accent-brand-darker); - - - -} -:host { - line-height: 1.5; - - color: var(--color-base); - font-family: var(--ff-base); - font-size: var(--fs-base); - font-weight: var(--fw-base); -} -/** root elements cleanup */ -* { - padding: 0; - margin: 0; - margin-inline: 0; -} -a { - text-decoration: none; -} -address { - font-style: normal; -} - -:host::part(card) { - --color-canvas-default: #0d1117; - - border-radius: var(--radius); - box-shadow: 0 0 0 1px var(--card-shadow-color); - background: var(--color-canvas-default); - padding: auto; - - overflow-wrap: break-word; - overflow-wrap: anywhere; - overflow: hidden; - max-width: 30em; -} - -:host header { - --borderWidth-thin: max(1px, 0.0625em); - --color-border-default: #30363d; - --color-canvas-inset: #010409; - --color-fg-default: #e6edf3; - --AppHeader-bg: var(--color-canvas-inset); - --base-size-8: 0.5em; - --base-size-16: 1em; - --base-size-32: 2em; - - background-color: var(--AppHeader-bg); - box-shadow: inset 0 calc(var(--borderWidth-thin, 1px)*-1) var(--color-border-default); - padding: var(--base-size-16, 16px); - - & a { - flex: 1 1 auto; - display: flex; - gap: var(--base-size-8, 8px); - } - - .logo { - width: var(--base-size-32, 32px); - height: var(--base-size-32, 32px); - outline-offset: 2px; - - > svg { - color: var(--color-fg-default); - width: var(--base-size-32, 32px); - height: var(--base-size-32, 32px); - vertical-align: middle; - fill: currentColor; - } - } - - .login { - color: rgb(var(--white)); - font-weight: var(--fw-bold); - padding-inline: var(--base-size-8, 8px); - --meow: calc((2em - 1.25em) / 2); - padding-block: var(--meow, 6px); - } -} - -[part="main"] { - --base-size-8: 0.5em; - --base-size-16: 1em; - --base-size-24: 1.5em; - --base-size-32: 2em; - - --color-avatar-border: rgba(240,246,252,0.1); - - padding: 0 1em 1em; - margin-top: var(--base-size-32, 32px); - - & a { - flex: 1 1 auto; - display: flex; - gap: var(--base-size-8, 8px); - align-items: center; - margin-bottom: var(--base-size-24, 1.5em); - - [itemprop="image"] { - flex-shrink: 0; - margin-right: var(--base-size-16, 16px); - width: 16.66666666%; - display: inline-block; - - & img { - box-shadow: 0 0 0 1px var(--avatar-borderColor, var(--color-avatar-border)); - border-radius: 50%; - line-height: 1; - width: 100%; - height: auto; - vertical-align: middle; - } - } - - [itemprop="creator"] { - width: 100%; - color: var(--color-base); - - - & span { - display: block; - font-size: 24px; - line-height: 1.25; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - [itemprop="alternativeName"] { - color: var(--color-mild); - font-size: 20px; - font-style: normal; - font-weight: var(--fw-mild); - line-height: 24px; - } - } - } - - [itemprop="description"] { - margin-bottom: var(--base-size-24, 1.5em); - } - - & dl:has([itemprop="follows"]) { - direction: rtl; - text-align: left; - margin-bottom: var(--base-size-24, 1.5em); - - & dt, & dd { - display: inline-block; - } - & dt { - color: var(--color-mild); - } - :is([aria-hidden="true"]):has(svg) svg { - fill: var(--color-mild); - vertical-align: text-bottom; - } - } - & dl:has(github-repo-card) { - margin-top: .5em; - - > dd { - padding: .5em .5em 0; - } - } -} diff --git a/workspaces/components/src/github/user-data.jsx b/workspaces/components/src/github/user-data.jsx deleted file mode 100644 index 928cbaf..0000000 --- a/workspaces/components/src/github/user-data.jsx +++ /dev/null @@ -1,35 +0,0 @@ -export const scottnath = { - login: 'scottnath', - id: 216931, - node_id: 'MDQ6VXNlcjIxNjkzMQ==', - // avatar_url: 'https://avatars.githubusercontent.com/u/216931?v=4', - avatar_url: './216931.jpg', - gravatar_id: '', - url: 'https://api.github.com/users/scottnath', - html_url: 'https://github.com/scottnath', - followers_url: 'https://api.github.com/users/scottnath/followers', - following_url: 'https://api.github.com/users/scottnath/following{/other_user}', - gists_url: 'https://api.github.com/users/scottnath/gists{/gist_id}', - starred_url: 'https://api.github.com/users/scottnath/starred{/owner}{/repo}', - subscriptions_url: 'https://api.github.com/users/scottnath/subscriptions', - organizations_url: 'https://api.github.com/users/scottnath/orgs', - repos_url: 'https://api.github.com/users/scottnath/repos', - events_url: 'https://api.github.com/users/scottnath/events{/privacy}', - received_events_url: 'https://api.github.com/users/scottnath/received_events', - type: 'User', - site_admin: false, - name: 'Scott Nath', - company: 'IBM', - blog: 'scottnath.com', - location: 'New York', - email: null, - hireable: true, - bio: 'Front-end UI DevOps architect. Efficiency in all things and productivity will follow.', - twitter_username: null, - public_repos: 125, - public_gists: 24, - followers: 9, - following: 10, - created_at: '2010-03-06T01:59:25Z', - updated_at: '2023-08-02T06:01:07Z' -}; \ No newline at end of file diff --git a/workspaces/components/src/stories/Button.js b/workspaces/components/src/stories/Button.js deleted file mode 100644 index 5599e40..0000000 --- a/workspaces/components/src/stories/Button.js +++ /dev/null @@ -1,21 +0,0 @@ -import { html } from 'lit'; -import { styleMap } from 'lit/directives/style-map.js'; -import './button.css'; - -/** - * Primary UI component for user interaction - */ -export const Button = ({ primary, backgroundColor = null, size, label, onClick }) => { - const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary'; - - return html` - - `; -}; diff --git a/workspaces/components/src/stories/Button.stories.js b/workspaces/components/src/stories/Button.stories.js deleted file mode 100644 index 7ee384b..0000000 --- a/workspaces/components/src/stories/Button.stories.js +++ /dev/null @@ -1,44 +0,0 @@ -import { Button } from './Button'; - -// More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction -export default { - title: 'Example/Button', - tags: ['autodocs'], - render: (args) => Button(args), - argTypes: { - backgroundColor: { control: 'color' }, - onClick: { action: 'onClick' }, - size: { - control: { type: 'select' }, - options: ['small', 'medium', 'large'], - }, - }, -}; - -// More on writing stories with args: https://storybook.js.org/docs/web-components/writing-stories/args -export const Primary = { - args: { - primary: true, - label: 'Button', - }, -}; - -export const Secondary = { - args: { - label: 'Button', - }, -}; - -export const Large = { - args: { - size: 'large', - label: 'Button', - }, -}; - -export const Small = { - args: { - size: 'small', - label: 'Button', - }, -}; diff --git a/workspaces/components/src/stories/Header.js b/workspaces/components/src/stories/Header.js deleted file mode 100644 index 9cb94e2..0000000 --- a/workspaces/components/src/stories/Header.js +++ /dev/null @@ -1,45 +0,0 @@ -import { html } from 'lit'; - -import { Button } from './Button'; -import './header.css'; - -export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => html` -
-
-
- - - - - - - -

Acme

-
-
- ${user - ? Button({ size: 'small', onClick: onLogout, label: 'Log out' }) - : html`${Button({ - size: 'small', - onClick: onLogin, - label: 'Log in', - })} - ${Button({ - primary: true, - size: 'small', - onClick: onCreateAccount, - label: 'Sign up', - })}`} -
-
-
-`; diff --git a/workspaces/components/src/stories/Header.stories.js b/workspaces/components/src/stories/Header.stories.js deleted file mode 100644 index d399cb8..0000000 --- a/workspaces/components/src/stories/Header.stories.js +++ /dev/null @@ -1,18 +0,0 @@ -import { Header } from './Header'; - -export default { - title: 'Example/Header', - // This component will have an automatically generated Autodocs entry: https://storybook.js.org/web-components/vue/writing-docs/autodocs - tags: ['autodocs'], - render: (args) => Header(args), -}; - -export const LoggedIn = { - args: { - user: { - name: 'Jane Doe', - }, - }, -}; - -export const LoggedOut = {}; diff --git a/workspaces/components/src/stories/Introduction.mdx b/workspaces/components/src/stories/Introduction.mdx deleted file mode 100644 index ff7fc71..0000000 --- a/workspaces/components/src/stories/Introduction.mdx +++ /dev/null @@ -1,213 +0,0 @@ -import { Meta } from '@storybook/blocks'; -import Code from './assets/code-brackets.svg'; -import Colors from './assets/colors.svg'; -import Comments from './assets/comments.svg'; -import Direction from './assets/direction.svg'; -import Flow from './assets/flow.svg'; -import Plugin from './assets/plugin.svg'; -import Repo from './assets/repo.svg'; -import StackAlt from './assets/stackalt.svg'; - - - - - -# Welcome to Storybook - -Storybook helps you build UI components in isolation from your app's business logic, data, and context. -That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA. - -Browse example stories now by navigating to them in the sidebar. -View their code in the `stories` directory to learn how they work. -We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages. - -
Configure
- -
- - plugin - - Presets for popular tools - Easy setup for TypeScript, SCSS and more. - - - - Build - - Build configuration - How to customize webpack and Babel - - - - colors - - Styling - How to load and configure CSS libraries - - - - flow - - Data - Providers and mocking for data libraries - - -
- -
Learn
- -
- - repo - - Storybook documentation - Configure, customize, and extend - - - - direction - - In-depth guides - Best practices from leading teams - - - - code - - GitHub project - View the source and add issues - - - - comments - - Discord chat - Chat with maintainers and the community - - -
- -
- TipEdit the Markdown in{' '} - stories/Introduction.stories.mdx -
diff --git a/workspaces/components/src/stories/Page.js b/workspaces/components/src/stories/Page.js deleted file mode 100644 index 17ea864..0000000 --- a/workspaces/components/src/stories/Page.js +++ /dev/null @@ -1,61 +0,0 @@ -import { html } from 'lit'; -import { Header } from './Header'; -import './page.css'; - -export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => html` -
- ${Header({ - user, - onLogin, - onLogout, - onCreateAccount, - })} - -
-

Pages in Storybook

-

- We recommend building UIs with a - - component-driven process starting with atomic components and ending with pages. -

-

- Render pages with mock data. This makes it easy to build and review page states without - needing to navigate to them in your app. Here are some handy patterns for managing page data - in Storybook: -

- -

- Get a guided tutorial on component-driven development at - - Storybook tutorials - - . Read more in the - docs - . -

-
- Tip Adjust the width of the canvas with the - - - - - - Viewports addon in the toolbar -
-
-
-`; diff --git a/workspaces/components/src/stories/Page.stories.js b/workspaces/components/src/stories/Page.stories.js deleted file mode 100644 index 91cc023..0000000 --- a/workspaces/components/src/stories/Page.stories.js +++ /dev/null @@ -1,20 +0,0 @@ -import { Page } from './Page'; -import * as HeaderStories from './Header.stories'; - -export default { - title: 'Example/Page', - render: (args) => Page(args), -}; - -export const LoggedIn = { - args: { - // More on composing args: https://storybook.js.org/docs/web-components/writing-stories/args#args-composition - ...HeaderStories.LoggedIn.args, - }, -}; - -export const LoggedOut = { - args: { - ...HeaderStories.LoggedOut.args, - }, -}; diff --git a/workspaces/components/src/stories/assets/code-brackets.svg b/workspaces/components/src/stories/assets/code-brackets.svg deleted file mode 100644 index 73de947..0000000 --- a/workspaces/components/src/stories/assets/code-brackets.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/code-brackets \ No newline at end of file diff --git a/workspaces/components/src/stories/assets/colors.svg b/workspaces/components/src/stories/assets/colors.svg deleted file mode 100644 index 17d58d5..0000000 --- a/workspaces/components/src/stories/assets/colors.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/colors \ No newline at end of file diff --git a/workspaces/components/src/stories/assets/comments.svg b/workspaces/components/src/stories/assets/comments.svg deleted file mode 100644 index 6493a13..0000000 --- a/workspaces/components/src/stories/assets/comments.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/comments \ No newline at end of file diff --git a/workspaces/components/src/stories/assets/direction.svg b/workspaces/components/src/stories/assets/direction.svg deleted file mode 100644 index 65676ac..0000000 --- a/workspaces/components/src/stories/assets/direction.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/direction \ No newline at end of file diff --git a/workspaces/components/src/stories/assets/flow.svg b/workspaces/components/src/stories/assets/flow.svg deleted file mode 100644 index 8ac27db..0000000 --- a/workspaces/components/src/stories/assets/flow.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/flow \ No newline at end of file diff --git a/workspaces/components/src/stories/assets/plugin.svg b/workspaces/components/src/stories/assets/plugin.svg deleted file mode 100644 index 29e5c69..0000000 --- a/workspaces/components/src/stories/assets/plugin.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/plugin \ No newline at end of file diff --git a/workspaces/components/src/stories/assets/repo.svg b/workspaces/components/src/stories/assets/repo.svg deleted file mode 100644 index f386ee9..0000000 --- a/workspaces/components/src/stories/assets/repo.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/repo \ No newline at end of file diff --git a/workspaces/components/src/stories/assets/stackalt.svg b/workspaces/components/src/stories/assets/stackalt.svg deleted file mode 100644 index 9b7ad27..0000000 --- a/workspaces/components/src/stories/assets/stackalt.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/stackalt \ No newline at end of file diff --git a/workspaces/components/src/stories/button.css b/workspaces/components/src/stories/button.css deleted file mode 100644 index dc91dc7..0000000 --- a/workspaces/components/src/stories/button.css +++ /dev/null @@ -1,30 +0,0 @@ -.storybook-button { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 700; - border: 0; - border-radius: 3em; - cursor: pointer; - display: inline-block; - line-height: 1; -} -.storybook-button--primary { - color: white; - background-color: #1ea7fd; -} -.storybook-button--secondary { - color: #333; - background-color: transparent; - box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; -} -.storybook-button--small { - font-size: 12px; - padding: 10px 16px; -} -.storybook-button--medium { - font-size: 14px; - padding: 11px 20px; -} -.storybook-button--large { - font-size: 16px; - padding: 12px 24px; -} diff --git a/workspaces/components/src/stories/header.css b/workspaces/components/src/stories/header.css deleted file mode 100644 index 44c549d..0000000 --- a/workspaces/components/src/stories/header.css +++ /dev/null @@ -1,32 +0,0 @@ -.wrapper { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - padding: 15px 20px; - display: flex; - align-items: center; - justify-content: space-between; -} - -svg { - display: inline-block; - vertical-align: top; -} - -h1 { - font-weight: 700; - font-size: 20px; - line-height: 1; - margin: 6px 0 6px 10px; - display: inline-block; - vertical-align: top; -} - -button + button { - margin-left: 10px; -} - -.welcome { - color: #333; - font-size: 14px; - margin-right: 10px; -} diff --git a/workspaces/components/src/stories/page.css b/workspaces/components/src/stories/page.css deleted file mode 100644 index fb64fe4..0000000 --- a/workspaces/components/src/stories/page.css +++ /dev/null @@ -1,69 +0,0 @@ -section { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 24px; - padding: 48px 20px; - margin: 0 auto; - max-width: 600px; - color: #333; -} - -section h2 { - font-weight: 700; - font-size: 32px; - line-height: 1; - margin: 0 0 4px; - display: inline-block; - vertical-align: top; -} - -section p { - margin: 1em 0; -} - -section a { - text-decoration: none; - color: #1ea7fd; -} - -section ul { - padding-left: 30px; - margin: 1em 0; -} - -section li { - margin-bottom: 8px; -} - -section .tip { - display: inline-block; - border-radius: 1em; - font-size: 11px; - line-height: 12px; - font-weight: 700; - background: #e7fdd8; - color: #66bf3c; - padding: 4px 12px; - margin-right: 10px; - vertical-align: top; -} - -section .tip-wrapper { - font-size: 13px; - line-height: 20px; - margin-top: 40px; - margin-bottom: 40px; -} - -section .tip-wrapper svg { - display: inline-block; - height: 12px; - width: 12px; - margin-right: 4px; - vertical-align: top; - margin-top: 3px; -} - -section .tip-wrapper svg path { - fill: #1ea7fd; -} diff --git a/workspaces/website/.releaserc.mjs b/workspaces/website/.releaserc.cjs similarity index 76% rename from workspaces/website/.releaserc.mjs rename to workspaces/website/.releaserc.cjs index 74f8382..47bd487 100644 --- a/workspaces/website/.releaserc.mjs +++ b/workspaces/website/.releaserc.cjs @@ -1,4 +1,4 @@ -import config, { releaseRules } from 'storydocker-utilities/.releaserc.mjs'; +const config = require('storydocker-utilities/releases'); const plugins = config.plugins.map(plugin => { if (Array.isArray(plugin) && plugin[0] === 'semantic-release-gitmoji') { @@ -6,7 +6,6 @@ const plugins = config.plugins.map(plugin => { 'semantic-release-gitmoji', { tagFormat: 'scottnath-dot-com@v${version}', - releaseRules, } ]; } @@ -15,7 +14,7 @@ const plugins = config.plugins.map(plugin => { }).filter(plugin => plugin !== undefined); -export default { +module.exports = { ...config, plugins }; \ No newline at end of file diff --git a/workspaces/website/package.json b/workspaces/website/package.json index 111a420..c2e77ec 100644 --- a/workspaces/website/package.json +++ b/workspaces/website/package.json @@ -15,7 +15,7 @@ }, "dependencies": { "@astrojs/lit": "^3.0.0", - "@astrojs/mdx": "^1.0.3", + "@astrojs/mdx": "^1.1.0", "@astrojs/react": "^3.0.2", "@astrojs/rss": "^3.0.0", "@astrojs/sitemap": "^3.0.0", @@ -23,22 +23,22 @@ "@types/react-dom": "^18.2.7", "@webcomponents/template-shadowroot": "^0.2.1", "airtable": "^0.12.2", - "astro": "^3.0.12", - "github-user-repo-card": "^0.6.9", + "astro": "^3.1.0", "lit": "^2.8.0", "marked": "^9.0.0", + "profile-components": "^0.1.3", "react": "^18.2.0", "react-dom": "^18.2.0", "typescript": "^5.2.2" }, "devDependencies": { "@astrojs/partytown": "^2.0.0", - "@storybook/testing-library": "^0.2.0", + "@storybook/testing-library": "^0.2.1", "@testing-library/react": "^14.0.0", "astro-icon": "^0.8.1", "postcss-nested": "^6.0.1", "prop-types": "^15.8.1", - "sass": "^1.66.1", + "sass": "^1.67.0", "vite": "^4.4.9" } } diff --git a/workspaces/website/src/components/BaseHead.astro b/workspaces/website/src/components/BaseHead.astro index 08b736f..4a029e7 100644 --- a/workspaces/website/src/components/BaseHead.astro +++ b/workspaces/website/src/components/BaseHead.astro @@ -16,15 +16,6 @@ const { title, description, image = '/placeholder-scottnath.jpeg' } = Astro.prop --- - - - diff --git a/workspaces/website/src/components/Footer.astro b/workspaces/website/src/components/Footer.astro index 158b66c..9181932 100644 --- a/workspaces/website/src/components/Footer.astro +++ b/workspaces/website/src/components/Footer.astro @@ -5,7 +5,7 @@ const today = new Date();