Bundle tailwind plugins

Close #540

.gitignore

@@ -35,7 +35,6 @@ beacon-*.tar
 /assets/node_modules
 # tailwind.install
 /assets/css/app.css
-/assets/tailwind.config.js
 
 # Dev temp files
 /dev/

assets/.prettierrc.js

@@ -1,3 +1,4 @@
 module.exports = {
+  printWidth: 120,
   semi: false,
 }

assets/css/beacon.css

@@ -0,0 +1,3 @@
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";

assets/js/beacon.js

@@ -4,30 +4,30 @@
 // 1. run `mix assets.build` to distribute updated static assets
 // 2. phoenix js loaded from the host application
 
-window.addEventListener('phx:beacon:page-updated', (e) => {
-  if (e.detail.hasOwnProperty('runtime_css_path')) {
-    document.getElementById('beacon-runtime-stylesheet').href = e.detail.runtime_css_path
+window.addEventListener("phx:beacon:page-updated", (e) => {
+  if (e.detail.hasOwnProperty("runtime_css_path")) {
+    document.getElementById("beacon-runtime-stylesheet").href = e.detail.runtime_css_path
   }
 
-  if (e.detail.hasOwnProperty('meta_tags')) {
+  if (e.detail.hasOwnProperty("meta_tags")) {
     // remove current tags, except csrf-token
     document.querySelectorAll("meta:not([name='csrf-token'])").forEach((el) => el.remove())
 
     // create the new meta tags
     e.detail.meta_tags.forEach((metaTag) => {
-      let newMetaTag = document.createElement('meta')
+      let newMetaTag = document.createElement("meta")
 
       Object.keys(metaTag).forEach((key) => {
         newMetaTag.setAttribute(key, metaTag[key])
       })
 
-      document.getElementsByTagName('head')[0].appendChild(newMetaTag)
+      document.getElementsByTagName("head")[0].appendChild(newMetaTag)
     })
   }
 })
 
-let socketPath = document.querySelector('html').getAttribute('phx-socket') || '/live'
-let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute('content')
+let socketPath = document.querySelector("html").getAttribute("phx-socket") || "/live"
+let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")
 let liveSocket = new LiveView.LiveSocket(socketPath, Phoenix.Socket, { params: { _csrf_token: csrfToken } })
 liveSocket.connect()
 window.liveSocket = liveSocket