mirror of
https://github.com/a2nt/silverstripe-webpack.git
synced 2024-10-22 17:05:31 +02:00
Intial commit
This commit is contained in:
Tony Air
parent
3d354656da
commit
6a33a8583b
18
.gitignore
vendored
Normal file
18
.gitignore
vendored
Normal file
@ -0,0 +1,18 @@
|
||||
# START Do not modify the lines between here and #END, they will be regenerated by GitIgnoreEditor
|
||||
/betternavigator
|
||||
/cms
|
||||
/debugbar
|
||||
/framework
|
||||
/ideannotator
|
||||
/redirectedurls
|
||||
/reports
|
||||
/silverstripe-scaled-uploads
|
||||
/silverstripe-version-truncator
|
||||
/siteconfig
|
||||
# END of GitIgnoreEditor
|
||||
|
||||
/node_modules
|
||||
/composer.lock
|
||||
/yarn.lock
|
||||
/vendor
|
||||
/site/dist
|
||||
12
browserconfig.xml
Normal file
12
browserconfig.xml
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square70x70logo src="/site/dist/icons/mstile-70x70.png"/>
|
||||
<square150x150logo src="/site/dist/icons/mstile-150x150.png"/>
|
||||
<wide310x150logo src="/site/dist/icons/mstile-310x150.png"/>
|
||||
<square310x310logo src="/site/dist/icons/mstile-310x310.png"/>
|
||||
<TileColor>#000</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
10
cache.appcache
Executable file
10
cache.appcache
Executable file
@ -0,0 +1,10 @@
|
||||
CACHE MANIFEST
|
||||
|
||||
FALLBACK:
|
||||
/
|
||||
/site/dist/css/app.css
|
||||
/site/dist/img/logo.png
|
||||
/site/dist/img/fonts/fontawesome-webfont.woff2?v=4.7.0
|
||||
/site/dist/img/fonts/fontawesome-webfont.woff?v=4.7.0
|
||||
/site/dist/img/fonts/fontawesome-webfont.ttf?v=4.7.0
|
||||
/site/dist/js/app.js
|
||||
32
composer.json
Executable file
32
composer.json
Executable file
@ -0,0 +1,32 @@
|
||||
{
|
||||
"name": "silverstripe/installer",
|
||||
"description": "The SilverStripe webpack boilerplate",
|
||||
"require": {
|
||||
"php": ">=5.5.0",
|
||||
"silverstripe/cms": "*",
|
||||
"silverstripe/framework": "3.7.x-dev",
|
||||
"silverstripe/redirectedurls": "*",
|
||||
"axllent/silverstripe-scaled-uploads": "*",
|
||||
"jonom/silverstripe-betternavigator": "*",
|
||||
"axllent/silverstripe-version-truncator": "*"
|
||||
},
|
||||
"require-dev": {
|
||||
"phpunit/PHPUnit": "~3.7",
|
||||
"gdmedia/ss-auto-git-ignore": "^1.0",
|
||||
"axyr/silverstripe-ideannotator": "dev-master",
|
||||
"lekoala/silverstripe-debugbar": "^1.0"
|
||||
},
|
||||
"scripts": {
|
||||
"post-update-cmd": "GDM\\SSAutoGitIgnore\\UpdateScript::Go"
|
||||
},
|
||||
"config": {
|
||||
"process-timeout": 600,
|
||||
"discard-changes": true
|
||||
},
|
||||
"extra": {
|
||||
"branch-alias": {
|
||||
"3.x-dev": "3.6.x-dev"
|
||||
}
|
||||
},
|
||||
"minimum-stability": "dev"
|
||||
}
|
||||
11
humans.txt
Executable file
11
humans.txt
Executable file
@ -0,0 +1,11 @@
|
||||
/* AUTHOR */
|
||||
Name:
|
||||
|
||||
/* TEAM */
|
||||
Site: https://bla-bla.com/
|
||||
|
||||
/* SITE */
|
||||
Doctype: HTML5
|
||||
IDE: PHPStorm, Sublime Text, Photoshop, Transmit
|
||||
Framework: SilverStripe
|
||||
Language: English
|
||||
49
manifest.json
Normal file
49
manifest.json
Normal file
@ -0,0 +1,49 @@
|
||||
{
|
||||
"name": "SilverStripe",
|
||||
"short_name": "SilverStripe website",
|
||||
"description": "",
|
||||
"dir": "auto",
|
||||
"lang": "en-US",
|
||||
"display": "standalone",
|
||||
"orientation": "any",
|
||||
"start_url": "/?homescreen=1",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#000000",
|
||||
"icons": [{
|
||||
"src": "/dist/icons/android-chrome-36x36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image/png"
|
||||
}, {
|
||||
"src": "/dist/icons/android-chrome-48x48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image/png"
|
||||
}, {
|
||||
"src": "/dist/icons/android-chrome-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image/png"
|
||||
}, {
|
||||
"src": "/dist/icons/android-chrome-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image/png"
|
||||
}, {
|
||||
"src": "/dist/icons/android-chrome-144x144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image/png"
|
||||
}, {
|
||||
"src": "/dist/icons/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
}, {
|
||||
"src": "/dist/icons/android-chrome-256x256.png",
|
||||
"sizes": "256x256",
|
||||
"type": "image/png"
|
||||
}, {
|
||||
"src": "/dist/icons/android-chrome-384x384.png",
|
||||
"sizes": "384x384",
|
||||
"type": "image/png"
|
||||
}, {
|
||||
"src": "/dist/icons/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}]
|
||||
}
|
||||
110
package.json
Executable file
110
package.json
Executable file
@ -0,0 +1,110 @@
|
||||
{
|
||||
"name": "ss-webpack-boilerplate",
|
||||
"version": "1.0.0",
|
||||
"description": "Lets you create SilverStripe faster",
|
||||
"author": "Tony Air <tony@twma.pro>",
|
||||
"license": "MIT",
|
||||
"private": false,
|
||||
"engines": {
|
||||
"yarn": ">= 1.0.0"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "cross-env NODE_ENV=development webpack-dev-server -d --config webpack.config.dev.js",
|
||||
"dash": "cross-env NODE_ENV=development webpack-dashboard -- webpack-dev-server --config webpack.config.dev.js",
|
||||
"prebuild": "rimraf build",
|
||||
"build": "cross-env NODE_ENV=production webpack -p --config webpack.config.prod.js --progress"
|
||||
},
|
||||
"dependencies": {
|
||||
"bootstrap": "twbs/bootstrap#>= 3.1.0",
|
||||
"favicons-webpack-plugin": "^0.0.7",
|
||||
"jquery": "^3.3.1",
|
||||
"js-yaml": "^3.10.0",
|
||||
"popper": "^1.0.1",
|
||||
"popper.js": "^1.12.9"
|
||||
},
|
||||
"devDependencies": {
|
||||
"exports-loader": "^0.7.0",
|
||||
"favicons-webpack-plugin": "^0.0.7",
|
||||
"@silverstripe/eslint-config": "0.0.2",
|
||||
"autoprefixer": "^7.2.5",
|
||||
"babel-core": "^6.26.0",
|
||||
"babel-loader": "^7.1.2",
|
||||
"babel-plugin-transform-react-jsx": "^6.24.1",
|
||||
"babel-preset-es2015": "^6.24.1",
|
||||
"babel-preset-react": "^6.24.1",
|
||||
"babel-preset-stage-2": "^6.24.1",
|
||||
"browser-sync": "^2.23.6",
|
||||
"browser-sync-webpack-plugin": "^1.2.0",
|
||||
"copy-webpack-plugin": "^4.3.1",
|
||||
"copyfiles": "^1.2.0",
|
||||
"cross-env": "^5.1.3",
|
||||
"css-loader": "^0.28.9",
|
||||
"extract-text-webpack-plugin": "^3.0.2",
|
||||
"file-loader": "^1.1.5",
|
||||
"html-webpack-plugin": "^2.30.1",
|
||||
"laravel-mix": "^1.0",
|
||||
"lost": "^8.2.0",
|
||||
"node-sass": "^4.6.1",
|
||||
"optimize-css-assets-webpack-plugin": "^3.2.0",
|
||||
"postcss-loader": "^2.0.10",
|
||||
"react": "^16.2.0",
|
||||
"react-dom": "^16.2.0",
|
||||
"react-hot-loader": "^3.1.3",
|
||||
"redux": "^3.7.2",
|
||||
"redux-devtools-extension": "^2.13.2",
|
||||
"resolve-url-loader": "^2.2.1",
|
||||
"rimraf": "^2.6.2",
|
||||
"sass-loader": "^6.0.6",
|
||||
"script-ext-html-webpack-plugin": "^1.8.8",
|
||||
"style-loader": "^0.19.0",
|
||||
"svg-url-loader": "^2.3.1",
|
||||
"uglifyjs-webpack-plugin": "^1.1.6",
|
||||
"url-loader": "^0.6.2",
|
||||
"webpack": "^3.8.1",
|
||||
"webpack-dashboard": "^1.1.1",
|
||||
"webpack-dev-server": "^2.11.1",
|
||||
"webpack-manifest-plugin": "^1.3.2",
|
||||
"webpack-merge": "^4.1.1",
|
||||
"worker-loader": "^1.1.0"
|
||||
},
|
||||
"stylelint": {
|
||||
"rules": {
|
||||
"block-no-empty": null,
|
||||
"color-no-invalid-hex": true,
|
||||
"comment-empty-line-before": [
|
||||
"always", {
|
||||
"ignore": [
|
||||
"stylelint-commands",
|
||||
"after-comment"
|
||||
]
|
||||
}
|
||||
],
|
||||
"declaration-colon-space-after": "always",
|
||||
"indentation": [
|
||||
4, {
|
||||
"except": [
|
||||
"value"
|
||||
]
|
||||
}
|
||||
],
|
||||
"max-empty-lines": 2,
|
||||
"rule-empty-line-before": [
|
||||
"always", {
|
||||
"except": [
|
||||
"first-nested"
|
||||
],
|
||||
"ignore": [
|
||||
"after-comment"
|
||||
]
|
||||
}
|
||||
],
|
||||
"unit-whitelist": [
|
||||
"em",
|
||||
"rem",
|
||||
"%",
|
||||
"s",
|
||||
"px"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
25
phpcs.xml.dist
Executable file
25
phpcs.xml.dist
Executable file
@ -0,0 +1,25 @@
|
||||
<?xml version="1.0"?>
|
||||
<ruleset name="SS3">
|
||||
<description>Coding standard for SilverStripe 3.x</description>
|
||||
|
||||
<!-- Don't sniff third party libraries -->
|
||||
<exclude-pattern>*/vendor/*</exclude-pattern>
|
||||
<exclude-pattern>*/thirdparty/*</exclude-pattern>
|
||||
<exclude-pattern>*/node_modules/*</exclude-pattern>
|
||||
|
||||
<!-- Show progress and output sniff names on violation, and add colours -->
|
||||
<arg value="sp"/>
|
||||
<arg name="colors"/>
|
||||
|
||||
<!-- Use PSR-2 as a base standard -->
|
||||
<rule ref="PSR2">
|
||||
<!-- Allow classes to not declare a namespace -->
|
||||
<exclude name="PSR1.Classes.ClassDeclaration.MissingNamespace"/>
|
||||
|
||||
<!-- Allow underscores in class names -->
|
||||
<exclude name="Squiz.Classes.ValidClassName.NotCamelCaps"/>
|
||||
|
||||
<!-- Allow non camel cased method names -->
|
||||
<exclude name="PSR1.Methods.CamelCapsMethodName.NotCamelCaps"/>
|
||||
</rule>
|
||||
</ruleset>
|
||||
18
phpunit.xml
Executable file
18
phpunit.xml
Executable file
@ -0,0 +1,18 @@
|
||||
<phpunit bootstrap="framework/tests/bootstrap.php" colors="true">
|
||||
|
||||
<testsuite name="Default">
|
||||
<directory>cms/tests</directory>
|
||||
<directory>framework/tests</directory>
|
||||
</testsuite>
|
||||
|
||||
<listeners>
|
||||
<listener class="SS_TestListener" file="framework/dev/TestListener.php" />
|
||||
</listeners>
|
||||
|
||||
<groups>
|
||||
<exclude>
|
||||
<group>sanitychecks</group>
|
||||
</exclude>
|
||||
</groups>
|
||||
|
||||
</phpunit>
|
||||
7
robots.txt
Executable file
7
robots.txt
Executable file
@ -0,0 +1,7 @@
|
||||
User-agent: *
|
||||
Allow: /
|
||||
Crawl-delay: 10
|
||||
Disallow: /admin
|
||||
Disallow: /Security
|
||||
Sitemap: https://www.bla-bla.org/sitemap.xml
|
||||
Host: https://www.bla-bla.org
|
||||
90
site/WebpackTemplateProvider.php
Normal file
90
site/WebpackTemplateProvider.php
Normal file
@ -0,0 +1,90 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Directs assets requests to Webpack server or to static files
|
||||
*/
|
||||
|
||||
class WebpackTemplateProvider extends Object implements TemplateGlobalProvider
|
||||
{
|
||||
/**
|
||||
* @return array
|
||||
*/
|
||||
public static function get_template_global_variables()
|
||||
{
|
||||
return [
|
||||
'WebpackDevServer' => 'isActive',
|
||||
'WebpackCSS' => 'loadCSS',
|
||||
'WebpackJS' => 'loadJS',
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* @var int port number
|
||||
*/
|
||||
private static $port = 3000;
|
||||
|
||||
/**
|
||||
* @var string host name
|
||||
*/
|
||||
private static $hostname = 'localhost';
|
||||
|
||||
/**
|
||||
* @var string assets static files directory
|
||||
*/
|
||||
private static $distDir = 'site/dist';
|
||||
|
||||
/**
|
||||
* Load CSS file
|
||||
* @param $path
|
||||
*/
|
||||
public static function loadCSS($path)
|
||||
{
|
||||
if (!self::isActive()) {
|
||||
Requirements::css(self::_toPublicPath($path));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Load JS file
|
||||
* @param $path
|
||||
*/
|
||||
public static function loadJS($path)
|
||||
{
|
||||
$path = self::isActive() ?
|
||||
self::_toDevServerPath($path) :
|
||||
self::_toPublicPath($path);
|
||||
|
||||
Requirements::javascript($path);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Checks if dev mode is enabled and if webpack server is online
|
||||
* @return bool
|
||||
*/
|
||||
public static function isActive()
|
||||
{
|
||||
$class = __CLASS__;
|
||||
return Director::isDev() && !!@fsockopen(
|
||||
$class::config()->get('hostname'),
|
||||
$class::config()->get('port')
|
||||
);
|
||||
}
|
||||
|
||||
protected static function _toDevServerPath($path)
|
||||
{
|
||||
$class = __CLASS__;
|
||||
return sprintf(
|
||||
'http://%s:%s/%s',
|
||||
$class::config()->get('hostname'),
|
||||
$class::config()->get('port'),
|
||||
$path
|
||||
);
|
||||
}
|
||||
|
||||
protected static function _toPublicPath($path)
|
||||
{
|
||||
$class = __CLASS__;
|
||||
return $class::config()->get('distDir') . '/' . $path;
|
||||
}
|
||||
}
|
||||
10
site/_config/webpack.yml
Normal file
10
site/_config/webpack.yml
Normal file
@ -0,0 +1,10 @@
|
||||
# that's important to place this file into /site/_config/webpack.yml
|
||||
# with all configuration variables presented
|
||||
# Cuz WebPack compiling script use it to set configuration
|
||||
|
||||
WebpackTemplateProvider:
|
||||
dist: site/dist
|
||||
hostname: localhost
|
||||
port: "3000"
|
||||
pages: site/src/js/types
|
||||
src: site/src
|
||||
10
site/src/_config/webpack.yml
Normal file
10
site/src/_config/webpack.yml
Normal file
@ -0,0 +1,10 @@
|
||||
# that's important to place this file into /site/_config/webpack.yml
|
||||
# with all configuration variables presented
|
||||
# Cuz WebPack compiling script use it to set configuration
|
||||
|
||||
WebpackTemplateProvider:
|
||||
dist: site/dist
|
||||
hostname: localhost
|
||||
port: "3000"
|
||||
pages: site/src/js/types
|
||||
src: site/src
|
||||
BIN
site/src/favicon.png
Normal file
BIN
site/src/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
19
site/src/js/_components/_spinner.js
Normal file
19
site/src/js/_components/_spinner.js
Normal file
@ -0,0 +1,19 @@
|
||||
/**
|
||||
* Just an example component
|
||||
*/
|
||||
import $ from "jquery";
|
||||
|
||||
const SpinnerUI = (($) => {
|
||||
class SpinnerUI {
|
||||
static show(callback) {
|
||||
$("#PageLoading").show(0, callback);
|
||||
}
|
||||
|
||||
static hide(callback) {
|
||||
$("#PageLoading").hide("slow", callback);
|
||||
}
|
||||
}
|
||||
return SpinnerUI;
|
||||
})($);
|
||||
|
||||
export default SpinnerUI;
|
||||
8
site/src/js/_events.js
Normal file
8
site/src/js/_events.js
Normal file
@ -0,0 +1,8 @@
|
||||
/**
|
||||
* Add your global events here
|
||||
*/
|
||||
|
||||
module.exports = {
|
||||
AJAX: "ajax-load",
|
||||
LOADED: "load"
|
||||
};
|
||||
88
site/src/js/_pageType_and_component_template.js
Normal file
88
site/src/js/_pageType_and_component_template.js
Normal file
@ -0,0 +1,88 @@
|
||||
import $ from "jquery";
|
||||
|
||||
const TypePage = (($) => {
|
||||
|
||||
// Constants
|
||||
const NAME = "TypePage";
|
||||
//const DATA_KEY = "pageUI." + NAME;
|
||||
|
||||
const Events = require("./_events");
|
||||
|
||||
class TypePage {
|
||||
// Static methods
|
||||
static init() {
|
||||
console.log("Initializing: " + NAME);
|
||||
}
|
||||
|
||||
static destroy() {
|
||||
console.log("Destroying: " + NAME);
|
||||
}
|
||||
|
||||
/**
|
||||
* jQuery extension functions
|
||||
// Constructor
|
||||
constructor(element) {
|
||||
console.log("Constructing: " + NAME + " elements");
|
||||
|
||||
this._element = element;
|
||||
}
|
||||
|
||||
// Public methods
|
||||
dispose() {
|
||||
console.log("Disposing: " + NAME + " elements");
|
||||
|
||||
$.removeData(this._element, DATA_KEY);
|
||||
this._element = null;
|
||||
}
|
||||
|
||||
static _jQueryInterface() {
|
||||
return this.each(function () {
|
||||
// attach functionality to element
|
||||
const $element = $(this);
|
||||
let data = $element.data(DATA_KEY);
|
||||
|
||||
if (!data) {
|
||||
data = new TypePage(this);
|
||||
$element.data(DATA_KEY, data);
|
||||
}
|
||||
})
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
$(window).on(Events.AJAX + " " + Events.LOADED, function() {
|
||||
TypePage.init();
|
||||
});
|
||||
|
||||
// JQuery extension functions
|
||||
/*$.fn[NAME] = TypePage._jQueryInterface;
|
||||
$.fn[NAME].Constructor = TypePage;
|
||||
$.fn[NAME].noConflict = function () {
|
||||
$.fn[NAME] = JQUERY_NO_CONFLICT;
|
||||
return TypePage._jQueryInterface;
|
||||
};*/
|
||||
|
||||
return TypePage;
|
||||
})($);
|
||||
|
||||
export default TypePage;
|
||||
|
||||
|
||||
/*
|
||||
import $ from 'jquery';
|
||||
|
||||
(function (G) {
|
||||
G.initPulsePage = function () {
|
||||
G.destroyPulsePage();
|
||||
};
|
||||
|
||||
G.destroyPulsePage = function () {};
|
||||
|
||||
$(window).on("ajax-content-loaded", function () {
|
||||
G.initPulsePage();
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
G.initPulsePage();
|
||||
});
|
||||
}(this));*/
|
||||
38
site/src/js/app.js
Normal file
38
site/src/js/app.js
Normal file
@ -0,0 +1,38 @@
|
||||
// import images
|
||||
function importAll(r) {
|
||||
return r.keys().map(r);
|
||||
}
|
||||
|
||||
const images = importAll(require.context("../img/", false, /\.(png|jpe?g|svg)$/));
|
||||
|
||||
import "../scss/app.scss";
|
||||
|
||||
// import Bootstrap
|
||||
import Popper from "popper.js";
|
||||
window.Popper = Popper;
|
||||
import "bootstrap/js/dist/util";
|
||||
import "bootstrap/js/dist/alert";
|
||||
import "bootstrap/js/dist/button";
|
||||
import "bootstrap/js/dist/carousel";
|
||||
import "bootstrap/js/dist/collapse";
|
||||
import "bootstrap/js/dist/dropdown";
|
||||
import "bootstrap/js/dist/modal";
|
||||
import "bootstrap/js/dist/tooltip";
|
||||
import "bootstrap/js/dist/popover";
|
||||
import "bootstrap/js/dist/scrollspy";
|
||||
import "bootstrap/js/dist/tab";
|
||||
//
|
||||
|
||||
// import your custom UI components
|
||||
import "./main.js";
|
||||
|
||||
// TODO: hot module update
|
||||
/*const Events = require("./_events");
|
||||
if (module.hot) {
|
||||
module.hot.accept();
|
||||
module.hot.addStatusHandler(status => {
|
||||
if(status === "apply"){
|
||||
$(window).trigger(Events.AJAX);
|
||||
}
|
||||
});
|
||||
}*/
|
||||
38
site/src/js/main.js
Normal file
38
site/src/js/main.js
Normal file
@ -0,0 +1,38 @@
|
||||
import $ from "jquery";
|
||||
|
||||
import Events from "./_events";
|
||||
// import an example component
|
||||
import Spinner from "./_components/_spinner";
|
||||
|
||||
const MainUI = (($) => {
|
||||
|
||||
// Constants
|
||||
const NAME = "MainUI";
|
||||
|
||||
class MainUI {
|
||||
// Static methods
|
||||
static init() {
|
||||
this.destroy();
|
||||
console.log("Initializing: " + NAME);
|
||||
|
||||
Spinner.hide(function() {
|
||||
$("body").addClass("loaded");
|
||||
});
|
||||
}
|
||||
|
||||
static destroy() {
|
||||
console.log("Destroying: " + NAME);
|
||||
Spinner.show(function() {
|
||||
$("body").removeClass("loaded");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
$(window).on(Events.AJAX + " " + Events.LOADED, function() {
|
||||
MainUI.init();
|
||||
});
|
||||
|
||||
return MainUI;
|
||||
})($);
|
||||
|
||||
export default MainUI;
|
||||
7
site/src/scss/_layout.scss
Normal file
7
site/src/scss/_layout.scss
Normal file
@ -0,0 +1,7 @@
|
||||
/**
|
||||
* Your custom style
|
||||
*/
|
||||
|
||||
html,body {
|
||||
background:#000;
|
||||
}
|
||||
10
site/src/scss/_variables.scss
Normal file
10
site/src/scss/_variables.scss
Normal file
@ -0,0 +1,10 @@
|
||||
/*
|
||||
* Your custom variables
|
||||
*/
|
||||
|
||||
// bootstrap minify bugfix:
|
||||
$navbar-dark-toggler-icon-bg: none;
|
||||
$navbar-light-toggler-icon-bg: none;
|
||||
|
||||
// IE > 9
|
||||
$enable-flex: true;
|
||||
42
site/src/scss/app.scss
Normal file
42
site/src/scss/app.scss
Normal file
@ -0,0 +1,42 @@
|
||||
// Your custom variables
|
||||
@import "variables";
|
||||
|
||||
// Bootstrap basics
|
||||
@import "../../../node_modules/bootstrap/scss/functions";
|
||||
@import "../../../node_modules/bootstrap/scss/variables";
|
||||
@import "../../../node_modules/bootstrap/scss/mixins";
|
||||
@import "../../../node_modules/bootstrap/scss/root";
|
||||
@import "../../../node_modules/bootstrap/scss/reboot";
|
||||
@import "../../../node_modules/bootstrap/scss/type";
|
||||
@import "../../../node_modules/bootstrap/scss/images";
|
||||
@import "../../../node_modules/bootstrap/scss/code";
|
||||
@import "../../../node_modules/bootstrap/scss/grid";
|
||||
@import "../../../node_modules/bootstrap/scss/tables";
|
||||
@import "../../../node_modules/bootstrap/scss/forms";
|
||||
@import "../../../node_modules/bootstrap/scss/buttons";
|
||||
@import "../../../node_modules/bootstrap/scss/transitions";
|
||||
@import "../../../node_modules/bootstrap/scss/dropdown";
|
||||
@import "../../../node_modules/bootstrap/scss/button-group";
|
||||
@import "../../../node_modules/bootstrap/scss/input-group";
|
||||
@import "../../../node_modules/bootstrap/scss/custom-forms";
|
||||
@import "../../../node_modules/bootstrap/scss/nav";
|
||||
@import "../../../node_modules/bootstrap/scss/navbar";
|
||||
@import "../../../node_modules/bootstrap/scss/card";
|
||||
@import "../../../node_modules/bootstrap/scss/breadcrumb";
|
||||
@import "../../../node_modules/bootstrap/scss/pagination";
|
||||
@import "../../../node_modules/bootstrap/scss/badge";
|
||||
@import "../../../node_modules/bootstrap/scss/jumbotron";
|
||||
@import "../../../node_modules/bootstrap/scss/alert";
|
||||
@import "../../../node_modules/bootstrap/scss/progress";
|
||||
@import "../../../node_modules/bootstrap/scss/media";
|
||||
@import "../../../node_modules/bootstrap/scss/list-group";
|
||||
@import "../../../node_modules/bootstrap/scss/close";
|
||||
@import "../../../node_modules/bootstrap/scss/modal";
|
||||
@import "../../../node_modules/bootstrap/scss/tooltip";
|
||||
@import "../../../node_modules/bootstrap/scss/popover";
|
||||
@import "../../../node_modules/bootstrap/scss/carousel";
|
||||
@import "../../../node_modules/bootstrap/scss/utilities";
|
||||
@import "../../../node_modules/bootstrap/scss/print";
|
||||
|
||||
// Your custom UI
|
||||
@import "layout";
|
||||
64
site/templates/Page.ss
Normal file
64
site/templates/Page.ss
Normal file
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="$ContentLocale.ATT" dir="$i18nScriptDirection.ATT">
|
||||
<%-- manifest="/cache.appcache" --%>
|
||||
<head>
|
||||
$MetaTags
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta name="msapplication-navbutton-color" content="#000000" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#000000" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="mobile-web-app-capable" content="yes" />
|
||||
|
||||
<link rel="author" type="text/plain" href="{$AbsoluteBaseURL}humans.txt" />
|
||||
<link rel="sitemap" type="application/xml" title="Sitemap" href="{$AbsoluteBaseURL}sitemap.xml" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link rel="preconnect" href="https://maps.google.com" />
|
||||
<link rel="preconnect" href="https://ajax.googleapis.com" />
|
||||
<link rel="preconnect" href="https://csi.gstatic.com" />
|
||||
<link rel="preconnect" href="https://maps.googleapis.com" />
|
||||
|
||||
<link rel="preconnect" href="https://www.youtube.com">
|
||||
<link rel="preconnect" href="https://i.ytimg.com">
|
||||
<link rel="preconnect" href="https://i9.ytimg.com">
|
||||
<link rel="preconnect" href="https://s.ytimg.com">
|
||||
|
||||
<% base_tag %>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="{$AbsoluteBaseURL}{$Project}/site/dist/icons/favicon.ico" />
|
||||
<link rel="icon" sizes="144x144" type="image/png" href="{$AbsoluteBaseURL}{$Project}/site/dist/icons/android-chrome-144x144.png" />
|
||||
<link rel="apple-touch-icon" href="{$AbsoluteBaseURL}{$Project}/site/dist/icons/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon-precomposed" href="{$AbsoluteBaseURL}{$Project}/site/dist/icons/apple-touch-icon-precomposed.png" />
|
||||
<link rel="manifest" href="/manifest.webmanifest" />
|
||||
|
||||
<meta name="application-name" content="{$SiteConfig.Title}" />
|
||||
<meta name="msapplication-TileImage" content="{$AbsoluteBaseURL}{$Project}/site/dist/icons/mstile-144x144.png" />
|
||||
<meta name="msapplication-TileColor" content="#2F98F1" />
|
||||
|
||||
<meta content="yes" name="apple-mobile-web-app-capable" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" />
|
||||
</head>
|
||||
<body oncontextmenu="return false;">
|
||||
<header>
|
||||
|
||||
</header>
|
||||
|
||||
<main data-ajax-region="LayoutAjax">
|
||||
$Layout
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="hidden-print">
|
||||
$BetterNavigator
|
||||
</div>
|
||||
|
||||
$WebpackJS('app.js')
|
||||
$WebpackCSS('app.css')
|
||||
|
||||
</body>
|
||||
</html>
|
||||
122
webpack.config.common.js
Executable file
122
webpack.config.common.js
Executable file
@ -0,0 +1,122 @@
|
||||
const path = require("path");
|
||||
const webpack = require("webpack");
|
||||
const ExtractTextPlugin = require("extract-text-webpack-plugin");
|
||||
const ManifestPlugin = require("webpack-manifest-plugin");
|
||||
const conf = require("./webpack.configuration");
|
||||
const isProduction = process.env.NODE_ENV === "production";
|
||||
|
||||
const jsScripts = {
|
||||
app: path.join(conf.SRC, "js/app.js"),
|
||||
};
|
||||
|
||||
const _getAllFilesFromFolder = function(dir) {
|
||||
let filesystem = require("fs");
|
||||
let results = [];
|
||||
|
||||
filesystem.readdirSync(dir).forEach(function(file) {
|
||||
|
||||
file = dir + "/" + file;
|
||||
let stat = filesystem.statSync(file);
|
||||
|
||||
if (stat && stat.isDirectory()) {
|
||||
results = results.concat(_getAllFilesFromFolder(file))
|
||||
} else results.push(file);
|
||||
|
||||
});
|
||||
|
||||
return results;
|
||||
};
|
||||
|
||||
// add page specific scripts
|
||||
const pageScripts = _getAllFilesFromFolder(conf.PAGES);
|
||||
pageScripts.forEach((file) => {
|
||||
jsScripts[path.basename(file, ".js")] = file;
|
||||
});
|
||||
|
||||
module.exports = {
|
||||
entry: jsScripts,
|
||||
devtool: "source-map",
|
||||
externals: {
|
||||
"custom-select": "CustomSelect",
|
||||
"ui-progress-button": "UIProgressButton"
|
||||
},
|
||||
module: {
|
||||
rules: [{
|
||||
test: /\.jsx?$/,
|
||||
exclude: /node_modules/,
|
||||
use: {
|
||||
loader: "babel-loader",
|
||||
options: {
|
||||
presets: [
|
||||
["es2015", {
|
||||
modules: false
|
||||
}],
|
||||
["stage-2"]
|
||||
],
|
||||
plugins: [
|
||||
["transform-react-jsx"],
|
||||
["react-hot-loader/babel"],
|
||||
]
|
||||
},
|
||||
}
|
||||
}, {
|
||||
test: /\.(png|jpg|gif|svg)$/,
|
||||
loader: "file-loader",
|
||||
options: {
|
||||
name: "img/[name].[ext]",
|
||||
}
|
||||
}, {
|
||||
test: /\.eot(\?v=\d+.\d+.\d+)?$/,
|
||||
use: {
|
||||
loader: "file-loader",
|
||||
options: {
|
||||
name: "fonts/[name].[ext]"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
||||
use: {
|
||||
loader: "url-loader",
|
||||
options: {
|
||||
name: "fonts/[name].[ext]",
|
||||
limit: 10000,
|
||||
mimetype: "application/font-woff"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
test: /\.[ot]tf(\?v=\d+.\d+.\d+)?$/,
|
||||
use: {
|
||||
loader: "url-loader",
|
||||
options: {
|
||||
name: "fonts/[name].[ext]",
|
||||
limit: 10000,
|
||||
mimetype: "application/octet-stream"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
test: /\.worker\.js$/,
|
||||
use: {
|
||||
loader: "worker-loader"
|
||||
}
|
||||
}]
|
||||
},
|
||||
plugins: [
|
||||
new webpack.ProvidePlugin({
|
||||
$: "jquery",
|
||||
jQuery: "jquery",
|
||||
"window.jQuery": "jquery",
|
||||
Popper: ["popper.js", "default"],
|
||||
Util: "exports-loader?Util!bootstrap/js/dist/util",
|
||||
Alert: "exports-loader?Alert!bootstrap/js/dist/alert",
|
||||
Button: "exports-loader?Button!bootstrap/js/dist/button",
|
||||
Carousel: "exports-loader?Carousel!bootstrap/js/dist/carousel",
|
||||
Collapse: "exports-loader?Collapse!bootstrap/js/dist/collapse",
|
||||
Dropdown: "exports-loader?Dropdown!bootstrap/js/dist/dropdown",
|
||||
Modal: "exports-loader?Modal!bootstrap/js/dist/modal",
|
||||
Tooltip: "exports-loader?Tooltip!bootstrap/js/dist/tooltip",
|
||||
Popover: "exports-loader?Popover!bootstrap/js/dist/popover",
|
||||
Scrollspy: "exports-loader?Scrollspy!bootstrap/js/dist/scrollspy",
|
||||
Tab: "exports-loader?Tab!bootstrap/js/dist/tab",
|
||||
})
|
||||
],
|
||||
};
|
||||
97
webpack.config.dev.js
Executable file
97
webpack.config.dev.js
Executable file
@ -0,0 +1,97 @@
|
||||
const autoprefixer = require('autoprefixer');
|
||||
const webpack = require('webpack');
|
||||
const merge = require('webpack-merge');
|
||||
const common = require('./webpack.config.common.js');
|
||||
const conf = require('./webpack.configuration');
|
||||
|
||||
const IP = process.env.IP || conf.HOSTNAME;
|
||||
const PORT = process.env.PORT || conf.PORT;
|
||||
|
||||
const config = merge.strategy({
|
||||
entry: 'prepend'
|
||||
})(common, {
|
||||
|
||||
entry: {
|
||||
app: [
|
||||
'react-hot-loader/patch',
|
||||
'webpack-dev-server/client?http://' + conf.HOSTNAME + ':' + conf.PORT + '/',
|
||||
'webpack/hot/only-dev-server',
|
||||
],
|
||||
main: [
|
||||
'webpack-dev-server/client?http://' + conf.HOSTNAME + ':' + conf.PORT + '/',
|
||||
'webpack/hot/only-dev-server',
|
||||
],
|
||||
},
|
||||
|
||||
output: {
|
||||
path: conf.BUILD,
|
||||
filename: '[name].js',
|
||||
// necessary for HMR to know where to load the hot update chunks
|
||||
publicPath: 'http://' + conf.HOSTNAME + ':' + conf.PORT + '/'
|
||||
},
|
||||
|
||||
module: {
|
||||
rules: [{
|
||||
test: /\.scss$/,
|
||||
use: [{
|
||||
loader: 'style-loader',
|
||||
options: {
|
||||
sourceMap: true
|
||||
}
|
||||
}, {
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
sourceMap: true
|
||||
}
|
||||
}, {
|
||||
loader: 'postcss-loader',
|
||||
options: {
|
||||
sourceMap: true,
|
||||
plugins: [
|
||||
autoprefixer({
|
||||
// If we want to use the same browser list for more tools
|
||||
// this list should be moved to package.json
|
||||
// https://evilmartians.com/chronicles/autoprefixer-7-browserslist-2-released
|
||||
browsers: [
|
||||
'ie >= 11',
|
||||
'ie_mob >= 11',
|
||||
'Safari >= 10',
|
||||
'Android >= 4.4',
|
||||
'Chrome >= 44', // Retail
|
||||
'Samsung >= 4'
|
||||
]
|
||||
}),
|
||||
// http://lostgrid.org/docs.html
|
||||
require('lost')
|
||||
]
|
||||
}
|
||||
}, {
|
||||
loader: 'sass-loader',
|
||||
options: {
|
||||
sourceMap: true
|
||||
}
|
||||
}, ]
|
||||
}, ]
|
||||
},
|
||||
plugins: [
|
||||
new webpack.NamedModulesPlugin(),
|
||||
new webpack.HotModuleReplacementPlugin(),
|
||||
new webpack.NoEmitOnErrorsPlugin(),
|
||||
],
|
||||
|
||||
devServer: {
|
||||
host: IP,
|
||||
port: PORT,
|
||||
historyApiFallback: true,
|
||||
hot: true,
|
||||
overlay: {
|
||||
warnings: true,
|
||||
errors: true
|
||||
},
|
||||
headers: {
|
||||
'Access-Control-Allow-Origin': '*'
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
module.exports = config;
|
||||
102
webpack.config.prod.js
Executable file
102
webpack.config.prod.js
Executable file
@ -0,0 +1,102 @@
|
||||
const path = require('path');
|
||||
const autoprefixer = require('autoprefixer');
|
||||
const webpack = require('webpack');
|
||||
const merge = require('webpack-merge');
|
||||
const common = require('./webpack.config.common.js');
|
||||
const OptimizeCSSAssets = require('optimize-css-assets-webpack-plugin');
|
||||
const conf = require('./webpack.configuration');
|
||||
const ExtractTextPlugin = require("extract-text-webpack-plugin");
|
||||
const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
|
||||
const fs = require("fs");
|
||||
const yaml = require("js-yaml");
|
||||
const confYML = yaml.safeLoad(fs.readFileSync(path.join(__dirname, "site/_config/webpack.yml"), "utf8"));
|
||||
|
||||
module.exports = merge(common, {
|
||||
|
||||
output: {
|
||||
path: conf.BUILD,
|
||||
filename: '[name].js',
|
||||
publicPath: confYML.WebpackTemplateProvider.dist + '/',
|
||||
},
|
||||
|
||||
module: {
|
||||
rules: [{
|
||||
test: /\.scss$/,
|
||||
use: ExtractTextPlugin.extract({
|
||||
fallback: "style-loader",
|
||||
use: [{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
sourceMap: true
|
||||
}
|
||||
}, {
|
||||
loader: 'postcss-loader',
|
||||
options: {
|
||||
sourceMap: true,
|
||||
plugins: [
|
||||
autoprefixer({
|
||||
// If we want to use the same browser list for more tools
|
||||
// this list should be moved to package.json
|
||||
// https://evilmartians.com/chronicles/autoprefixer-7-browserslist-2-released
|
||||
browsers: [
|
||||
'ie >= 11',
|
||||
'ie_mob >= 11',
|
||||
'Safari >= 10',
|
||||
'Android >= 4.4',
|
||||
'Chrome >= 44', // Retail
|
||||
'Samsung >= 4'
|
||||
]
|
||||
}),
|
||||
// http://lostgrid.org/docs.html
|
||||
require('lost')
|
||||
]
|
||||
}
|
||||
}, {
|
||||
loader: 'resolve-url-loader'
|
||||
}, {
|
||||
loader: 'sass-loader',
|
||||
options: {
|
||||
sourceMap: true
|
||||
}
|
||||
}, ]
|
||||
})
|
||||
}, ]
|
||||
},
|
||||
|
||||
plugins: [
|
||||
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
'NODE_ENV': JSON.stringify('production')
|
||||
}
|
||||
}),
|
||||
|
||||
new webpack.optimize.ModuleConcatenationPlugin(),
|
||||
new webpack.optimize.UglifyJsPlugin({
|
||||
sourceMap: true,
|
||||
comments: false
|
||||
}),
|
||||
new ExtractTextPlugin({
|
||||
filename: '[name].css',
|
||||
allChunks: true
|
||||
}),
|
||||
new OptimizeCSSAssets(),
|
||||
new FaviconsWebpackPlugin({
|
||||
logo: conf.SRC + '/favicon.png',
|
||||
prefix: '/icons/',
|
||||
statsFilename: confYML.WebpackTemplateProvider.dist + '/icons/iconstats.json',
|
||||
icons: {
|
||||
android: true,
|
||||
appleIcon: true,
|
||||
appleStartup: true,
|
||||
coast: true,
|
||||
favicons: true,
|
||||
firefox: true,
|
||||
opengraph: true,
|
||||
twitter: true,
|
||||
yandex: true,
|
||||
windows: true
|
||||
}
|
||||
}),
|
||||
],
|
||||
});
|
||||
12
webpack.configuration.js
Executable file
12
webpack.configuration.js
Executable file
@ -0,0 +1,12 @@
|
||||
const path = require("path");
|
||||
const fs = require("fs");
|
||||
const yaml = require("js-yaml");
|
||||
const conf = yaml.safeLoad(fs.readFileSync(path.join(__dirname, "site/_config/webpack.yml"), "utf8"));
|
||||
|
||||
module.exports = {
|
||||
SRC: path.join(__dirname, conf.WebpackTemplateProvider.src),
|
||||
BUILD: path.join(__dirname, conf.WebpackTemplateProvider.dist),
|
||||
PAGES: path.join(__dirname, conf.WebpackTemplateProvider.pages),
|
||||
HOSTNAME: conf.WebpackTemplateProvider.hostname,
|
||||
PORT: conf.WebpackTemplateProvider.port
|
||||
};
|
||||
Loading…
Reference in New Issue
Block a user