Missing some linting #4

Merged
Skydust merged 1 commits from r/missing-some-linting into dev 2023-08-31 17:51:20 +00:00
4 changed files with 260 additions and 260 deletions

View File

@@ -1,14 +1,14 @@
module.exports = { module.exports = {
projects: { projects: {
app: { app: {
schema: ["tina/__generated__/schema.gql"], schema: ["tina/__generated__/schema.gql"],
documents: [ documents: [
"tina/__generated__/queries.gql", "tina/__generated__/queries.gql",
"tina/__generated__/frags.gql", "tina/__generated__/frags.gql",
"tina/queries/queries.gql", "tina/queries/queries.gql",
"tina/queries/frags.gql", "tina/queries/frags.gql",
"pages/**/*.{graphql,js,ts,jsx,tsx}", "pages/**/*.{graphql,js,ts,jsx,tsx}"
], ]
}, }
}, }
}; };

View File

@@ -1,23 +1,23 @@
module.exports = { module.exports = {
webpack(config) { webpack(config) {
config.module.rules.push({ config.module.rules.push({
test: /\.svg$/i, test: /\.svg$/i,
issuer: /\.[jt]sx?$/, issuer: /\.[jt]sx?$/,
use: ["@svgr/webpack"], use: ["@svgr/webpack"]
}); });
return config; return config;
}, },
async rewrites() { async rewrites() {
return [ return [
{ {
source: "/", source: "/",
destination: "/home", destination: "/home"
}, },
{ {
source: "/admin", source: "/admin",
destination: "/admin/index.html", destination: "/admin/index.html"
}, }
]; ];
}, }
}; };

View File

@@ -1,8 +1,8 @@
module.exports = { module.exports = {
plugins: { plugins: {
"postcss-import": {}, "postcss-import": {},
"tailwindcss/nesting": {}, "tailwindcss/nesting": {},
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {}
}, }
}; };

View File

@@ -2,228 +2,228 @@ const colors = require("tailwindcss/colors");
const defaultTheme = require("tailwindcss/defaultTheme"); const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = { module.exports = {
mode: "jit", mode: "jit",
purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"], purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
darkMode: "class", darkMode: "class",
theme: { theme: {
colors: { colors: {
transparent: "transparent", transparent: "transparent",
current: "currentColor", current: "currentColor",
black: colors.black, black: colors.black,
white: colors.white, white: colors.white,
teal: colors.cyan, teal: colors.cyan,
green: colors.emerald, green: colors.emerald,
red: colors.rose, red: colors.rose,
purple: colors.purple, purple: colors.purple,
pink: colors.pink, pink: colors.pink,
yellow: colors.yellow, yellow: colors.yellow,
gray: { gray: {
50: "#F6F6F9", 50: "#F6F6F9",
100: "#EDECF3", 100: "#EDECF3",
150: "#E6E3EF", 150: "#E6E3EF",
200: "#E1DDEC", 200: "#E1DDEC",
250: "#C9C5D5", 250: "#C9C5D5",
300: "#b2adbe", 300: "#b2adbe",
400: "#918c9e", 400: "#918c9e",
500: "#716c7f", 500: "#716c7f",
600: "#565165", 600: "#565165",
700: "#433e52", 700: "#433e52",
800: "#363145", 800: "#363145",
900: "#252336", 900: "#252336",
1000: "#1c1b2e", 1000: "#1c1b2e"
}, },
blue: { blue: {
50: "#DCEEFF", 50: "#DCEEFF",
100: "#B4DBFF", 100: "#B4DBFF",
200: "#85C5FE", 200: "#85C5FE",
300: "#4EABFE", 300: "#4EABFE",
400: "#2296fe", 400: "#2296fe",
500: "#0084FF", 500: "#0084FF",
600: "#0574e4", 600: "#0574e4",
700: "#0D5DBD", 700: "#0D5DBD",
800: "#144696", 800: "#144696",
900: "#1D2C6C", 900: "#1D2C6C",
1000: "#241748", 1000: "#241748"
}, },
orange: { orange: {
200: "#EB7752", 200: "#EB7752",
300: "#EA6C45", 300: "#EA6C45",
400: "#E85C30", 400: "#E85C30",
500: "#EC4815", 500: "#EC4815",
600: "#DC4419", 600: "#DC4419",
700: "#D04017", 700: "#D04017",
800: "#C1360F", 800: "#C1360F"
}, }
},
screens: {
sm: "600px",
md: "900px",
lg: "1200px",
xl: "1500px",
"2xl": "1800px"
},
fontSize: {
xs: ".875rem",
sm: "1rem",
base: "1.125rem",
lg: "1.25rem",
xl: "1.5rem",
"2xl": "1.75rem",
"3xl": "2rem",
"4xl": "2.5rem",
"5xl": "3.25rem",
"6xl": "4rem",
"7xl": "5rem",
"8xl": "6rem"
},
borderWidth: {
DEFAULT: "3px",
0: "0",
2: "2px",
3: "3px",
4: "4px"
},
extend: {
textDecoration: ["active"],
opacity: {
7: ".075",
15: ".15"
},
maxWidth: {
"8xl": "86rem"
},
spacing: {
128: "32rem"
},
zIndex: {
"-1": "-1"
},
fontFamily: {
nunito: ["Nunito", ...defaultTheme.fontFamily.sans],
lato: ["Lato", ...defaultTheme.fontFamily.sans]
},
typography: (theme) => ({
DEFAULT: {
css: {
pre: {
color: theme("colors.gray.700"),
backgroundColor: theme("colors.gray.100"),
lineHeight: 1.5
},
code: {
backgroundColor: theme("colors.gray.100"),
padding: "0.25rem",
borderRadius: "3px",
margin: "-0.25rem 1px"
},
"code::before": {
content: "\"\""
},
"code::after": {
content: "\"\""
},
"p:first-of-type": {
fontSize: "1.125rem"
}
}
},
tint: {
css: {
pre: {
color: theme("colors.gray.800"),
backgroundColor: theme("colors.gray.150")
}
}
},
lg: {
css: {
pre: {
lineHeight: 1.5
},
"p:first-of-type": {
fontSize: "1.365rem"
}
}
},
xl: {
css: {
pre: {
lineHeight: 1.5
},
"p:first-of-type": {
fontSize: "1.365rem"
}
}
},
dark: {
css: {
color: theme("colors.gray.200"),
"[class~=\"lead\"]": { color: theme("colors.gray.400") },
a: { color: theme("colors.gray.100") },
strong: { color: theme("colors.gray.100") },
"ul > li::before": { backgroundColor: theme("colors.gray.700") },
hr: { borderColor: theme("colors.gray.800") },
blockquote: {
color: theme("colors.gray.100"),
borderLeftColor: theme("colors.gray.800")
},
h1: { color: theme("colors.gray.100") },
h2: { color: theme("colors.gray.100") },
h3: { color: theme("colors.gray.100") },
h4: { color: theme("colors.gray.100") },
code: {
color: theme("colors.gray.100"),
backgroundColor: theme("colors.gray.1000")
},
"a code": { color: theme("colors.gray.100") },
pre: {
color: theme("colors.gray.200"),
backgroundColor: theme("colors.gray.900")
},
thead: {
color: theme("colors.gray.100"),
borderBottomColor: theme("colors.gray.700")
},
"tbody tr": { borderBottomColor: theme("colors.gray.800") }
}
},
primary: {
css: {
color: theme("colors.gray.50"),
"[class~=\"lead\"]": { color: theme("colors.gray.400") },
a: { color: theme("colors.gray.100") },
strong: { color: theme("colors.gray.100") },
"ul > li::before": { backgroundColor: theme("colors.gray.700") },
hr: { borderColor: theme("colors.gray.800") },
blockquote: {
color: theme("colors.gray.100"),
borderLeftColor: theme("colors.gray.800")
},
h1: { color: theme("colors.gray.100") },
h2: { color: theme("colors.gray.100") },
h3: { color: theme("colors.gray.100") },
h4: { color: theme("colors.gray.100") },
code: {
color: theme("colors.gray.100"),
backgroundColor: "rgba(0,0,0,0.15)"
},
"a code": { color: theme("colors.gray.100") },
pre: {
color: theme("colors.gray.200"),
backgroundColor: "rgba(0,0,0,0.15)"
},
thead: {
color: theme("colors.gray.100"),
borderBottomColor: theme("colors.gray.700")
},
"tbody tr": { borderBottomColor: theme("colors.gray.800") }
}
}
})
}
}, },
screens: { variants: {
sm: "600px", extend: { typography: ["tint", "dark", "primary"] }
md: "900px",
lg: "1200px",
xl: "1500px",
"2xl": "1800px",
}, },
fontSize: { plugins: [require("@tailwindcss/typography")]
xs: ".875rem",
sm: "1rem",
base: "1.125rem",
lg: "1.25rem",
xl: "1.5rem",
"2xl": "1.75rem",
"3xl": "2rem",
"4xl": "2.5rem",
"5xl": "3.25rem",
"6xl": "4rem",
"7xl": "5rem",
"8xl": "6rem",
},
borderWidth: {
DEFAULT: "3px",
0: "0",
2: "2px",
3: "3px",
4: "4px",
},
extend: {
textDecoration: ["active"],
opacity: {
7: ".075",
15: ".15",
},
maxWidth: {
"8xl": "86rem",
},
spacing: {
128: "32rem",
},
zIndex: {
"-1": "-1",
},
fontFamily: {
nunito: ["Nunito", ...defaultTheme.fontFamily.sans],
lato: ["Lato", ...defaultTheme.fontFamily.sans],
},
typography: (theme) => ({
DEFAULT: {
css: {
pre: {
color: theme("colors.gray.700"),
backgroundColor: theme("colors.gray.100"),
lineHeight: 1.5,
},
code: {
backgroundColor: theme("colors.gray.100"),
padding: "0.25rem",
borderRadius: "3px",
margin: "-0.25rem 1px",
},
"code::before": {
content: '""',
},
"code::after": {
content: '""',
},
"p:first-of-type": {
fontSize: "1.125rem",
},
},
},
tint: {
css: {
pre: {
color: theme("colors.gray.800"),
backgroundColor: theme("colors.gray.150"),
},
},
},
lg: {
css: {
pre: {
lineHeight: 1.5,
},
"p:first-of-type": {
fontSize: "1.365rem",
},
},
},
xl: {
css: {
pre: {
lineHeight: 1.5,
},
"p:first-of-type": {
fontSize: "1.365rem",
},
},
},
dark: {
css: {
color: theme("colors.gray.200"),
'[class~="lead"]': { color: theme("colors.gray.400") },
a: { color: theme("colors.gray.100") },
strong: { color: theme("colors.gray.100") },
"ul > li::before": { backgroundColor: theme("colors.gray.700") },
hr: { borderColor: theme("colors.gray.800") },
blockquote: {
color: theme("colors.gray.100"),
borderLeftColor: theme("colors.gray.800"),
},
h1: { color: theme("colors.gray.100") },
h2: { color: theme("colors.gray.100") },
h3: { color: theme("colors.gray.100") },
h4: { color: theme("colors.gray.100") },
code: {
color: theme("colors.gray.100"),
backgroundColor: theme("colors.gray.1000"),
},
"a code": { color: theme("colors.gray.100") },
pre: {
color: theme("colors.gray.200"),
backgroundColor: theme("colors.gray.900"),
},
thead: {
color: theme("colors.gray.100"),
borderBottomColor: theme("colors.gray.700"),
},
"tbody tr": { borderBottomColor: theme("colors.gray.800") },
},
},
primary: {
css: {
color: theme("colors.gray.50"),
'[class~="lead"]': { color: theme("colors.gray.400") },
a: { color: theme("colors.gray.100") },
strong: { color: theme("colors.gray.100") },
"ul > li::before": { backgroundColor: theme("colors.gray.700") },
hr: { borderColor: theme("colors.gray.800") },
blockquote: {
color: theme("colors.gray.100"),
borderLeftColor: theme("colors.gray.800"),
},
h1: { color: theme("colors.gray.100") },
h2: { color: theme("colors.gray.100") },
h3: { color: theme("colors.gray.100") },
h4: { color: theme("colors.gray.100") },
code: {
color: theme("colors.gray.100"),
backgroundColor: "rgba(0,0,0,0.15)",
},
"a code": { color: theme("colors.gray.100") },
pre: {
color: theme("colors.gray.200"),
backgroundColor: "rgba(0,0,0,0.15)",
},
thead: {
color: theme("colors.gray.100"),
borderBottomColor: theme("colors.gray.700"),
},
"tbody tr": { borderBottomColor: theme("colors.gray.800") },
},
},
}),
},
},
variants: {
extend: { typography: ["tint", "dark", "primary"] },
},
plugins: [require("@tailwindcss/typography")],
}; };