From 2293b771f3dcf1a6f08a1644874e77064f74322b Mon Sep 17 00:00:00 2001 From: MapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com> Date: Fri, 31 Dec 2021 13:48:25 -0600 Subject: [PATCH] setup tailwind --- packages/docs-new/package.json | 4 ++++ packages/docs-new/postcss.config.cjs | 6 +++++ packages/docs-new/src/entry.server.tsx | 9 +++++++ packages/docs-new/src/tailwind.css | 3 +++ packages/docs-new/tailwind.config.cjs | 15 ++++++++++++ pnpm-lock.yaml | 33 +++++++------------------- 6 files changed, 45 insertions(+), 25 deletions(-) create mode 100644 packages/docs-new/postcss.config.cjs create mode 100644 packages/docs-new/src/tailwind.css create mode 100644 packages/docs-new/tailwind.config.cjs diff --git a/packages/docs-new/package.json b/packages/docs-new/package.json index 64019d3..06b35c1 100644 --- a/packages/docs-new/package.json +++ b/packages/docs-new/package.json @@ -17,14 +17,18 @@ "react-router-dom": "^6.2.1" }, "devDependencies": { + "@tailwindcss/typography": "^0.5.0", "@types/compression": "^1.7.2", "@types/express": "^4.17.13", "@types/node": "*", "@types/react": "^17.0.38", "@types/react-dom": "^17.0.9", "@vitejs/plugin-react": "^1.1.3", + "autoprefixer": "^10.4.1", "compression": "^1.7.4", "esno": "^0.13.0", + "postcss": "^8.4.5", + "tailwindcss": "^3.0.8", "typescript": "^4.5.4", "vite": "^2.7.10" } diff --git a/packages/docs-new/postcss.config.cjs b/packages/docs-new/postcss.config.cjs new file mode 100644 index 0000000..33ad091 --- /dev/null +++ b/packages/docs-new/postcss.config.cjs @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/packages/docs-new/src/entry.server.tsx b/packages/docs-new/src/entry.server.tsx index 7b07c8f..682ea1b 100644 --- a/packages/docs-new/src/entry.server.tsx +++ b/packages/docs-new/src/entry.server.tsx @@ -17,6 +17,15 @@ export async function render(url: string) { return /* HTML */ ` + + + + + + ${renderToString(<>{headTags})} diff --git a/packages/docs-new/src/tailwind.css b/packages/docs-new/src/tailwind.css new file mode 100644 index 0000000..b5c61c9 --- /dev/null +++ b/packages/docs-new/src/tailwind.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/packages/docs-new/tailwind.config.cjs b/packages/docs-new/tailwind.config.cjs new file mode 100644 index 0000000..044cf0d --- /dev/null +++ b/packages/docs-new/tailwind.config.cjs @@ -0,0 +1,15 @@ +// @ts-nocheck +module.exports = { + content: ["./src/**/*.{ts,tsx,md}"], + theme: { + fontFamily: { + sans: ["Rubik", "sans-serif"], + monospace: ["'JetBrains Mono'", "monospace"], + }, + boxShadow: { + DEFAULT: "0 2px 9px 0 rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.3)", + }, + extend: {}, + }, + plugins: [require("@tailwindcss/typography")], +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 848b8ea..e0dd156 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -112,21 +112,25 @@ importers: packages/docs-new: specifiers: + '@tailwindcss/typography': ^0.5.0 '@types/compression': ^1.7.2 '@types/express': ^4.17.13 '@types/node': '*' '@types/react': ^17.0.38 '@types/react-dom': ^17.0.9 '@vitejs/plugin-react': ^1.1.3 + autoprefixer: ^10.4.1 compression: ^1.7.4 esno: ^0.13.0 express: ^4.17.2 + postcss: ^8.4.5 reacord: workspace:* react: ^17.0.2 react-dom: ^17.0.2 react-head: ^3.4.0 react-router: ^6.2.1 react-router-dom: ^6.2.1 + tailwindcss: ^3.0.8 typescript: ^4.5.4 vite: ^2.7.10 dependencies: @@ -138,14 +142,18 @@ importers: react-router: 6.2.1_react@17.0.2 react-router-dom: 6.2.1_react-dom@17.0.2+react@17.0.2 devDependencies: + '@tailwindcss/typography': 0.5.0_tailwindcss@3.0.8 '@types/compression': 1.7.2 '@types/express': 4.17.13 '@types/node': 17.0.5 '@types/react': 17.0.38 '@types/react-dom': 17.0.11 '@vitejs/plugin-react': 1.1.3 + autoprefixer: 10.4.1_postcss@8.4.5 compression: 1.7.4 esno: 0.13.0_typescript@4.5.4 + postcss: 8.4.5 + tailwindcss: 3.0.8_cefe482e8d38053bbf3d5815e0c551b3 typescript: 4.5.4 vite: 2.7.10 @@ -1212,7 +1220,6 @@ packages: lodash.merge: 4.6.2 lodash.uniq: 4.5.0 tailwindcss: 3.0.8_cefe482e8d38053bbf3d5815e0c551b3 - dev: false /@tootallnate/once/1.1.2: resolution: {integrity: sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==} @@ -1446,7 +1453,6 @@ packages: /@types/parse-json/4.0.0: resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==} - dev: false /@types/parse5/6.0.3: resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==} @@ -1733,7 +1739,6 @@ packages: acorn: 7.4.1 acorn-walk: 7.2.0 xtend: 4.0.2 - dev: false /acorn-walk/7.2.0: resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==} @@ -1840,7 +1845,6 @@ packages: /arg/5.0.1: resolution: {integrity: sha512-e0hDa9H2Z9AwFkk2qDlwhoMYE4eToKarchkQHovNdLTCYMHZHeRjI71crOh+dio4K6u1IcwubQqo79Ga4CyAQA==} - dev: false /argparse/1.0.10: resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==} @@ -1982,7 +1986,6 @@ packages: picocolors: 1.0.0 postcss: 8.4.5 postcss-value-parser: 4.2.0 - dev: false /available-typed-arrays/1.0.5: resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==} @@ -2428,7 +2431,6 @@ packages: /camelcase-css/2.0.1: resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==} engines: {node: '>= 6'} - dev: false /camelcase-keys/6.2.2: resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==} @@ -2759,7 +2761,6 @@ packages: parse-json: 5.2.0 path-type: 4.0.0 yaml: 1.10.2 - dev: false /cp-file/7.0.0: resolution: {integrity: sha512-0Cbj7gyvFVApzpK/uhCtQ/9kE9UnYpxMzaq5nQQC/Dh4iaj5fxp7iEFIullrYwzj8nf0qnsI1Qsx34hAeAebvw==} @@ -2815,7 +2816,6 @@ packages: resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==} engines: {node: '>=4'} hasBin: true - dev: false /cssom/0.3.8: resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==} @@ -2986,7 +2986,6 @@ packages: /defined/1.0.0: resolution: {integrity: sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=} - dev: false /delayed-stream/1.0.0: resolution: {integrity: sha1-3zrhmayt+31ECqrgsp4icrJOxhk=} @@ -3027,7 +3026,6 @@ packages: acorn-node: 1.8.2 defined: 1.0.0 minimist: 1.2.5 - dev: false /dicer/0.3.0: resolution: {integrity: sha512-MdceRRWqltEG2dZqO769g27N/3PXfcKl04VhYnBlo2YhH7zPi88VebsjTKclaOyiuMaGU72hTfw3VkUitGcVCA==} @@ -3038,7 +3036,6 @@ packages: /didyoumean/1.2.2: resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==} - dev: false /diff-sequences/27.4.0: resolution: {integrity: sha512-YqiQzkrsmHMH5uuh8OdQFU9/ZpADnwzml8z0O5HvRNda+5UZsaX/xN+AAxfR2hWq1Y7HZnAzO9J5lJXOuDz2Ww==} @@ -3088,7 +3085,6 @@ packages: /dlv/1.1.3: resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==} - dev: false /doctrine/2.1.0: resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==} @@ -4148,7 +4144,6 @@ packages: /fraction.js/4.1.2: resolution: {integrity: sha512-o2RiJQ6DZaR/5+Si0qJUIy637QMRudSi9kU/FFzx9EZazrIdnBgpU+3sEWCxAVhH2RtxW2Oz+T4p2o8uOPVcgA==} - dev: false /fragment-cache/0.2.1: resolution: {integrity: sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=} @@ -5960,7 +5955,6 @@ packages: /lodash.castarray/4.4.0: resolution: {integrity: sha1-wCUTUV4wna3dTCTGDP3c9ZdtkRU=} - dev: false /lodash.debounce/4.0.8: resolution: {integrity: sha1-gteb/zCmfEAF/9XiUVMArZyk168=} @@ -5968,14 +5962,12 @@ packages: /lodash.isplainobject/4.0.6: resolution: {integrity: sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs=} - dev: false /lodash.merge/4.6.2: resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==} /lodash.uniq/4.5.0: resolution: {integrity: sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=} - dev: false /lodash/4.17.21: resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==} @@ -6744,7 +6736,6 @@ packages: /normalize-range/0.1.2: resolution: {integrity: sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=} engines: {node: '>=0.10.0'} - dev: false /normalize-url/4.5.1: resolution: {integrity: sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==} @@ -6800,7 +6791,6 @@ packages: /object-hash/2.2.0: resolution: {integrity: sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==} engines: {node: '>= 6'} - dev: false /object-inspect/1.12.0: resolution: {integrity: sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==} @@ -7237,7 +7227,6 @@ packages: dependencies: camelcase-css: 2.0.1 postcss: 8.4.5 - dev: false /postcss-load-config/3.1.0: resolution: {integrity: sha512-ipM8Ds01ZUophjDTQYSVP70slFSYg3T0/zyfII5vzhN6V57YSxMgG5syXuwi5VtS8wSf3iL30v0uBdoIVx4Q0g==} @@ -7260,7 +7249,6 @@ packages: dependencies: postcss: 8.4.5 postcss-selector-parser: 6.0.8 - dev: false /postcss-selector-parser/6.0.8: resolution: {integrity: sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ==} @@ -7268,11 +7256,9 @@ packages: dependencies: cssesc: 3.0.0 util-deprecate: 1.0.2 - dev: false /postcss-value-parser/4.2.0: resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} - dev: false /postcss/8.4.5: resolution: {integrity: sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==} @@ -8485,7 +8471,6 @@ packages: tmp: 0.2.1 transitivePeerDependencies: - ts-node - dev: false /tar/6.1.11: resolution: {integrity: sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==} @@ -8557,7 +8542,6 @@ packages: engines: {node: '>=8.17.0'} dependencies: rimraf: 3.0.2 - dev: false /tmpl/1.0.5: resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==} @@ -9373,7 +9357,6 @@ packages: /xtend/4.0.2: resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==} engines: {node: '>=0.4'} - dev: false /y18n/5.0.8: resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}