luxolus
/
open-vault
2
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

UI - build optimize (#5784) 

* remove ember-cli-favicon

* link to png favicon in public folder

* skip some things in the build depending on the env

* update to ember-cli 3.5.0 for broccoli 2, and ember-fetch because it was incompatible with broccoli 2

* update some things the new sass module wasn't happy about

* turn off more things in dev to make the build faster

* bump to the latest ember-cli and move back to node-sass

* remove sass since we're using node-sass

* include polyfill in test as well
This commit is contained in:
Matthew Irish 2018-11-26 12:47:56 -06:00 committed by GitHub
parent 648fc62ebc
commit 9f77077877
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
25 changed files with 422 additions and 1069 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/app/index.html
View File

@ -13,6 +13,7 @@
<link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
<link rel="stylesheet" href="{{rootURL}}assets/vault.css">
<link rel="icon" type="image/png" href="{{rootURL}}favicon.png" />
{{content-for "head-footer"}}
</head>

6
ui/app/styles/components/box-label.scss
View File

@ -33,11 +33,11 @@ label.box-label {
color: $grey-light;
}
input[type=radio] {
input[type='radio'] {
display: none;
}
input[type=radio] + label {
input[type='radio'] + label {
border: 1px solid $grey-light;
border-radius: 50%;
cursor: pointer;
@ -47,7 +47,7 @@ label.box-label {
width: 1rem;
}
input[type=radio]:checked + label {
input[type='radio']:checked + label {
background: $blue;
border: 1px solid $blue;
box-shadow: inset 0 0 0 0.15rem $white;

8
ui/app/styles/components/box-radio.scss
View File

@ -32,13 +32,13 @@
box-shadow: 0 0 0 1px $grey-light, $box-shadow-middle;
}
input[type=radio].radio {
input[type='radio'].radio {
position: absolute;
z-index: 1;
opacity: 0;
}
input[type=radio].radio + label {
input[type='radio'].radio + label {
border: 1px solid $grey-light;
border-radius: 50%;
cursor: pointer;
@ -50,12 +50,12 @@
flex-grow: 0;
}
input[type=radio].radio:checked + label {
input[type='radio'].radio:checked + label {
background: $blue;
border: 1px solid $blue;
box-shadow: inset 0 0 0 0.15rem $white;
}
input[type=radio].radio:focus + label {
input[type='radio'].radio:focus + label {
box-shadow: 0 0 10px 1px rgba($blue, 0.4), inset 0 0 0 0.15rem $white;
}
}

3
ui/app/styles/components/list-item-row.scss
View File

@ -23,6 +23,7 @@ a.list-item-row,
padding-left: $column-gap;
padding-right: $column-gap;
position: relative;
box-shadow: 0 2px 0 -1px $grey-light, 0 -2px 0 -1px $grey-light, $box-link-hover-shadow, $box-shadow-middle;
box-shadow: 0 2px 0 -1px $grey-light, 0 -2px 0 -1px $grey-light, $box-link-hover-shadow,
$box-shadow-middle;
}
}

12
ui/app/styles/components/popup-menu.scss
View File

@ -16,7 +16,7 @@
.confirm-action span .button {
display: block;
margin: .25rem auto;
margin: 0.25rem auto;
width: 95%;
}
@ -63,7 +63,7 @@
&.disabled {
opacity: 0.5;
&:hover {
background: transparent;
cursor: default;
@ -128,21 +128,21 @@
&--below {
&.ember-basic-dropdown--transitioning-in {
animation: drop-fade-above .15s;
animation: drop-fade-above 0.15s;
}
&.ember-basic-dropdown--transitioning-out {
animation: drop-fade-above .15s reverse;
animation: drop-fade-above 0.15s reverse;
}
}
&--above {
&.ember-basic-dropdown--transitioning-in {
animation: drop-fade-below .15s;
animation: drop-fade-below 0.15s;
}
&.ember-basic-dropdown--transitioning-out {
animation: drop-fade-below .15s reverse;
animation: drop-fade-below 0.15s reverse;
}
}
}

4
ui/app/styles/components/secret-control-bar.scss
View File

@ -14,10 +14,10 @@
display: flex;
flex-direction: column;
justify-content: center;
.switch[type="checkbox"].is-small + label::before {
.switch[type='checkbox'].is-small + label::before {
top: 0.5rem;
}
.switch[type="checkbox"].is-small + label::after {
.switch[type='checkbox'].is-small + label::after {
top: 0.6rem;
}
}

6
ui/app/styles/components/status-menu.scss
View File

@ -1,5 +1,5 @@
.status-indicator-button {
&[data-status="good"] {
&[data-status='good'] {
.status-indicator-icon-dot {
fill: $green-light;
}
@ -9,7 +9,7 @@
}
}
&[data-status="mixed"] {
&[data-status='mixed'] {
.status-indicator-icon-dot {
fill: $yellow;
}
@ -19,7 +19,7 @@
}
}
&[data-status="bad"] {
&[data-status='bad'] {
.status-indicator-icon-dot {
fill: $red;
}

9
ui/app/styles/components/tabs.scss
View File

@ -10,16 +10,19 @@
&:focus {
box-shadow: none;
}
&.is-active a, &.is-active .tab {
&.is-active a,
&.is-active .tab {
border-color: $blue;
color: $blue;
}
&:first-child a, &:first-child .tab {
&:first-child a,
&:first-child .tab {
margin-left: $size-5;
}
}
a, .tab {
a,
.tab {
color: $grey-dark;
font-weight: $font-weight-semibold;
text-decoration: none;

3
ui/app/styles/components/upgrade-overlay.scss
View File

@ -11,8 +11,7 @@
}
.modal-background {
background-image: url("/ui/vault-hex.svg"),
linear-gradient(90deg, #191a1c, #1b212d);
background-image: url('/ui/vault-hex.svg'), linear-gradient(90deg, #191a1c, #1b212d);
opacity: 0.97;
}

8
ui/app/styles/components/vault-loading.scss
View File

@ -18,19 +18,19 @@
}
.vault-loading-order-1 {
animation-delay: .1s;
animation-delay: 0.1s;
}
.vault-loading-order-2 {
animation-delay: .2s;
animation-delay: 0.2s;
}
.vault-loading-order-3 {
animation-delay: .3s;
animation-delay: 0.3s;
}
.vault-loading-order-4 {
animation-delay: .4s;
animation-delay: 0.4s;
}
}

143
ui/app/styles/core.scss
View File

@ -1,84 +1,83 @@
// Start with Structure & Bulma variables as a foundation
@import "./utils/colors";
@import "./utils/spacing";
@import "bulma/sass/utilities/initial-variables";
@import './utils/colors';
@import './utils/spacing';
@import 'bulma/sass/utilities/initial-variables';
// Override variables where appropriate
@import "./utils/bulma_variables";
@import './utils/bulma_variables';
// Utils
@import "./utils/mixins";
@import "./utils/animations";
@import './utils/mixins';
@import './utils/animations';
// Bring in the rest of Bulma
@import "bulma/bulma";
@import "bulma/switch";
@import "bulma/bulma-radio-checkbox";
@import 'bulma/bulma';
@import 'bulma/switch';
// Override Bulma details where appropriate
@import "./core/generic";
@import "./core/box";
@import "./core/breadcrumb";
@import "./core/bulma-radio-checkboxes";
@import "./core/buttons";
@import "./core/footer";
@import "./core/forms";
@import "./core/helpers";
@import "./core/hero";
@import "./core/level";
@import "./core/menu";
@import "./core/message";
@import "./core/navbar";
@import "./core/notification";
@import "./core/progress";
@import "./core/switch";
@import "./core/tables";
@import "./core/tags";
@import "./core/title";
@import './core/generic';
@import './core/box';
@import './core/breadcrumb';
@import './core/bulma-radio-checkboxes';
@import './core/buttons';
@import './core/footer';
@import './core/forms';
@import './core/helpers';
@import './core/hero';
@import './core/level';
@import './core/menu';
@import './core/message';
@import './core/navbar';
@import './core/notification';
@import './core/progress';
@import './core/switch';
@import './core/tables';
@import './core/tags';
@import './core/title';
// bulma additions
@import "./core/layout";
@import "./core/lists";
@import './core/layout';
@import './core/lists';
@import "./components/auth-form";
@import "./components/b64-toggle";
@import "./components/box-label";
@import "./components/box-radio";
@import "./components/codemirror";
@import "./components/confirm";
@import "./components/console-ui-panel";
@import "./components/control-group";
@import "./components/doc-link";
@import "./components/empty-state";
@import "./components/env-banner";
@import "./components/features-selection";
@import "./components/form-section";
@import "./components/global-flash";
@import "./components/hover-copy-button";
@import "./components/init-illustration";
@import "./components/info-table-row";
@import "./components/input-hint";
@import "./components/linked-block";
@import "./components/list-item-row";
@import "./components/list-pagination";
@import "./components/loader";
@import "./components/login-form";
@import "./components/masked-input";
@import "./components/namespace-picker";
@import "./components/namespace-reminder";
@import "./components/page-header";
@import "./components/popup-menu";
@import "./components/radial-progress";
@import "./components/role-item";
@import "./components/secret-control-bar";
@import "./components/shamir-progress";
@import "./components/sidebar";
@import "./components/splash-page";
@import "./components/status-menu";
@import "./components/tabs";
@import "./components/token-expire-warning";
@import "./components/tool-tip";
@import "./components/unseal-warning";
@import "./components/upgrade-overlay";
@import "./components/ui-wizard";
@import "./components/vault-loading";
@import './components/auth-form';
@import './components/b64-toggle';
@import './components/box-label';
@import './components/box-radio';
@import './components/codemirror';
@import './components/confirm';
@import './components/console-ui-panel';
@import './components/control-group';
@import './components/doc-link';
@import './components/empty-state';
@import './components/env-banner';
@import './components/features-selection';
@import './components/form-section';
@import './components/global-flash';
@import './components/hover-copy-button';
@import './components/init-illustration';
@import './components/info-table-row';
@import './components/input-hint';
@import './components/linked-block';
@import './components/list-item-row';
@import './components/list-pagination';
@import './components/loader';
@import './components/login-form';
@import './components/masked-input';
@import './components/namespace-picker';
@import './components/namespace-reminder';
@import './components/page-header';
@import './components/popup-menu';
@import './components/radial-progress';
@import './components/role-item';
@import './components/secret-control-bar';
@import './components/shamir-progress';
@import './components/sidebar';
@import './components/splash-page';
@import './components/status-menu';
@import './components/tabs';
@import './components/token-expire-warning';
@import './components/tool-tip';
@import './components/unseal-warning';
@import './components/upgrade-overlay';
@import './components/ui-wizard';
@import './components/vault-loading';

2
ui/app/styles/core/breadcrumb.scss
View File

@ -47,7 +47,7 @@
&::before {
color: $blue;
content: "❮";
content: '❮';
font-size: 1rem;
line-height: 1;
opacity: 0.33;

14
ui/app/styles/core/bulma-radio-checkboxes.scss
View File

@ -1,17 +1,19 @@
@import "../sass-svg-uri/svg-uri";
@import '../sass-svg-uri/svg-uri';
.b-checkbox input[type="checkbox"]:checked + label::before {
.b-checkbox input[type='checkbox']:checked + label::before {
border-color: $blue;
}
.b-checkbox input[type="checkbox"]:checked + label::after,
.b-checkbox input[type="radio"]:checked + label::after {
.b-checkbox input[type='checkbox']:checked + label::after,
.b-checkbox input[type='radio']:checked + label::after {
font-family: $family-monospace;
/*checkmark from ionicons*/
content: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 512 512" fill="#{$blue}"><path d="M461.6 109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4-2.4 0-4.6 1-6.3 2.5L194.5 323s-78.5-75.5-80.7-77.7c-2.2-2.2-5.1-5.9-9.5-5.9s-6.4 3.1-8.7 5.4c-1.7 1.8-29.7 31.2-43.5 45.8-.8.9-1.3 1.4-2 2.1-1.2 1.7-2 3.6-2 5.7 0 2.2.8 4 2 5.7l2.8 2.6s139.3 133.8 141.6 136.1c2.3 2.3 5.1 5.2 9.2 5.2 4 0 7.3-4.3 9.2-6.2l249.1-320c1.2-1.7 2-3.6 2-5.8 0-2.5-1-4.6-2.4-6.4z"/></svg>');
content: svg-uri(
'<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 512 512" fill="#{$blue}"><path d="M461.6 109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4-2.4 0-4.6 1-6.3 2.5L194.5 323s-78.5-75.5-80.7-77.7c-2.2-2.2-5.1-5.9-9.5-5.9s-6.4 3.1-8.7 5.4c-1.7 1.8-29.7 31.2-43.5 45.8-.8.9-1.3 1.4-2 2.1-1.2 1.7-2 3.6-2 5.7 0 2.2.8 4 2 5.7l2.8 2.6s139.3 133.8 141.6 136.1c2.3 2.3 5.1 5.2 9.2 5.2 4 0 7.3-4.3 9.2-6.2l249.1-320c1.2-1.7 2-3.6 2-5.8 0-2.5-1-4.6-2.4-6.4z"/></svg>'
);
}
.b-checkbox.no-label input[type="checkbox"] + label {
.b-checkbox.no-label input[type='checkbox'] + label {
position: absolute;
top: 0;
}

6
ui/app/styles/core/forms.scss
View File

@ -184,7 +184,8 @@ label {
}
}
.select:not(.is-multiple)::after {
.select:not(.is-multiple)::after,
.select:not(.is-multiple)::before {
border-color: $black;
border-width: 2px;
margin-top: 0;
@ -192,8 +193,7 @@ label {
}
.select:not(.is-multiple)::before {
@extend .select:not(.is-multiple)::after;
content: "";
content: '';
transform: translateY(-70%) rotate(135deg);
z-index: 5;
}

2
ui/app/styles/core/lists.scss
View File

@ -4,7 +4,7 @@
&:before {
font-size: $size-5;
color: $white-ter;
content: "|";
content: '|';
position: relative;
}
}

10
ui/app/styles/core/navbar.scss
View File

@ -220,7 +220,7 @@
position: relative;
}
.nav-user-button.may-expire .icon:first-of-type::after {
content: "";
content: '';
position: absolute;
top: 0;
right: 0;
@ -235,12 +235,8 @@
-webkit-overflow-scrolling: touch;
&::before {
background-image: linear-gradient(
to bottom,
$ui-gray-900,
rgba($ui-gray-900, 0)
);
content: "";
background-image: linear-gradient(to bottom, $ui-gray-900, rgba($ui-gray-900, 0));
content: '';
height: $spacing-xs;
left: 0;
position: absolute;

7
ui/app/styles/core/notification.scss
View File

@ -20,16 +20,13 @@
&.is-#{$name} {
background-color: lighten($color, $color-lightning);
border-color: $color;
color: desaturate(
darken($color, $darken-percentage),
$desaturate-percentage
);
color: desaturate(darken($color, $darken-percentage), $desaturate-percentage);
.delete {
color: $color;
}
.title {
color: $color-invert;
margin-bottom: .5rem;
margin-bottom: 0.5rem;
}
}
}

8
ui/app/styles/core/switch.scss
View File

@ -1,4 +1,4 @@
.switch[type="checkbox"] {
.switch[type='checkbox'] {
&.is-small {
+ label {
font-size: $size-8;
@ -24,12 +24,12 @@
}
}
}
.switch[type="checkbox"].is-small + label::after {
.switch[type='checkbox'].is-small + label::after {
will-change: left;
}
.switch[type="checkbox"]:focus + label {
.switch[type='checkbox']:focus + label {
box-shadow: 0 0 1px $blue;
}
.switch[type="checkbox"].is-success:checked + label::before {
.switch[type='checkbox'].is-success:checked + label::before {
background: $blue;
}

2
ui/app/styles/core/tables.scss
View File

@ -29,7 +29,7 @@
border-style: solid;
}
tr:hover {
background: rgba($grey-lighter, .4);
background: rgba($grey-lighter, 0.4);
}
}
.table tbody tr:last-child td,

22
ui/app/styles/utils/_bulma_variables.scss
View File

@ -11,7 +11,7 @@ $black-bis: $ui-gray-900;
$black-ter: $ui-gray-700;
$grey-darker: $ui-gray-900;
$grey-lighter: $ui-gray-050;
$white-ter: rgba($white, .5);
$white-ter: rgba($white, 0.5);
$white-bis: $ui-gray-050;
$code: $grey-dark;
$code-background: transparent;
@ -23,11 +23,9 @@ $mobile: 769px;
$header-height: 4rem;
//typography
$family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
$family-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier,
monospace;
$family-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
$family-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
$family-primary: $family-sans;
$body-size: 14px;
$size-3: (24/14) + 0rem;
@ -53,14 +51,10 @@ $radius-large: 4px;
//box
$box-radius: 0;
$box-shadow: 0 0 0 1px rgba($black, 0.1);
$box-shadow-low: 0 5px 1px -2px rgba($black, 0.12),
0 3px 2px -1px rgba($black, 0);
$box-shadow-middle: 0 8px 4px -4px rgba($black, 0.10),
0 6px 8px -2px rgba($black, 0.05);
$box-shadow-high: 0 12px 5px -7px rgba($black, 0.08),
0 11px 10px -3px rgba($black, 0.10);
$box-shadow-highest: 0 16px 6px -10px rgba($black, 0.06),
0 16px 16px -4px rgba($black, 0.20);
$box-shadow-low: 0 5px 1px -2px rgba($black, 0.12), 0 3px 2px -1px rgba($black, 0);
$box-shadow-middle: 0 8px 4px -4px rgba($black, 0.1), 0 6px 8px -2px rgba($black, 0.05);
$box-shadow-high: 0 12px 5px -7px rgba($black, 0.08), 0 11px 10px -3px rgba($black, 0.1);
$box-shadow-highest: 0 16px 6px -10px rgba($black, 0.06), 0 16px 16px -4px rgba($black, 0.2);
$breadcrumb-item-color: $blue;
$breadcrumb-item-separator-color: rgba($blue, 0.5);

90
ui/app/styles/utils/_colors.scss
View File

@ -1,16 +1,16 @@
// Colors that will eventually be in Structure package
// Vault Gray
$vault-gray-010: #FDFDFE;
$vault-gray-050: #F7FAFC;
$vault-gray-100: #EBEEF5;
$vault-gray-200: #D3DBE6;
$vault-gray-300: #B4BDCC;
$vault-gray-400: #949FB0;
$vault-gray-500: #7C8797;
$vault-gray-600: #5A6370;
$vault-gray-700: #3C434D;
$vault-gray-800: #1D2126;
$vault-gray-010: #fdfdfe;
$vault-gray-050: #f7fafc;
$vault-gray-100: #ebeef5;
$vault-gray-200: #d3dbe6;
$vault-gray-300: #b4bdcc;
$vault-gray-400: #949fb0;
$vault-gray-500: #7c8797;
$vault-gray-600: #5a6370;
$vault-gray-700: #3c434d;
$vault-gray-800: #1d2126;
$vault-gray-900: #060708;
$vault-gray: $vault-gray-500;
$vault-gray-dark: $vault-gray-700;
@ -23,8 +23,8 @@ $ui-gray-200: #DCE0E6;
$ui-gray-300: #BAC1CC;
$ui-gray-500: #6F7682;
$ui-gray-700: #525761;
$ui-gray-800: #373A42;
$ui-gray-900: #1F2124;
$ui-gray-800: #373a42;
$ui-gray-900: #1f2124;
$grey-lightest: $ui-gray-050;
$grey-light: $ui-gray-300;
$grey: $ui-gray-500;
@ -32,13 +32,13 @@ $grey-dark: $ui-gray-700;
$grey-darkest: $ui-gray-900;
// Blue
$blue-010: #FBFCFF;
$blue-050: #F0F5FF;
$blue-100: #BFD4FF;
$blue-300: #5B92FF;
$blue-010: #fbfcff;
$blue-050: #f0f5ff;
$blue-100: #bfd4ff;
$blue-300: #5b92ff;
$blue-500: #1563ff;
$blue-700: #0E40A3;
$blue-900: #061B46;
$blue-700: #0e40a3;
$blue-900: #061b46;
$blue-lightest: $blue-050;
$blue-light: $blue-300;
$blue: $blue-500;
@ -46,13 +46,13 @@ $blue-dark: $blue-700;
$blue-darkest: $blue-900;
// Red
$red-010: #FDFAFB;
$red-050: #F9ECEE;
$red-100: #EFC7CC;
$red-300: #DB7D88;
$red-500: #C73445;
$red-700: #7F222C;
$red-900: #370F13;
$red-010: #fdfafb;
$red-050: #f9ecee;
$red-100: #efc7cc;
$red-300: #db7d88;
$red-500: #c73445;
$red-700: #7f222c;
$red-900: #370f13;
$red-lightest: $red-050;
$red-light: $red-300;
$red: $red-500;
@ -60,13 +60,13 @@ $red-dark: $red-700;
$red-darkest: $red-900;
// Green
$green-010: #FAFDFA;
$green-050: #ECF7ED;
$green-100: #C6E9C9;
$green-300: #7ACC81;
$green-500: #2EB039;
$green-700: #1E7125;
$green-900: #0D3010;
$green-010: #fafdfa;
$green-050: #ecf7ed;
$green-100: #c6e9c9;
$green-300: #7acc81;
$green-500: #2eb039;
$green-700: #1e7125;
$green-900: #0d3010;
$green-lightest: $green-050;
$green-light: $green-300;
$green: $green-500;
@ -74,13 +74,13 @@ $green-dark: $green-700;
$green-darkest: $green-900;
// Orange
$orange-010: #FFFCFA;
$orange-050: #FEF4EC;
$orange-100: #FDE0C8;
$orange-300: #FBB77F;
$orange-500: #FA8F37;
$orange-700: #A05C23;
$orange-900: #45270F;
$orange-010: #fffcfa;
$orange-050: #fef4ec;
$orange-100: #fde0c8;
$orange-300: #fbb77f;
$orange-500: #fa8f37;
$orange-700: #a05c23;
$orange-900: #45270f;
$orange-lightest: $orange-050;
$orange-light: $orange-300;
$orange: $orange-500;
@ -88,12 +88,12 @@ $orange-dark: $orange-700;
$orange-darkest: $orange-900;
// Yellow
$yellow-010: #FFFDF6;
$yellow-050: #FFFBED;
$yellow-100: #FDEEBA;
$yellow-300: #FBD95E;
$yellow-500: #FAC402;
$yellow-700: #A07D02;
$yellow-010: #fffdf6;
$yellow-050: #fffbed;
$yellow-100: #fdeeba;
$yellow-300: #fbd95e;
$yellow-500: #fac402;
$yellow-700: #a07d02;
$yellow-900: #453601;
$yellow-lightest: $yellow-050;
$yellow-light: $yellow-300;

12
ui/app/styles/utils/mixins.scss
View File

@ -1,4 +1,12 @@
@mixin css-arrow($vertical-direction, $size, $color, $border-width, $border-color, $left: 50%, $left-offset: 0px) {
@mixin css-arrow(
$vertical-direction,
$size,
$color,
$border-width,
$border-color,
$left: 50%,
$left-offset: 0px
) {
& {
border: 1px solid $border-color;
}
@ -11,7 +19,7 @@
top: 100%;
}
border: solid transparent;
content: " ";
content: ' ';
height: 0;
width: 0;
position: absolute;

38
ui/ember-cli-build.js
View File

@ -3,28 +3,12 @@
const EmberApp = require('ember-cli/lib/broccoli/ember-app');
const environment = EmberApp.env();
const isProd = environment === 'production';
const isTest = environment === 'test';
module.exports = function(defaults) {
var config = defaults.project.config(EmberApp.env());
var app = new EmberApp(defaults, {
favicons: {
faviconsConfig: {
appName: 'Vault Enterprise',
path: config.rootURL,
url: null,
icons: {
android: false,
appleIcon: false,
appleStartup: false,
coast: false,
favicons: true,
firefox: false,
opengraph: false,
twitter: false,
windows: false,
yandex: false,
},
},
},
codemirror: {
modes: ['javascript', 'ruby'],
keyMaps: ['sublime'],
@ -33,9 +17,20 @@ module.exports = function(defaults) {
plugins: ['transform-object-rest-spread'],
},
'ember-cli-babel': {
includePolyfill: true,
includePolyfill: isTest || isProd,
},
hinting: isTest,
tests: isTest,
sourcemaps: {
enabled: false,
},
sassOptions: {
sourceMap: false,
onlyIncluded: true,
implementation: require('node-sass'),
},
autoprefixer: {
enabled: isTest || isProd,
grid: true,
browsers: ['defaults', 'ie 11'],
},
@ -59,6 +54,7 @@ module.exports = function(defaults) {
app.import('node_modules/codemirror/addon/lint/json-lint.js');
app.import('node_modules/text-encoder-lite/index.js');
app.import('app/styles/bulma/bulma-radio-checkbox.css');
// Use `app.import` to add additional libraries to the generated
// output files.
//

8
ui/package.json
View File

@ -54,14 +54,13 @@
"ember-auto-import": "^1.2.3",
"ember-basic-dropdown": "^1.0.0",
"ember-basic-dropdown-hover": "^0.5.0",
"ember-cli": "~3.4.2",
"ember-cli": "~3.5.1",
"ember-cli-autoprefixer": "^0.8.1",
"ember-cli-babel": "^6.16.0",
"ember-cli-clipboard": "^0.8.0",
"ember-cli-content-security-policy": "^1.0.0",
"ember-cli-dependency-checker": "^3.0.0",
"ember-cli-eslint": "^4.2.3",
"ember-cli-favicon": "~1.0.0",
"ember-cli-flash": "^1.6.6",
"ember-cli-htmlbars": "^3.0.0",
"ember-cli-htmlbars-inline-precompile": "^1.0.3",
@ -69,7 +68,7 @@
"ember-cli-page-object": "1.15.0-beta.3",
"ember-cli-pretender": "^1.0.1",
"ember-cli-qunit": "^4.3.2",
"ember-cli-sass": "^7.1.7",
"ember-cli-sass": "^9.0.0",
"ember-cli-sri": "meirish/ember-cli-sri#rooturl",
"ember-cli-string-helpers": "^1.5.0",
"ember-cli-template-lint": "^1.0.0-beta.1",
@ -81,7 +80,7 @@
"ember-data": "~3.4.0",
"ember-data-model-fragments": "^3.3.0",
"ember-export-application-global": "^2.0.0",
"ember-fetch": "^3.4.3",
"ember-fetch": "^6.1.0",
"ember-inflector": "^3.0.0",
"ember-link-action": "^0.1.2",
"ember-load-initializers": "^1.1.0",
@ -101,6 +100,7 @@
"ivy-codemirror": "2.1.0",
"jsonlint": "1.6.0",
"loader.js": "^4.7.0",
"node-sass": "^4.10.0",
"normalize.css": "4.1.1",
"prettier": "^1.14.3",
"prettier-eslint-cli": "^4.7.1",

1067
ui/yarn.lock
View File

File diff suppressed because it is too large Load Diff