301 | 
302 |
303 |
302 |
87 |
`
101 |
102 | this.contributorsListingContainer.insertAdjacentHTML('afterbegin', tpl)
103 | }
104 | }
105 |
106 | async setAvatar () {
107 | if (!this.owner.avatar_url) return
108 | const img = await Utils.loadImage(this.owner.avatar_url)
109 | img.classList.add('img-thumbnail')
110 | this.avatarContainer.appendChild(img)
111 | }
112 |
113 | onResize () {
114 | return super.onResize()
115 | }
116 |
117 | onPageReady () {
118 | return super.onPageReady()
119 | }
120 | }
121 |
--------------------------------------------------------------------------------
/examples/src/js/config/config.example.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2017. Ambroise Maupate and Julien Blanchet
3 | *
4 | * Permission is hereby granted, free of charge, to any person obtaining a copy
5 | * of this software and associated documentation files (the "Software"), to deal
6 | * in the Software without restriction, including without limitation the rights
7 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
8 | * copies of the Software, and to permit persons to whom the Software is furnished
9 | * to do so, subject to the following conditions:
10 | * The above copyright notice and this permission notice shall be included in all
11 | * copies or substantial portions of the Software.
12 | *
13 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
14 | * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
16 | * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
19 | * IN THE SOFTWARE.
20 | *
21 | * Except as contained in this notice, the name of the ROADIZ shall not
22 | * be used in advertising or otherwise to promote the sale, use or other dealings
23 | * in this Software without prior written authorization from Ambroise Maupate and Julien Blanchet.
24 | *
25 | * @file config.example.js
26 | * @author Adrien Scholaert
88 | 
92 |
100 |
92 |
93 |
99 | @${contributor.login}
94 |
95 | Contributions: ${contributor.contributions}
96 | See more
97 |
34 |
35 |
60 |
--------------------------------------------------------------------------------
/examples/webpack/build/base.js:
--------------------------------------------------------------------------------
1 | import webpack from 'webpack'
2 | import debug from 'debug'
3 | import WebpackNotifierPlugin from 'webpack-notifier'
4 | import CleanTerminalPlugin from 'clean-terminal-webpack-plugin'
5 | import CopyWebpackPlugin from 'copy-webpack-plugin'
6 | import HtmlWebpackPlugin from 'html-webpack-plugin'
7 | import HtmlWebpackMultiBuildPlugin from '../modules/HtmlWebpackMultiBuildPlugin'
8 |
9 | const dbg = debug('StartingBlocks:webpack-config:base ')
10 | dbg.color = debug.colors[3]
11 |
12 | const getWebpackConfigBase = (config) => {
13 | dbg('⚙ Exporting default webpack configuration.')
14 |
15 | const paths = config.utils_paths
16 |
17 | let webpackConfig = {
18 | cache: true,
19 | stats: config.stats,
20 | devtool: config.devtool,
21 | target: 'web',
22 | resolve: config.resolve,
23 | module: {
24 | rules: [{
25 | test: /\.js$/,
26 | enforce: 'pre',
27 | loader: 'eslint-loader',
28 | exclude: [/node_modules/, /starting-blocks/]
29 | }, {
30 | test: /\.js?$/,
31 | exclude: /(node_modules)/,
32 | loader: 'babel-loader',
33 | query: {
34 | cacheDirectory: true
35 | }
36 | }]
37 | },
38 | plugins: [
39 | new CleanTerminalPlugin(),
40 | new webpack.DefinePlugin(config.globals),
41 | new webpack.NoEmitOnErrorsPlugin(),
42 | new WebpackNotifierPlugin({ alwaysNotify: true }),
43 | new CopyWebpackPlugin([{
44 | from: paths.clientDemo('img'),
45 | to: paths.distDemo('img')
46 | }, {
47 | from: paths.clientDemo('views'),
48 | to: paths.distDemo('')
49 | }, {
50 | from: paths.clientDemo('css'),
51 | to: paths.distDemo('css')
52 | }]),
53 | new HtmlWebpackPlugin({
54 | filename: paths.distDemo('index.html'),
55 | template: paths.clientDemo('views/index.html'),
56 | cache: false,
57 | inject: false,
58 | refreshOnChange: config.refreshOnChange
59 | }),
60 | new HtmlWebpackMultiBuildPlugin()
61 | ],
62 | externals: config.externals
63 | }
64 |
65 | if (config.bundleAnalyzerReportDemo) {
66 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
67 | webpackConfig.plugins.push(new BundleAnalyzerPlugin())
68 | }
69 |
70 | if (config.refreshOnChange) {
71 | webpackConfig.plugins.push(new webpack.HotModuleReplacementPlugin())
72 | }
73 |
74 | return webpackConfig
75 | }
76 |
77 | export default getWebpackConfigBase
78 |
--------------------------------------------------------------------------------
/examples/webpack/build/environments.js:
--------------------------------------------------------------------------------
1 | import webpack from 'webpack'
2 | import debug from 'debug'
3 |
4 | const dbg = debug('StartingBlocks:webpack-config:environments ')
5 | dbg.color = debug.colors[5]
6 |
7 | const optimization = {
8 | splitChunks: {
9 | chunks: 'all',
10 | cacheGroups: {
11 | commons: {
12 | name: 'commons',
13 | chunks: 'all',
14 | minChunks: 2,
15 | minSize: 0,
16 | enforce: true
17 | }
18 | }
19 | }
20 | }
21 |
22 | export default {
23 | modern: (base, config) => {
24 | const paths = config.utils_paths
25 |
26 | return {
27 | entry: {
28 | app: paths.clientDemo('js/app.js')
29 | },
30 | output: {
31 | path: paths.distDemo(),
32 | filename: 'js/modern.[name].js'
33 | },
34 | module: {
35 | rules: [{
36 | test: /\.js$/,
37 | enforce: 'pre',
38 | loader: 'eslint-loader',
39 | exclude: [/node_modules/, /starting-blocks/]
40 | }, {
41 | test: /\.js?$/,
42 | exclude: /(node_modules)/,
43 | loader: 'babel-loader',
44 | query: {
45 | cacheDirectory: true,
46 | presets: [
47 | [
48 | '@babel/preset-env', {
49 | targets: {
50 | esmodules: true
51 | }
52 | }
53 | ]
54 | ]
55 | }
56 | }]
57 | }
58 | }
59 | },
60 |
61 | legacy: (base, config) => {
62 | const paths = config.utils_paths
63 |
64 | return {
65 | entry: {
66 | app: [
67 | 'whatwg-fetch',
68 | 'es6-promise',
69 | 'intersection-observer',
70 | 'url-polyfill',
71 | paths.clientDemo('js/app.js')
72 | ]
73 | },
74 | output: {
75 | path: paths.distDemo(),
76 | filename: 'js/legacy.[name].js'
77 | }
78 | }
79 | },
80 |
81 | development: (base, config) => {
82 | return {
83 | mode: 'development',
84 | watch: true,
85 | optimization: {
86 | ...optimization
87 | }
88 | }
89 | },
90 |
91 | production: (base, config) => {
92 | dbg('🗑 Cleaning assets folder')
93 | dbg('👽 Using UglifyJs')
94 | dbg('🎨 Using PostCss')
95 |
96 | return {
97 | mode: 'production',
98 | plugins: [
99 | new webpack.DefinePlugin({
100 | 'process.env': {
101 | NODE_ENV: '"production"'
102 | }
103 | })
104 | ],
105 | optimization: {
106 | ...optimization
107 | }
108 | }
109 | }
110 | }
111 |
--------------------------------------------------------------------------------
/examples/webpack/build/index.js:
--------------------------------------------------------------------------------
1 | import debug from 'debug'
2 | import getWebpackConfigBase from './base'
3 | import webpackConfigOverrides from './environments'
4 | import WebpackMerge from 'webpack-merge'
5 |
6 | const dbg = debug('StartingBlocks:webpack-config ')
7 | dbg.color = debug.colors[4]
8 |
9 | const getWebpackConfig = (config) => {
10 | dbg('👷♂️ Creating webpack configuration')
11 |
12 | const base = getWebpackConfigBase(config)
13 | const baseModern = WebpackMerge.smart(base, webpackConfigOverrides['modern'](base, config))
14 | const baseLegacy = WebpackMerge.smart(base, webpackConfigOverrides['legacy'](base, config))
15 |
16 | dbg(`🕵️♂️ Looking for environment overrides for NODE_ENV "${config.env}".`)
17 |
18 | const overrides = webpackConfigOverrides[config.env]
19 |
20 | if (webpackConfigOverrides[config.env]) {
21 | dbg('🙋♂️ Found overrides, applying to default configuration.')
22 |
23 | return [
24 | WebpackMerge.smart(baseModern, overrides(baseModern, config)),
25 | WebpackMerge.smart(baseLegacy, overrides(baseLegacy, config))
26 | ]
27 | } else {
28 | dbg('🤷♂️ No environment overrides found.')
29 | }
30 | }
31 |
32 | export default getWebpackConfig
33 |
--------------------------------------------------------------------------------
/examples/webpack/config/base.js:
--------------------------------------------------------------------------------
1 | import debug from 'debug'
2 | import path from 'path'
3 |
4 | const dbg = debug('StartingBlocks:config:base ')
5 | dbg.color = debug.colors[2]
6 |
7 | const getConfig = () => {
8 | let config = {
9 | env: process.env.NODE_ENV || 'development'
10 | }
11 |
12 | config = {
13 | ...config,
14 | devtool: false,
15 |
16 | // ----------------------------------
17 | // Project Structure
18 | // ----------------------------------
19 | path_base: path.resolve(__dirname, '..'),
20 | dir_entry_demo: '../src',
21 | dir_dist_demo: '../dist',
22 |
23 | bundleAnalyzerReportDemo: false,
24 |
25 | // ----------------------------------
26 | // Stats
27 | // ----------------------------------
28 | // stats: {
29 | // chunks: false,
30 | // chunkModules: false,
31 | // colors: true,
32 | // children: false,
33 | // version: false,
34 | // reasons: false
35 | // },
36 | stats: 'minimal',
37 |
38 | // ----------------------------------
39 | // Inputs
40 | // ----------------------------------
41 | js_vendors: [],
42 |
43 | // ----------------------------------
44 | // Externals
45 | // ----------------------------------
46 | externals: {
47 |
48 | },
49 |
50 | resolve: {
51 | alias: {
52 | 'starting-blocks': path.resolve(__dirname, '../../../')
53 | },
54 | extensions: ['.js']
55 | },
56 |
57 | // ----------------------------------
58 | // Globals
59 | // ----------------------------------
60 | // ⚠️ : You have to add all these constants to .eslintrc file
61 | globals: {
62 | 'DEVELOPMENT': JSON.stringify(config.env === 'development'),
63 | 'PRODUCTION': JSON.stringify(config.env === 'production'),
64 | 'ENVIRONMENT': JSON.stringify(config.env)
65 | }
66 | }
67 |
68 | config.public_path = ''
69 |
70 | dbg('⚙ Exporting default configuration.')
71 | return config
72 | }
73 |
74 | export default getConfig
75 |
--------------------------------------------------------------------------------
/examples/webpack/config/environments.js:
--------------------------------------------------------------------------------
1 | export default {
2 | development: () => {
3 | return {}
4 | },
5 |
6 | production: () => ({
7 | devtool: false
8 | })
9 | }
10 |
--------------------------------------------------------------------------------
/examples/webpack/config/index.js:
--------------------------------------------------------------------------------
1 | import debug from 'debug'
2 | import path from 'path'
3 | import getConfigBase from './base'
4 | import configOverrides from './environments'
5 |
6 | const dbg = debug('StartingBlocks:config ')
7 | dbg.color = debug.colors[1]
8 |
9 | const getConfig = () => {
10 | dbg('👷♂️ Creating configuration.')
11 |
12 | let configBase = getConfigBase()
13 |
14 | dbg(`🕵️♂️ Looking for environment overrides for NODE_ENV "${configBase.env}".`)
15 |
16 | const overrides = configOverrides[configBase.env]
17 |
18 | if (configOverrides[configBase.env]) {
19 | dbg('🙋♂️ Found overrides, applying to default configuration.')
20 | Object.assign(configBase, overrides(configBase))
21 | } else {
22 | dbg('🤷♂️ No environment overrides found.')
23 | }
24 |
25 | // ------------------------------------
26 | // Utilities
27 | // ------------------------------------
28 | const resolve = path.resolve
29 | const base = (...args) =>
30 | Reflect.apply(resolve, null, [configBase.path_base, ...args])
31 |
32 | configBase.utils_paths = {
33 | base: base,
34 | clientDemo: base.bind(null, configBase.dir_entry_demo),
35 | distDemo: base.bind(null, configBase.dir_dist_demo)
36 | }
37 |
38 | return configBase
39 | }
40 |
41 | export default getConfig
42 |
--------------------------------------------------------------------------------
/examples/webpack/modules/HtmlWebpackMultiBuildPlugin.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright © 2017, Rezo Zero
3 | *
4 | * @file HtmlWebpackMultiBuildPlugin.js
5 | * @author Adrien Scholaert
36 |
59 | Page partial
37 |This page only contains a div element with .page-content class.
38 | 39 | 43 | 44 |Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ex est, maximus aliquam sagittis vel, tempus vel odio. Praesent felis elit, blandit et laoreet nec, hendrerit et arcu. Aenean ligula sapien, sodales vel semper in, pulvinar id nulla. Donec pellentesque non tellus vel imperdiet. Pellentesque posuere, nisl sed rutrum tincidunt, augue augue vestibulum ex, vel ornare justo arcu eu magna. Praesent vel nisl enim. Aenean a odio porttitor, fermentum est et, mattis sem. Suspendisse aliquam, risus a aliquam vestibulum, eros ipsum pulvinar sem, quis posuere tellus ex id velit. Quisque eu pellentesque nisl, sed volutpat purus. Sed auctor convallis sapien sed hendrerit. Vivamus et neque facilisis, ultrices ex non, faucibus velit. Aliquam laoreet sed turpis a blandit. Nulla fringilla massa non fermentum rutrum.
45 | 46 |
47 |
49 | Vivamus dolor massa, aliquet ut leo vel, sodales mattis tortor. Aenean at mauris et ex mollis fringilla. Sed volutpat viverra vehicula. Nullam maximus ligula ac nisl aliquam commodo. Donec sed vestibulum orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ut porttitor lorem, sit amet aliquet dui. Nunc dictum, lorem vitae elementum pharetra, sapien orci dignissim ligula, aliquam interdum erat urna a nibh. Morbi quis tellus maximus, pellentesque erat ac, porttitor nulla. Curabitur rhoncus urna non magna mattis aliquet. Vestibulum non lobortis turpis. Nunc aliquet velit a magna dictum pulvinar vitae laoreet tortor. Duis auctor iaculis arcu ac rutrum. Suspendisse vel odio risus.
48 |
50 |
58 | Vivamus dolor massa, aliquet ut leo vel, sodales mattis tortor. Aenean at mauris et ex mollis fringilla. Sed volutpat viverra vehicula. Nullam maximus ligula ac nisl aliquam commodo. Donec sed vestibulum orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ut porttitor lorem, sit amet aliquet dui. Nunc dictum, lorem vitae elementum pharetra, sapien orci dignissim ligula, aliquam interdum erat urna a nibh. Morbi quis tellus maximus, pellentesque erat ac, porttitor nulla. Curabitur rhoncus urna non magna mattis aliquet. Vestibulum non lobortis turpis. Nunc aliquet velit a magna dictum pulvinar vitae laoreet tortor. Duis auctor iaculis arcu ac rutrum. Suspendisse vel odio risus.
51 |