remove cdns to local path for bootstrap, jquery , etc

Author: Arpan-Kreeti

apps/dashboard/assets/css/app.scss

@@ -1,8 +1,13 @@
 /* This file is for your main application css. */
 @import "./phoenix.css";
 @import "../node_modules/nprogress/nprogress.css";
+@import "~bootstrap/scss/bootstrap.scss";
+@import '~microtip/microtip.min.css';
+$fa-font-path: "~font-awesome/fonts/";
+@import "~font-awesome/scss/font-awesome";
 
 /* LiveView specific classes for your customizations */
+
 .invalid-feedback {
  color: #a94442;
  display: block;

apps/dashboard/assets/package-lock.json

@@ -7,11 +7,16 @@
  "watch": "webpack --mode development --watch"
  },
  "dependencies": {
+ "bootstrap": "4.5.2",
+ "file-loader": "^6.1.0",
+ "font-awesome": "^4.7.0",
+ "jquery": "3.5.1",
  "microtip": "^0.2.2",
  "nprogress": "^0.2.0",
  "phoenix": "file:../../../deps/phoenix",
  "phoenix_html": "file:../../../deps/phoenix_html",
- "phoenix_live_view": "file:../../../deps/phoenix_live_view"
+ "phoenix_live_view": "file:../../../deps/phoenix_live_view",
+ "popper.js": "1.16.1"
  },
  "devDependencies": {
  "@babel/core": "^7.0.0",
@@ -22,7 +27,7 @@
  "sass-loader": "^8.0.2",
  "node-sass": "^4.13.1",
  "mini-css-extract-plugin": "^0.9.0",
- "optimize-css-assets-webpack-plugin": "^5.0.1",
+ "optimize-css-assets-webpack-plugin": "^5.0.3",
  "terser-webpack-plugin": "^2.3.2",
  "webpack": "4.41.5",
  "webpack-cli": "^3.3.2"

apps/dashboard/assets/package.json

@@ -4,7 +4,6 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const webpack = require('webpack');
 
 module.exports = (env, options) => {
  const devMode = options.mode !== 'production';
@@ -42,7 +41,8 @@ module.exports = (env, options) => {
  'css-loader',
  'sass-loader',
  ],
- }
+ },
+ { test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader?name=public/fonts/[name].[ext]' }
  ]
  },
  plugins: [

apps/dashboard/assets/webpack.config.js

@@ -6,13 +6,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <%= csrf_meta_tag() %>
  <%= live_title_tag assigns[:page_title] || "🔥 csv2sql 🔥" %>
- <link rel="stylesheet" href="https://unpkg.com/microtip/microtip.css" />
  <link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  <script defer type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
  <link rel="stylesheet" href=" <%= Routes.static_path(@conn, "/css/custom.css") %>"/>
  </head>