Initial setup tooling presets packages

.yarnrc

@@ -0,0 +1,6 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+lastUpdateCheck 1644784526773
+yarn-path ".yarn/releases/yarn-1.19.1.js"

packages/babel-preset/index.js

@@ -0,0 +1,9 @@
+module.exports = ( api ) => {
+	api.cache( true );
+
+	return {
+		presets: [ "@wordpress/babel-preset-default" ],
+		plugins: [ "@babel/plugin-transform-runtime" ],
+		sourceType: "unambiguous",
+	};
+};

packages/babel-preset/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@yoast/babel-preset",
+  "version": "1.0.0",
+  "description": "A Babel preset for Yoast packages.",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yoast/wordpress-seo",
+    "directory": "packages/babel-preset"
+  },
+  "author": "Team Yoast <[email protected]>",
+  "license": "GPL-3.0",
+  "private": false,
+  "devDependencies": {
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@wordpress/babel-preset-default": "^6.5.1"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.17.2"
+  }
+}

packages/babel-preset/readme.md

@@ -0,0 +1,3 @@
+# `@yoast/babel-preset`
+
+This package aims to provide a Babel preset for building Yoast packages.

packages/jest-preset/jest-preset.js

@@ -0,0 +1,25 @@
+module.exports = {
+	moduleNameMapper: {
+		"\\.(scss|css)$": require.resolve(
+			"@wordpress/jest-preset-default/scripts/style-mock.js"
+		),
+	},
+	modulePaths: [ "<rootDir>" ],
+	setupFiles: [
+		require.resolve(
+			"@wordpress/jest-preset-default/scripts/setup-globals.js"
+		),
+	],
+	testMatch: [
+		"**/__tests__/**/*.[jt]s",
+		"**/test/*.[jt]s",
+		"**/?(*.)test.[jt]s",
+	],
+	transformIgnorePatterns: [ "/node_modules/(?!@yoast|yoastseo|lodash-es).+\\.js$" ],
+	testEnvironment: "jsdom",
+	testPathIgnorePatterns: [ "/node_modules/", "<rootDir>/vendor/" ],
+	timers: "fake",
+	transform: {
+		"^.+\\.[jt]sx?$": require.resolve( "babel-jest" ),
+	},
+};

packages/jest-preset/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@yoast/jest-config",
+  "version": "1.0.0",
+  "description": "A Jest preset for Yoast packages.",
+  "main": "jest-preset.js",
+  "author": "Team Yoast <[email protected]>",
+  "license": "GPL-3.0",
+  "private": false,
+  "devDependencies": {
+    "@wordpress/jest-preset-default": "^8.0.1",
+    "babel-jest": "^27.5.1"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.17.2",
+    "jest": "^27.5.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  }
+}

packages/jest-preset/readme.md

@@ -0,0 +1,3 @@
+# `@yoast/jest-config`
+
+This package aims to provide a Babel preset for building Yoast packages.

packages/postcss-config/index.js

@@ -0,0 +1,9 @@
+/* eslint-disable global-require */
+module.exports = {
+	plugins: [
+		require( "postcss-import" ),
+		require( "tailwindcss" ),
+		require( "autoprefixer" ),
+		...( process.env.NODE_ENV === "production" ? [ require( "cssnano" ) ] : [] ),
+	],
+};

packages/postcss-config/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@yoast/postcss-config",
+  "version": "1.0.0",
+  "description": "A PostCSS preset for Yoast packages.",
+  "main": "index.js",
+  "author": "Team Yoast <[email protected]>",
+  "license": "GPL-3.0",
+  "private": false,
+  "devDependencies": {
+    "autoprefixer": "^10.4.2",
+    "cssnano": "^5.0.17",
+    "postcss-import": "^14.0.2",
+    "tailwindcss": "^3.0.22"
+  },
+  "peerDependencies": {
+    "postcss": "^8.4.6"
+  }
+}

packages/postcss-config/readme.md

@@ -0,0 +1,3 @@
+# `@yoast/babel-preset`
+
+This package aims to provide a Babel preset for building Yoast packages.

packages/tailwindcss-preset/index.js

@@ -0,0 +1,44 @@
+module.exports = {
+	prefix: "yst-",
+	darkMode: false,
+	theme: {
+		fontSize: {
+			xxs: "0.6rem",
+			xs: ".75rem",
+			sm: ".8125rem",
+			tiny: ".875rem",
+			base: "1rem",
+			lg: "1.125rem",
+			xl: "1.25rem",
+			"2xl": "1.5rem",
+			"3xl": "1.875rem",
+			"4xl": "2.25rem",
+			"5xl": "3rem",
+			"6xl": "4rem",
+			"7xl": "5rem",
+		},
+		extend: {
+			colors: {
+				primary: {
+					50: "#faf4f8",
+					100: "#f6eaf0",
+					200: "#e8c9da",
+					300: "#dba9c3",
+					400: "#bf6997",
+					500: "#a4286a",
+					600: "#94245f",
+					700: "#7b1e50",
+					800: "#621840",
+					900: "#501434",
+				},
+			},
+		},
+	},
+	variants: {
+		extend: {
+			backgroundColor: [ "active", "group-focus", "disabled" ],
+			textColor: [ "active", "group-focus", "disabled" ],
+		},
+	},
+	plugins: [],
+};

packages/tailwindcss-preset/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@yoast/tailwindcss-preset",
+  "version": "1.0.0",
+  "description": "A Tailwind CSS preset for Yoast packages.",
+  "main": "index.js",
+  "author": "Team Yoast <[email protected]>",
+  "license": "GPL-3.0",
+  "private": false,
+  "peerDependencies": {
+    "tailwindcss": "^3.0.22"
+  }
+}

packages/tailwindcss-preset/readme.md

@@ -0,0 +1,3 @@
+# `@yoast/babel-preset`
+
+This package aims to provide a Babel preset for building Yoast packages.