Initial Commit

Author: RezDev94

.gitignore

@@ -0,0 +1,107 @@
+#IDEs
+.idea
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

README.md

@@ -0,0 +1,20 @@
+# RTLCSS plugin for Laravel Mix
+
+It's based on [webpack-rtl-plugin](https://github.com/romainberger/webpack-rtl-plugin).
+
+# Install
+```shell script
+npm i rtlcss-webpack-mix-plugin -s
+```
+
+# Usage
+
+```javascript
+const RTLCSSPlugin = require('rtlcss-webpack-mix-plugin');
+
+mix.webpackConfig({
+    new RTLCSSPlugin({
+        filename: '[name].rtl.css',
+    })
+});
+```

index.js

@@ -0,0 +1,108 @@
+const { forEachOfLimit } = require('async');
+const rtlcss = require('rtlcss');
+const cssDiff = require('@romainberger/css-diff');
+const cssnano = require('cssnano');
+const { ConcatSource } = require('webpack-sources');
+
+class RTLCSSPlugin {
+	constructor(options) {
+		this.options = {
+			filename: false,
+			options: {},
+			plugins: [],
+			...options
+		}
+	}
+
+	apply(compiler) {
+		compiler.hooks.emit.tapAsync('RTLCSSPlugin', (compilation, callback) => {
+			forEachOfLimit(compilation.chunks, 5, (chunk, key, cb) => {
+				const rtlFiles = [];
+				let cssnanoPromise = Promise.resolve();
+
+				chunk.files.forEach(asset => {
+					const match = this.options.test ? new RegExp(this.options.test).test(asset) : true;
+
+					if (path.extname(asset) !== '.css') {
+						return;
+					}
+
+					const baseSource = compilation.assets[asset].source();
+					let filename = '';
+					let rtlSource = '';
+
+					if (match) {
+						rtlSource = rtlcss.process(baseSource, this.options.options, this.options.plugins);
+
+						if (this.options.filename instanceof Array && this.options.filename.length === 2) {
+							filename = asset.replace(this.options.filename[0], this.options.filename[1]);
+						} else if (this.options.filename) {
+							filename = this.options.filename;
+
+							if (/\[contenthash]/.test(this.options.filename)) {
+								const hash = createHash('md5').update(rtlSource).digest('hex').substr(0, 10);
+								filename = filename.replace('[contenthash]', hash);
+							}
+							if (/\[id]/.test(this.options.filename)) {
+								filename = filename.replace('[id]', chunk.id);
+							}
+							if (/\[name]/.test(this.options.filename)) {
+								filename = path.dirname(asset) + '/' + filename.replace('[name]', path.basename(asset, '.css'));
+							}
+							if (/\[file]/.test(this.options.filename)) {
+								filename = filename.replace('[file]', asset);
+							}
+							if (/\[filebase]/.test(this.options.filename)) {
+								filename = filename.replace('[filebase]', path.basename(asset));
+							}
+							if (/\[ext]/.test(this.options.filename)) {
+								filename = filename.replace('.[ext]', path.extname(asset));
+							}
+						} else {
+							const newFilename = `${path.basename(asset, '.css')}.rtl`;
+							filename = asset.replace(path.basename(asset, '.css'), newFilename);
+						}
+
+						if (this.options.diffOnly) {
+							rtlSource = cssDiff(baseSource, rtlSource)
+						}
+					}
+
+					if (this.options.minify !== false) {
+						let nanoOptions = { from: undefined }
+						if (typeof this.options.minify === 'object') {
+							nanoOptions = this.options.minify;
+						}
+
+						cssnanoPromise = cssnanoPromise.then(() => {
+							let minify = cssnano.process( baseSource, nanoOptions).then(output => {
+								compilation.assets[asset] = new ConcatSource(output.css);
+							});
+
+							if (match) {
+								const rtlMinify = cssnano.process(rtlSource, nanoOptions).then(output => {
+									compilation.assets[filename] = new ConcatSource(output.css);
+									rtlFiles.push(filename);
+								});
+
+								minify = Promise.all([minify, rtlMinify]);
+							}
+
+							return minify;
+						});
+					} else if (match) {
+						compilation.assets[filename] = new ConcatSource(rtlSource);
+						rtlFiles.push(filename);
+					}
+				});
+
+				cssnanoPromise.then(() => {
+					chunk.files.push.apply(chunk.files, rtlFiles)
+					cb()
+				});
+			}, callback);
+		});
+	}
+}
+
+module.exports = RTLCSSPlugin;