From 265bbcabc95482c3c7a7e1d46f5a679539b0018e Mon Sep 17 00:00:00 2001 From: shibao Date: Sun, 23 Jan 2022 00:02:25 -0500 Subject: [PATCH] mix format --- assets/js/app.js | 20 +++++++++---------- assets/js/maintain_attrs.js | 6 +++--- assets/postcss.config.js | 12 ++++++------ assets/tailwind.config.js | 16 ++++++++-------- assets/webpack.config.js | 38 ++++++++++++++++++------------------- 5 files changed, 46 insertions(+), 46 deletions(-) diff --git a/assets/js/app.js b/assets/js/app.js index cbc68575..46c76f8a 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,23 +20,23 @@ 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' import MaintainAttrs from './maintain_attrs' -let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content") -let liveSocket = new LiveSocket("/live", Socket, { +const csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute('content') +const liveSocket = new LiveSocket('/live', Socket, { params: { _csrf_token: csrfToken }, hooks: { MaintainAttrs } }) // 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/js/maintain_attrs.js b/assets/js/maintain_attrs.js index 68ba6d1d..f4ff238f 100644 --- a/assets/js/maintain_attrs.js +++ b/assets/js/maintain_attrs.js @@ -2,7 +2,7 @@ // update. https://github.com/phoenixframework/phoenix_live_view/issues/1011 export default { - attrs(){ return this.el.getAttribute("data-attrs").split(", ") }, - beforeUpdate(){ this.prevAttrs = this.attrs().map(name => [name, this.el.getAttribute(name)]) }, - updated(){ this.prevAttrs.forEach(([name, val]) => this.el.setAttribute(name, val)) } + attrs () { return this.el.getAttribute('data-attrs').split(', ') }, + beforeUpdate () { this.prevAttrs = this.attrs().map(name => [name, this.el.getAttribute(name)]) }, + updated () { this.prevAttrs.forEach(([name, val]) => this.el.setAttribute(name, val)) } } 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 fda35821..4850cd04 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.gray, - + 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 3969cc70..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,30 +16,30 @@ 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' ] }, { @@ -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: '../' }] }) ] } -}; +}