From 67b48e1a3fff5498b165350ed86879b2172b61c3 Mon Sep 17 00:00:00 2001 From: shibao Date: Sat, 22 Jan 2022 22:56:53 -0500 Subject: [PATCH] format with standard js --- assets/js/app.js | 20 ++++++++++---------- assets/postcss.config.js | 12 ++++++------ assets/tailwind.config.js | 16 ++++++++-------- assets/webpack.config.js | 40 +++++++++++++++++++-------------------- 4 files changed, 44 insertions(+), 44 deletions(-) diff --git a/assets/js/app.js b/assets/js/app.js index 85814181..e0cca9fa 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1,6 +1,6 @@ // We import the CSS which is extracted to its own file by esbuild. // Remove this line if you add a your own CSS build pipeline (e.g postcss). -import "../css/app.scss" +import '../css/app.scss' // If you want to use Phoenix channels, run `mix help phx.gen.channel` // to get started and then uncomment the line below. @@ -20,19 +20,19 @@ import "../css/app.scss" // // Include phoenix_html to handle method=PUT/DELETE in forms and buttons. -import "phoenix_html" +import 'phoenix_html' // Establish Phoenix Socket and LiveView configuration. -import {Socket} from "phoenix" -import {LiveSocket} from "phoenix_live_view" -import topbar from "../vendor/topbar" +import { Socket } from 'phoenix' +import { LiveSocket } from 'phoenix_live_view' +import topbar from '../vendor/topbar' -let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content") -let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}}) +const csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute('content') +const liveSocket = new LiveSocket('/live', Socket, { params: { _csrf_token: csrfToken } }) // Show progress bar on live navigation and form submits -topbar.config({barColors: {0: "#29d"}, shadowColor: "rgba(0, 0, 0, .3)"}) -window.addEventListener("phx:page-loading-start", info => topbar.show()) -window.addEventListener("phx:page-loading-stop", info => topbar.hide()) +topbar.config({ barColors: { 0: '#29d' }, shadowColor: 'rgba(0, 0, 0, .3)' }) +window.addEventListener('phx:page-loading-start', info => topbar.show()) +window.addEventListener('phx:page-loading-stop', info => topbar.hide()) // connect if there are any LiveViews on the page liveSocket.connect() diff --git a/assets/postcss.config.js b/assets/postcss.config.js index e851670f..ab57af99 100644 --- a/assets/postcss.config.js +++ b/assets/postcss.config.js @@ -1,7 +1,7 @@ module.exports = { - plugins: { - "postcss-import": {}, - tailwindcss: {}, - autoprefixer: {}, - } -} \ No newline at end of file + plugins: { + 'postcss-import': {}, + tailwindcss: {}, + autoprefixer: {} + } +} diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js index 146ee5f3..f31f498f 100644 --- a/assets/tailwind.config.js +++ b/assets/tailwind.config.js @@ -7,28 +7,28 @@ module.exports = { '../lib/**/*.eex', './js/**/*.js' ], - darkMode: "media", + darkMode: 'media', theme: { colors: { transparent: 'transparent', current: 'currentColor', - + primary: colors.indigo, - + black: colors.black, white: colors.white, gray: colors.trueGray, indigo: colors.indigo, red: colors.rose, - yellow: colors.amber, + yellow: colors.amber }, - extend: {}, + extend: {} }, variants: { extend: { backgroundColor: ['active'], - borderColor: ['active'], - }, + borderColor: ['active'] + } }, - plugins: [], + plugins: [] } diff --git a/assets/webpack.config.js b/assets/webpack.config.js index ea56b620..cb44f888 100644 --- a/assets/webpack.config.js +++ b/assets/webpack.config.js @@ -1,12 +1,12 @@ -const path = require("path"); -const glob = require("glob"); -const MiniCssExtractPlugin = require("mini-css-extract-plugin"); -const TerserPlugin = require("terser-webpack-plugin"); -const CssMinimizerPlugin = require("css-minimizer-webpack-plugin"); -const CopyWebpackPlugin = require("copy-webpack-plugin"); +const path = require('path') +const glob = require('glob') +const MiniCssExtractPlugin = require('mini-css-extract-plugin') +const TerserPlugin = require('terser-webpack-plugin') +const CssMinimizerPlugin = require('css-minimizer-webpack-plugin') +const CopyWebpackPlugin = require('copy-webpack-plugin') module.exports = (env, options) => { - const devMode = options.mode !== "production"; + const devMode = options.mode !== 'production' return { optimization: { @@ -16,31 +16,31 @@ module.exports = (env, options) => { ] }, entry: { - app: glob.sync("./vendor/**/*.js").concat(["./js/app.js"]) + app: glob.sync('./vendor/**/*.js').concat(['./js/app.js']) }, output: { - filename: "[name].js", - path: path.resolve(__dirname, "../priv/static/js"), - publicPath: "/js/" + filename: '[name].js', + path: path.resolve(__dirname, '../priv/static/js'), + publicPath: '/js/' }, - devtool: devMode ? "eval-cheap-module-source-map" : undefined, + devtool: devMode ? 'eval-cheap-module-source-map' : undefined, module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { - loader: "babel-loader" + loader: 'babel-loader' } }, { test: /\.s?css$/, use: [ MiniCssExtractPlugin.loader, - "css-loader", - "postcss-loader", - "sass-loader", - ], + 'css-loader', + 'postcss-loader', + 'sass-loader' + ] }, { test: /\.(woff(2)?|ttf|eot|svg|otf)(\?v=[0-9]\.[0-9]\.[0-9])?$/, @@ -53,10 +53,10 @@ module.exports = (env, options) => { ] }, plugins: [ - new MiniCssExtractPlugin({ filename: "../css/app.css" }), + new MiniCssExtractPlugin({ filename: '../css/app.css' }), new CopyWebpackPlugin({ - patterns: [{ from: "static/", to: "../" }] + patterns: [{ from: 'static/', to: '../' }] }) ] } -}; +}