Skip to content

Reduce bundle size #97

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Feb 26, 2020
Merged

Reduce bundle size #97

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c0d1001
Use tree-shaking when importing FontAwesome icons to decrease bundle …
obulat Feb 25, 2020
103e26f
Build site
obulat Feb 25, 2020
4896ebb
Import syntax update, update dist bundle
Feb 26, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion docs/css/app.20b96964.css
View file
Open in desktop

This file was deleted.

1 change: 1 addition & 0 deletions docs/css/app.3d055f7e.css
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion docs/css/chunk-vendors.8185fa99.css
View file
Open in desktop

This file was deleted.

6 changes: 6 additions & 0 deletions docs/css/chunk-vendors.897a4b6f.css
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!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"><link rel=icon href=/favicon.ico><link rel=icon type=image/png href=https://d15omoko64skxi.cloudfront.net/wp-content/uploads/2016/05/cc-site-icon-300x300.png sizes=192x192><link rel=apple-touch-icon-precomposed href=https://d15omoko64skxi.cloudfront.net/wp-content/uploads/2016/05/cc-site-icon-300x300.png><meta name=twitter:card content=summary><meta name=twitter:site content=@creativecommons><meta name=twitter:creator content=@creativecommons><meta property=og:url content=https://beta-chooser.creativecommons.org><meta property=og:title content="Choose a License"><meta property=og:type content=website><meta property=og:description content="Want to license your work with Creative Commons, but not sure where to start, or which license is right for you? Use our license chooser!"><meta property=og:image content=https://mirrors.creativecommons.org/presskit/logos/cc.logo.large.png><meta property=og:locale content=en_US><meta property=og:locale:alternate content=ru_RU><title>Choose a License</title><link href=/css/app.20b96964.css rel=preload as=style><link href=/css/chunk-vendors.8185fa99.css rel=preload as=style><link href=/js/app.be62cd78.js rel=preload as=script><link href=/js/chunk-vendors.223f9bff.js rel=preload as=script><link href=/css/chunk-vendors.8185fa99.css rel=stylesheet><link href=/css/app.20b96964.css rel=stylesheet></head><body><noscript><strong>We're sorry but License Chooser doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.223f9bff.js></script><script src=/js/app.be62cd78.js></script></body></html>
<!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"><link rel=icon href=/favicon.ico><link rel=icon type=image/png href=https://d15omoko64skxi.cloudfront.net/wp-content/uploads/2016/05/cc-site-icon-300x300.png sizes=192x192><link rel=apple-touch-icon-precomposed href=https://d15omoko64skxi.cloudfront.net/wp-content/uploads/2016/05/cc-site-icon-300x300.png><meta name=twitter:card content=summary><meta name=twitter:site content=@creativecommons><meta name=twitter:creator content=@creativecommons><meta property=og:url content=https://beta-chooser.creativecommons.org><meta property=og:title content="Choose a License"><meta property=og:type content=website><meta property=og:description content="Want to license your work with Creative Commons, but not sure where to start, or which license is right for you? Use our license chooser!"><meta property=og:image content=https://mirrors.creativecommons.org/presskit/logos/cc.logo.large.png><meta property=og:locale content=en_US><meta property=og:locale:alternate content=ru_RU><title>Choose a License</title><link href=/css/app.3d055f7e.css rel=preload as=style><link href=/css/chunk-vendors.897a4b6f.css rel=preload as=style><link href=/js/app.66ee6643.js rel=preload as=script><link href=/js/chunk-vendors.fe161d12.js rel=preload as=script><link href=/css/chunk-vendors.897a4b6f.css rel=stylesheet><link href=/css/app.3d055f7e.css rel=stylesheet></head><body><noscript><strong>We're sorry but License Chooser doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.fe161d12.js></script><script src=/js/app.66ee6643.js></script></body></html>
2 changes: 2 additions & 0 deletions docs/js/app.66ee6643.js
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions docs/js/app.66ee6643.js.map
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 0 additions & 2 deletions docs/js/app.be62cd78.js
View file
Open in desktop

This file was deleted.

1 change: 0 additions & 1 deletion docs/js/app.be62cd78.js.map
View file
Open in desktop

This file was deleted.

27 changes: 0 additions & 27 deletions docs/js/chunk-vendors.223f9bff.js
View file
Open in desktop

This file was deleted.

1 change: 0 additions & 1 deletion docs/js/chunk-vendors.223f9bff.js.map
View file
Open in desktop

This file was deleted.

27 changes: 27 additions & 0 deletions docs/js/chunk-vendors.fe161d12.js
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions docs/js/chunk-vendors.fe161d12.js.map
View file
Open in desktop

Large diffs are not rendered by default.

18 changes: 1 addition & 17 deletions src/components/LicenseIconography.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,24 +15,8 @@
</template>

<script>
import { library } from '@fortawesome/fontawesome-svg-core'
import {
faCreativeCommons,
faCreativeCommonsBy,
faCreativeCommonsNc,
faCreativeCommonsNd,
faCreativeCommonsSa,
faCreativeCommonsZero
} from '@fortawesome/free-brands-svg-icons/'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
library.add(
faCreativeCommons,
faCreativeCommonsBy,
faCreativeCommonsNc,
faCreativeCommonsNd,
faCreativeCommonsSa,
faCreativeCommonsZero
)

/**
* ### License icons are hieroglyphs for the aspects of a license.
*
Expand Down
11 changes: 7 additions & 4 deletions src/components/PrintMediaLicenseCode.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,11 @@
<LicenseCode ref="licenseCode" attribution-type="print"/>
</div>
</b-tab-item>
<b-tab-item icon-pack="fas" icon="copy">
<b-tab-item>
<template slot="header">
<a class="copyBtn"
data-clipboard-target="#attribution-plaintext">
<b-icon
icon-pack="fas"
icon="copy"/>
<font-awesome-icon icon="copy" />
<span class="button-text">{{ copyText }}</span>
</a>
</template>
Expand All @@ -27,10 +25,12 @@
import Clipboard from 'clipboard'
import { mapGetters } from 'vuex'
import LicenseCode from './LicenseCode'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

export default {
name: 'PrintMediaLicenseCode',
components: {
FontAwesomeIcon,
LicenseCode
},
props: {
Expand Down Expand Up @@ -111,6 +111,9 @@ export default {
}
</script>
<style lang="scss">
.copyBtn svg {
margin-right: 3px;
}

.attribution-tab .photo-license-icon {
height: 1.4rem;
Expand Down
15 changes: 8 additions & 7 deletions src/components/WebLicenseCode.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,16 +17,11 @@
/>
</div>
</b-tab-item>
<b-tab-item
icon-pack="fas"
icon="copy"
>
<b-tab-item>
<template slot="header">
<a class="copyBtn"
:data-clipboard-target=this.clipboardTarget()>
<b-icon
icon-pack="fas"
icon="copy"/>
<font-awesome-icon icon="copy" />
<span class="button-text">{{ copyText }}
</span>
</a>
Expand All @@ -41,10 +36,12 @@ import Clipboard from 'clipboard'
import { mapGetters } from 'vuex'
import LicenseCode from './LicenseCode'
import { generateHTML } from '../utils/license-utilities'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

export default {
name: 'WebLicenseCode',
components: {
FontAwesomeIcon,
LicenseCode
},
props: {
Expand Down Expand Up @@ -140,6 +137,10 @@ export default {
</script>
<style lang="scss">

.copyBtn svg {
margin-right: 3px;
}

#attribution-richtext>p>span,
#attribution-richtext .photo-license-icons{
height: 26px;
Expand Down
27 changes: 14 additions & 13 deletions src/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,29 @@
import Vue from 'vue'
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'
import i18n from './i18n'
import VueAnalytics from 'vue-analytics'
import App from './App.vue'
import store from './store'

import { library } from '@fortawesome/fontawesome-svg-core'
// internal icons
import {
faCheck, faCheckCircle, faInfoCircle, faExclamationTriangle, faExclamationCircle,
faArrowUp, faAngleRight, faAngleLeft, faAngleDown, faUserCircle, faQuestionCircle,
faEye, faEyeSlash, faCaretDown, faCaretUp, faUpload, faCopy, faCircle
} from '@fortawesome/free-solid-svg-icons'
import { faCopy } from '@fortawesome/free-solid-svg-icons/faCopy'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

library.add(faCheck, faCheckCircle, faInfoCircle, faExclamationTriangle, faExclamationCircle,
faArrowUp, faAngleRight, faAngleLeft, faAngleDown, faUserCircle, faQuestionCircle,
faEye, faEyeSlash, faCaretDown, faCaretUp, faUpload, faCopy, faCircle)
import {
faCreativeCommons, faCreativeCommonsBy, faCreativeCommonsNc,
faCreativeCommonsNd, faCreativeCommonsSa, faCreativeCommonsZero
} from '@fortawesome/free-brands-svg-icons'

library.add(
faCopy, faCreativeCommons, faCreativeCommonsBy,
faCreativeCommonsNc, faCreativeCommonsNd, faCreativeCommonsSa,
faCreativeCommonsZero
)
Vue.component('vue-fontawesome', FontAwesomeIcon)
Vue.config.productionTip = false
Vue.use(Buefy, {
defaultIconComponent: 'vue-fontawesome',
defaultIconPack: 'fas'
})
Vue.use(Buefy)

if (process.env.NODE_ENV === 'production') {
Vue.use(VueAnalytics, {
id: 'UA-2010376-41',
Expand Down