Skip to content

Instantly share code, notes, and snippets.

@mithereal

mithereal/brunch-config.js

Created September 28, 2017 00:04
Show Gist options
  • Save mithereal/58dcded047144ad31e5e6cd2e3b183c6 to your computer and use it in GitHub Desktop.
Save mithereal/58dcded047144ad31e5e6cd2e3b183c6 to your computer and use it in GitHub Desktop.
Download ZIP
brunch config
Raw
brunch-config.js
exports.config = {
// See http://brunch.io/#documentation for docs.
files: {
javascripts: {
joinTo: {
"js/landing/vendor.js": /^(bundled\/js\/landing|vendor|deps|node_modules).*/,
"js/page/vendor.js": /^(bundled\/js\/page|vendor|deps|node_modules).*/,
"js/quote/vendor.js": /^(bundled\/js\/quote|vendor|deps|node_modules).*/,
"js/admin/vendor.js": /^(bundled\/js\/admin|vendor|deps|node_modules).*/,
"js/order/vendor.js": /^(bundled\/js\/order|vendor|deps|node_modules).*/,
"js/user/vendor.js": /^(bundled\/js\/user|vendor|deps|node_modules).*/,
"js/vendor.js": /^(vendor|deps|node_modules).*/
}
},
stylesheets: {
joinTo: {
"css/admin/vendor.css": /^bundled\/(?:css\/)?admin/,
"css/page/vendor.css": /^bundled\/(?:css\/)?page/,
"css/order/vendor.css": /^bundled\/(?:css\/)?order/,
"css/quote/vendor.css": /^bundled\/(?:css\/)?quote/,
"css/user/vendor.css": /^bundled\/(?:css\/)?user/,
"css/landing/vendor.css": /^bundled\/(?:css\/)?landing/,
},
order: {
after: ["css/app.scss"]
}
},
templates: {
joinTo: "js/app.js",
}
},
conventions: {
// This option sets where we should place non-css and non-js assets in.
// By default, we set this to "/assets/static". Files in this directory
// will be copied to `paths.public`, which is "priv/static" by default.
assets: /^(static)/
},
// Phoenix paths configuration
paths: {
// Dependencies and current project directories to watch
watched: ["static", "css", "js", "vendor", "bundled"],
// Where to compile files to
public: "../priv/static"
},
// Configure your plugins
plugins: {
babel: {
// Do not use ES6 compiler in vendor code
ignore: [
"/vendor/",
"/node_modules/",
"/css/quote/components/",
"/css/user/components/",
"/css/admin/components/",
"/css/order/components/"
]
},
copycat: {
// copies to priv/static/*
"fonts": [
"node_modules/bootstrap-sass/assets/fonts/bootstrap",
"node_modules/font-awesome/fonts",
"fonts"
]
},
less: {
dumpLineNumbers: 'comments',
modules: true
},
sass: {
options: {
includePaths: [
"node_modules/bootstrap-sass/assets/stylesheets",
"node_modules/font-awesome/scss",
"node_modules/toastr",
"css"
],
precision: 8
}
}
},
modules: {
autoRequire: {
"js/app.js": ["js/app"],
"js/order.js": ["js/order"],
"js/quote.js": ["js/quote"],
"js/user.js": ["js/user"],
"js/user/vendor.js": ["js/user/vendor"],
}
},
npm: {
globals: {
$: 'jquery',
jQuery: 'jquery',
bootstrap: 'bootstrap',
toastr: 'toastr',
axios: 'axios',
moment: 'moment'
},
enabled: true,
whitelist: [
"phoenix",
"phoenix_html",
"toastr",
"axios",
"moment"
],
styles: {
'normalize.css': ['node_modules/normalize.css/normalize.css'],
'bootstrap-table': ['node_modules/bootstrap-table/bootstrap-table.css']
}
}
};
Raw
layout.html.ex
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="<%= @conn.assigns[:main_description] %>">
<meta name="author" content="<%= Application.get_env(:broker_web, BrokerWeb.Endpoint)[:author] %>">
<%= if assigns[:jwt] do %>
<meta name='guardian_token' content="<%= @jwt %>">
<% end %>
<title><%= Application.get_env(:broker_web, BrokerWeb.Endpoint)[:title] %></title>
<link rel="stylesheet" href="<%= static_path(@conn, "/css/user/vendor.css") %>" >
<link rel="stylesheet" href="<%= static_path(@conn, "/css/user/style.css") %>" >
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:700,500,400,200,100,100italic,300,300italic" rel="stylesheet">
<!-- Material icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="<%= static_path(@conn, "/js/jquery.min.js") %>"></script>
<script src="<%= static_path(@conn, "/js/moment.js") %>"></script>
<script src="<%= static_path(@conn, "/js/vendor.js") %>"></script>
<script src="<%= static_path(@conn, "/js/user/vendor.js") %>"></script>
<script type="text/javascript">
var CSRF_TOKEN = <%= raw Poison.encode!(Plug.CSRFProtection.get_csrf_token()) %>;
var user_uuid = "<%= @params.user.uuid %>"
var provider_uuid = "<%= @params.provider.uuid %>"
</script>
</head>
<!-- Dashboard wrapper -->
<div id="dashboard__wrapper">
<!-- Dashboard -->
<div class="dashboard">
<div class="dashboard__overlay"></div>
<%= render "menu.html", conn: @conn %>
<%= render "navbar.html", conn: @conn %>
<main role="main" class="mw8 center pt3 ph3 pt4-ns">
<div class="dashboard__inner">
<div class="container-fluid">
<%= render @view_module, @view_template, assigns %>
</div>
</div>
<%= render "hub.html", conn: @conn %>
</main>
<script src="<%= static_path(@conn, "/js/user.js") %>"></script>
<script src="<%= static_path(@conn, "/js/fullcalendar.js") %>"></script>
<script src="<%= static_path(@conn, "/js/timeago.js") %>"></script>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment