Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Adding rtlcss plugin

Browse source
This commit is contained in:
SergeyEzhin 2022-04-11 21:19:48 +04:00
parent 0f4f400cec
commit a5af4c395c
7 changed files with 34 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/mobile/resources/less/about.less
View file

@ -3,11 +3,11 @@
.about { .about {
.page-content { .page-content {
text-align: center; text-align: center /*rtl:ignore*/;
} }
.content-block:first-child { .content-block:first-child {
margin: 15px 0; margin: 15px 0 /*rtl:append20px*/;
} }
.content-block { .content-block {

2
apps/documenteditor/mobile/src/app.js
View file

@ -16,7 +16,7 @@ window.$ = jQuery;
// Import Framework7 Styles // Import Framework7 Styles
// import 'framework7/framework7-bundle.css'; // import 'framework7/framework7-bundle.css';
import 'framework7/framework7-bundle-rtl.css'; // import 'framework7/framework7-bundle-rtl.css';
// Import Icons and App Custom Styles // Import Icons and App Custom Styles
// import '../css/icons.css'; // import '../css/icons.css';

1
apps/documenteditor/mobile/src/index_dev.html
View file

@ -20,7 +20,6 @@
<% } else { %> <% } else { %>
<style><%= htmlWebpackPlugin.options.skeleton.stylesheet %></style> <style><%= htmlWebpackPlugin.options.skeleton.stylesheet %></style>
<% } %> <% } %>
<link rel="stylesheet" href="./css/app.rtl.css">
<!-- built styles file will be auto injected --> <!-- built styles file will be auto injected -->
</head> </head>
<body> <body>

1
apps/documenteditor/mobile/src/less/app.less
View file

@ -1,3 +1,4 @@
@import '../../../../../vendor/framework7-react/node_modules/framework7/framework7-bundle.less';
@import '../../../../../vendor/framework7-react/node_modules/framework7/less/mixins.less'; @import '../../../../../vendor/framework7-react/node_modules/framework7/less/mixins.less';
@import '../../../../common/mobile/resources/less/_mixins.less'; @import '../../../../common/mobile/resources/less/_mixins.less';
@import '../../../../common/mobile/resources/less/colors-table.less'; @import '../../../../common/mobile/resources/less/colors-table.less';

44
vendor/framework7-react/build/webpack.config.js vendored
View file

@ -2,8 +2,10 @@ const webpack = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin'); const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const WebpackRTLPlugin = require('webpack-rtl-plugin'); // const WebpackRTLPlugin = require('webpack-rtl-plugin');
// const rtlcss = require('rtlcss'); // const rtlcss = require('rtlcss');
const postcssRTLCSS = require('postcss-rtlcss');
const { Mode } = require('postcss-rtlcss/options');
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin'); const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
@ -100,15 +102,17 @@ module.exports = {
} }
}), }),
'css-loader', 'css-loader',
{ {
loader: 'postcss-loader', loader: 'postcss-loader',
options: { options: {
config: { postcssOptions: {
path: path.resolve(__dirname, '..'), path: path.resolve(__dirname, '..'),
}, plugins: [
// plugins: [rtlcss] postcssRTLCSS({mode: Mode.combined})
}, ]
},
}, },
},
], ],
}, },
{ {
@ -122,13 +126,15 @@ module.exports = {
}), }),
'css-loader?url=false', 'css-loader?url=false',
{ {
loader: 'postcss-loader', loader: 'postcss-loader',
options: { options: {
config: { postcssOptions: {
path: path.resolve(__dirname, '..'), path: path.resolve(__dirname, '..'),
}, plugins: [
// plugins: [rtlcss] postcssRTLCSS({mode: Mode.combined})
]
}, },
},
}, },
{ {
loader: "less-loader", loader: "less-loader",
@ -202,10 +208,10 @@ module.exports = {
new MiniCssExtractPlugin({ new MiniCssExtractPlugin({
filename: 'css/[name].css', filename: 'css/[name].css',
}), }),
new WebpackRTLPlugin({ // new WebpackRTLPlugin({
filename: 'css/[name].rtl.css', // filename: 'css/[name].rtl.css',
diffOnly: true // diffOnly: true
}), // }),
new HtmlWebpackPlugin({ new HtmlWebpackPlugin({
filename: `../../../apps/${editor}/mobile/index.html`, filename: `../../../apps/${editor}/mobile/index.html`,
template: `../../apps/${editor}/mobile/src/index_dev.html`, template: `../../apps/${editor}/mobile/src/index_dev.html`,

4
vendor/framework7-react/package.json vendored
View file

@ -33,6 +33,7 @@
"framework7-react": "^6.0.4", "framework7-react": "^6.0.4",
"i18next": "^19.8.4", "i18next": "^19.8.4",
"i18next-fetch-backend": "^3.0.0", "i18next-fetch-backend": "^3.0.0",
"postcss": "^8.4.12",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react": "^17.0.1", "react": "^17.0.1",
"react-dom": "^17.0.1", "react-dom": "^17.0.1",
@ -67,8 +68,9 @@
"mobx": "^6.1.8", "mobx": "^6.1.8",
"mobx-react": "^7.1.0", "mobx-react": "^7.1.0",
"ora": "^4.1.1", "ora": "^4.1.1",
"postcss-loader": "^3.0.0", "postcss-loader": "^6.2.1",
"postcss-preset-env": "^6.7.0", "postcss-preset-env": "^6.7.0",
"postcss-rtlcss": "^3.6.1",
"rimraf": "^3.0.2", "rimraf": "^3.0.2",
"style-loader": "^1.3.0", "style-loader": "^1.3.0",
"terser-webpack-plugin": "^5.1.3", "terser-webpack-plugin": "^5.1.3",

3
vendor/framework7-react/postcss.config.js vendored
View file

@ -1,5 +1,6 @@
module.exports = (ctx) => ({ module.exports = (ctx) => ({
plugins: { plugins: {
'postcss-preset-env': {}, 'postcss-preset-env': {}
}, },
}); });