text: // We need to import the CSS so that webpack will load it.
  // The MiniCssExtractPlugin is used to separate it out into
  // its own CSS file.
  import "../css/app.scss"
  
  // webpack automatically bundles all modules in your
  // entry points. Those entry points can be configured
  // in "webpack.config.js".
  //
  // Import deps with the dep name or local files with a relative path, for example:
  //
  //     import {Socket} from "phoenix"
  //     import socket from "./socket"
  //
  import "phoenix_html"
  import {Socket} from "phoenix"
  import NProgress from "nprogress"
  import {LiveSocket} from "phoenix_live_view"
  import { PhoenixLiveViewDropzone } from "phoenix_live_view_drop_zone";
  
  let Hooks = {};
  Hooks.PhoenixLiveViewDropzone = new PhoenixLiveViewDropzone();
  
  let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")
  let liveSocket = new LiveSocket("/live", Socket, {hooks: Hooks, params: {_csrf_token: csrfToken}})
  
  // Show progress bar on live navigation and form submits
  window.addEventListener("phx:page-loading-start", info => NProgress.start())
  window.addEventListener("phx:page-loading-stop", info => NProgress.done())
  
  
  function doStuff() {
      let grblConsole = document.getElementById("console-log");
      grblConsole.scrollTop = grblConsole.scrollHeight;
  }
  document.addEventListener('phx:update', doStuff);
  
  
  // connect if there are any LiveViews on the page
  liveSocket.connect()
  
  // expose liveSocket on window for web console debug logs and latency simulation:
  // >> liveSocket.enableDebug()
  // >> liveSocket.enableLatencySim(1000)
  window.liveSocket = liveSocket
  
  
  