svelte.sk-auth/app/tailwind.config.cjs
Dan6erbond 5d1802fea4
[ENHANCEMENT] Demo / Testing App, Updated Build Configuration (#8)
* 🎉 Scaffold example app with SvelteKit barebones skeleton

* 💄 Add TWCSS and base styles with fonts Inter/Fira Mono

* 🔧 Add `exports` and `types` to `package.json` and update `tsconfig.json` for Vite-compatible build output

*  Add local dependency to `svelte-kit-auth` as symlink

* 🔧 Update example app env variables

*  Add basic auth config to example app

* ♻️ Export all providers from `/providers` module

* 🎨 Make `Auth` class default export of lib

* 🚚 Rename `example-app` to `app`

*  Use `file:` instead of `link:` for local dependency to `svelte-kit-auth`

* 🔧 Add `JWT_SECRET_KEY` to env and config

* 🎨 Add `RedditOAuthProvider.profileHandler` for general use and stripping of payload

*  Export auth API routes from app

* ⬆️ Update local deps

*  Add `host` and `basePath` to general config and improve recognition of routes

* 🚨 Exclude `app` from TS build

* 📌 Undo `file:` mapping dependency for usage with Vite

TODO: Needs to be fixed for release.

* 🎨 Enable TS `strict` mode and set target to `es2017`

* 📌 Undo `file:` mapping dependency for usage with Vite

* 🚨 Format and lint files

* 🍱 Add logo

*  Add login and profile routes to example app for showcase and testing

* 💄 Add PrismJS and create homepage with example

* 🔨 Add `build:watch`
2021-05-21 17:59:21 +02:00

49 lines
1.4 KiB
JavaScript

const { tailwindExtractor } = require("tailwindcss/lib/lib/purgeUnusedStyles");
const { fontFamily } = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");
module.exports = {
mode: "aot",
purge: {
content: ["./src/**/*.{html,js,svelte,ts}"],
options: {
defaultExtractor: (content) => [
// If this stops working, please open an issue at https://github.com/svelte-add/tailwindcss/issues rather than bothering Tailwind Labs about it
...tailwindExtractor(content),
// Match Svelte class: directives (https://github.com/tailwindlabs/tailwindcss/discussions/1731)
...[...content.matchAll(/(?:class:)*([\w\d-/:%.]+)/gm)].map(
([_match, group, ..._rest]) => group,
),
],
},
safelist: [/^svelte-[\d\w]+$/],
},
theme: {
extend: {
fontFamily: {
sans: ["Inter", ...fontFamily.sans],
serif: [...fontFamily.serif],
mono: ["Fira Mono", ...fontFamily.mono],
},
colors: {
transparent: "transparent",
current: "currentColor",
black: colors.black,
white: colors.white,
gray: colors.trueGray,
"cool-gray": colors.blueGray,
blue: colors.blue,
indigo: colors.indigo,
red: colors.rose,
orange: colors.orange,
yellow: colors.amber,
pink: colors.pink,
},
},
},
variants: {
extend: {},
},
plugins: [],
};