chore: remove preconfigured plugins (#83)

* chore: remove preconfigured plugins

* chore: add changeset

* chore: move types into dev deps

* chore: add changeset

* chore: format package json files

.changeset/kind-avocados-shop.md

@@ -0,0 +1,7 @@
+---
+'magefront-plugin-stylus': minor
+'magefront-plugin-babel': minor
+'magefront-plugin-less': minor
+---
+
+Move 3rd party types into dev deps

.changeset/silly-wombats-play.md

@@ -0,0 +1,5 @@
+---
+'magefront-preset-default': minor
+---
+
+Remove pre-configured plugins

.prettierignore

@@ -1,2 +1,4 @@
-package.json
 node_modules
+docs
+pnpm-lock.yaml
+.github

README.md

@@ -33,9 +33,7 @@ The `magefront.config.js` file should be located in the root directory of your p
 ```js
 // magefront.config.js
 export default {
-    presets: [
-        'magefront-preset-default'
-    ]
+  presets: ['magefront-preset-default'],
 }
 ```
 

docs/examples/tailwindcss.md

@@ -0,0 +1,45 @@
+# Tailwind CSS
+
+The following example uses [Tailwind CSS](https://tailwindcss.com/) to generate a CSS file.
+
+Install these packages, and initialize Tailwind CSS configuration:
+
+```sh
+npm i magefront-plugin-postcss tailwindcss autoprefixer --save-dev
+npx tailwindcss init -p
+```
+
+Add the following to your `magefront.config.js` file:
+
+```js
+// magefront.config.js
+import postcss from 'magefront-plugin-postcss'
+import tailwindcss from 'tailwindcss'
+
+export default {
+    plugins: [
+        postcss({
+            src: 'tailwind.postcss',
+            dest: 'tailwind.css',
+            plugins: [tailwindcss()]
+        })
+    ]
+}
+```
+
+Add the following to your `tailwind.postcss` file:
+
+```css
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
+Add the paths to all your templates in your `tailwind.config.js` file:
+
+```js
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: ['./**/*.{html,phtml}']
+};
+```

package.json

@@ -1,19 +1,20 @@
 {
   "name": "magefront-monorepo",
   "private": true,
-  "type": "module",
-  "author": "Emmanuel Vodor <manu@paca.happy-dev.fr>",
-  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ubermanu/magefront.git"
   },
+  "license": "MIT",
+  "author": "Emmanuel Vodor <manu@paca.happy-dev.fr>",
+  "type": "module",
   "scripts": {
+    "build": "pnpm -r build",
     "changeset": "changeset",
     "changeset:publish": "pnpm run build && changeset publish",
-    "ts-check": "tsc --noEmit",
-    "build": "pnpm -r build",
-    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand"
+    "format": "prettier --write .",
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand",
+    "ts-check": "tsc --noEmit"
   },
   "devDependencies": {
     "@changesets/cli": "^2.26.2",

packages/magefront/package.json

@@ -1,7 +1,6 @@
 {
   "name": "magefront",
   "version": "1.2.1",
-  "type": "module",
   "description": "A modern Magento 2 theme builder",
   "keywords": [
     "magefront",
@@ -13,20 +12,31 @@
     "sass",
     "stylus"
   ],
-  "author": "Emmanuel Vodor <manu@paca.happy-dev.fr>",
-  "license": "MIT",
-  "files": [
-    "dist",
-    "types"
-  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ubermanu/magefront.git",
     "directory": "packages/magefront"
   },
+  "license": "MIT",
+  "author": "Emmanuel Vodor <manu@paca.happy-dev.fr>",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/magefront.mjs",
+      "require": "./dist/magefront.cjs",
+      "types": "./types/magefront.d.ts"
+    }
+  },
   "main": "dist/magefront.cjs",
   "module": "dist/magefront.mjs",
   "types": "types/magefront.d.ts",
+  "bin": {
+    "magefront": "dist/cli.mjs"
+  },
+  "files": [
+    "dist",
+    "types"
+  ],
   "scripts": {
     "build": "unbuild"
   },
@@ -52,15 +62,5 @@
   },
   "engines": {
     "node": ">=18"
-  },
-  "bin": {
-    "magefront": "dist/cli.mjs"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/magefront.mjs",
-      "require": "./dist/magefront.cjs",
-      "types": "./types/magefront.d.ts"
-    }
   }
 }

packages/plugin-babel/README.md

@@ -12,9 +12,7 @@ Transpile JS files with [Babel](https://babeljs.io/).
 import babel from 'magefront-plugin-babel'
 
 export default {
-    plugins: [
-        babel({ src: 'js/source/**/*.js' })
-    ]
+  plugins: [babel({ src: 'js/source/**/*.js' })],
 }
 ```
 

packages/plugin-babel/package.json

@@ -1,20 +1,27 @@
 {
   "name": "magefront-plugin-babel",
   "version": "1.2.1",
-  "type": "module",
   "keywords": [
     "magefront",
     "magento",
     "theme",
     "plugin"
   ],
-  "author": "Emmanuel Vodor <manu@paca.happy-dev.fr>",
-  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ubermanu/magefront.git",
     "directory": "packages/plugin-babel"
   },
+  "license": "MIT",
+  "author": "Emmanuel Vodor <manu@paca.happy-dev.fr>",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/plugin.mjs",
+      "require": "./dist/plugin.cjs",
+      "types": "./dist/plugin.d.ts"
+    }
+  },
   "main": "dist/plugin.cjs",
   "module": "dist/plugin.mjs",
   "types": "dist/plugin.d.ts",
@@ -26,17 +33,12 @@
   },
   "dependencies": {
     "@babel/core": "~7.22.17",
-    "@types/babel__core": "~7.20.1",
     "fast-glob": "^3.3.1"
   },
+  "devDependencies": {
+    "@types/babel__core": "~7.20.1"
+  },
   "peerDependencies": {
     "magefront": "workspace:^"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/plugin.mjs",
-      "require": "./dist/plugin.cjs",
-      "types": "./dist/plugin.d.ts"
-    }
   }
 }

packages/plugin-concat/README.md

@@ -12,9 +12,7 @@ Merge files into one.
 import concat from 'magefront-plugin-concat'
 
 export default {
-    plugins: [
-        concat({ src: '**/*.css', dest: 'css/all-styles.css' }),
-    ]
+  plugins: [concat({ src: '**/*.css', dest: 'css/all-styles.css' })],
 }
 ```