Compare commits
7 Commits
19a4579134
...
a16d9da8b6
| Author | SHA1 | Date |
|---|---|---|
 HerrHase
|
a16d9da8b6 | 2 years ago |
|
HerrHase
|
8717e57b70 | 2 years ago |
|
HerrHase
|
8dfffd12f9 | 2 years ago |
|
HerrHase
|
d579d0a40f | 2 years ago |
|
HerrHase
|
0720e3c583 | 2 years ago |
|
HerrHase
|
37671d9040 | 2 years ago |
|
HerrHase
|
560ba036ca | 2 years ago |
@ -0,0 +1,4 @@
|
||||
{
|
||||
"/spritemap.js": "/spritemap.js?id=2dda73ecee3bb668b395026efda6524c",
|
||||
"/public/css/styles.css": "/public/css/styles.css?id=c80a1181f87f3c3ef715844b545559f4"
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
@import
|
||||
|
||||
'@tiny-components/plain-ui/src/scss/plain-ui';
|
||||
@ -0,0 +1,24 @@
|
||||
{{# layout('layout') }}
|
||||
|
||||
|
||||
{{# section('content') { }}
|
||||
<h1 class="site-header__title">
|
||||
{{ page.data.title }}
|
||||
</h1>
|
||||
|
||||
<div class="container">
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<div class="content">
|
||||
{% if settings.404_message %}
|
||||
{{ settings.404_message }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{# endsection }}
|
||||
|
||||
{{# push('footer') { }}
|
||||
|
||||
{{# } }}
|
||||
@ -1,19 +0,0 @@
|
||||
{% layout 'layout.liquid' %}
|
||||
|
||||
{% block siteHeader %}
|
||||
<h1 class="site-header__title">
|
||||
{ site.404_title }
|
||||
</h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block siteMain %}
|
||||
<div class="container">
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<div class="content">
|
||||
{ marked.parse(site.404_message) }
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -0,0 +1,43 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="{{ it.settings.data.default_language }}">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
{{ it.page.data.title }} | {{ it.settings.data.project_name }}
|
||||
</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="{{ asset('/public/css/styles.css') }}" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body class="site-body {{ it.templateClass(it.page) }}">
|
||||
<header class="site-header">
|
||||
|
||||
<div class="bar">
|
||||
<div class="bar__start">
|
||||
{{# if (isHome(it.page)) { }}
|
||||
<h1 class="site-header__title">
|
||||
{{ it.page.data.title }}
|
||||
</h1>
|
||||
{{# } else { }}
|
||||
<a class="site-header__title">
|
||||
{{ it.page.data.title }}
|
||||
</a>
|
||||
{{# } }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="site-main">
|
||||
{{! it.body }}
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="site-footer__copyright">
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,46 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en_EN">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
{{ page.data.title }}
|
||||
</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link href="/css/styles.css" rel="stylesheet" type="text/css">
|
||||
|
||||
{% block head %}{% endblock %}
|
||||
</head>
|
||||
<body class="site-body page-{ siteClass(page) (page.data.slug) ? slug : 'home' }">
|
||||
<header class="site-header">
|
||||
{% block siteHeader %}
|
||||
<h1 class="site-header__title">
|
||||
{{ page.data.title }}
|
||||
{{ options.data.title }}
|
||||
</h1>
|
||||
{% endblock %}
|
||||
</header>
|
||||
|
||||
<main class="site-main">
|
||||
{% block siteMain %}
|
||||
|
||||
{% endblock %}
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
{% block siteFooter %}
|
||||
<div class="">
|
||||
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
<div class="site-footer__copyright">
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{% block script %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
{{# layout('layout') }}
|
||||
|
||||
{{# const store = await it.injectStore('post') }}
|
||||
{{# const posts = await store.find() }}
|
||||
|
||||
{{# if (posts.data && posts.data.length > 0) { }}
|
||||
{{# posts.data.forEach((post) => { }}
|
||||
{{ post.title }}
|
||||
<img src="{{ it.mediaUrl(post.teaser_media.id, { 'width': 500 }) }}" />
|
||||
{{! it.marked.parse(post.teaser_content) }}
|
||||
{{# }) }}
|
||||
{{# } else { }}
|
||||
|
||||
{{# } }}
|
||||
@ -1,13 +1,11 @@
|
||||
{% layout 'layout.liquid' %}
|
||||
{{# layout('layout') }}
|
||||
|
||||
{% block siteMain %}
|
||||
<div class="container">
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<div class="content">
|
||||
{{ page.data.content }}
|
||||
{{! it.marked.parse(it.page.data.content) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
</div>
|
||||
@ -1,13 +1,11 @@
|
||||
{% layout 'layout.liquid' %}
|
||||
{{# layout('layout') }}
|
||||
|
||||
{% block siteMain %}
|
||||
<div class="container">
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<div class="content">
|
||||
{ marked.parse(page.data.content) }
|
||||
{{! it.parseMarkdown(it.page.data.content) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
</div>
|
||||
@ -0,0 +1,84 @@
|
||||
const mix = require('laravel-mix')
|
||||
const path = require('path')
|
||||
|
||||
require('laravel-mix-purgecss')
|
||||
|
||||
// plugins
|
||||
const SvgSpritemapPlugin = require('svg-spritemap-webpack-plugin')
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Mix Asset Management
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Mix provides a clean, fluent API for defining some Webpack build steps
|
||||
| for your Laravel applications. By default, we are compiling the CSS
|
||||
| file for the application as well as bundling up all the JS files.
|
||||
|
|
||||
*/
|
||||
|
||||
|
||||
mix.webpackConfig({
|
||||
module: {
|
||||
rules: [{
|
||||
test: /\.riot$/,
|
||||
use: [{
|
||||
loader: '@riotjs/webpack-loader',
|
||||
options: {
|
||||
hot: false
|
||||
}
|
||||
}]
|
||||
}
|
||||
]},
|
||||
plugins: [
|
||||
new SvgSpritemapPlugin([
|
||||
'./node_modules/@tiny-components/plain-ui/src/icons/mono-icons/svg/*.svg',
|
||||
'./icons/*.svg'
|
||||
], {
|
||||
output: {
|
||||
filename: 'public/symbol-defs.svg',
|
||||
chunk: {
|
||||
keep: true
|
||||
},
|
||||
svgo: {
|
||||
plugins: [{
|
||||
name: 'convertStyleToAttrs',
|
||||
active: true
|
||||
},{
|
||||
name: 'removeStyleElement',
|
||||
active: true
|
||||
}, {
|
||||
name: 'removeAttrs',
|
||||
params: {
|
||||
attrs: 'fill'
|
||||
}
|
||||
}]
|
||||
}
|
||||
},
|
||||
sprite: {
|
||||
prefix: 'icon-'
|
||||
}
|
||||
})
|
||||
]
|
||||
})
|
||||
|
||||
mix
|
||||
.setPublicPath('../../public')
|
||||
//.js('js/app.js', 'public/js')
|
||||
.sass('scss/styles.scss', 'css')
|
||||
.purgeCss({
|
||||
extend: {
|
||||
content: [
|
||||
path.join(__dirname, 'js/**/*.riot'),
|
||||
path.join(__dirname, 'views/*.liquid')
|
||||
]
|
||||
}
|
||||
})
|
||||
.options({
|
||||
terser: {
|
||||
extractComments: false,
|
||||
},
|
||||
processCssUrls: false
|
||||
})
|
||||
.copyDirectory('node_modules/@tiny-components/plain-ui/src/fonts/**', '../../public/css')
|
||||
.version()
|
||||
@ -0,0 +1,85 @@
|
||||
/**
|
||||
* function similar to blade asset
|
||||
*
|
||||
* @param $path
|
||||
* @return string
|
||||
*
|
||||
*/
|
||||
function asset($path, $prefix = '/public')
|
||||
{
|
||||
// get flight
|
||||
$app = Flight::app();
|
||||
|
||||
// getting basePath
|
||||
$basePath = $app->get('basePath');
|
||||
|
||||
// path to mix-manifest
|
||||
$file = $app->get('basePath').'mix-manifest.json';
|
||||
|
||||
if (file_exists($file)) {
|
||||
$manifest = file_get_contents($file);
|
||||
$files = json_decode($manifest, true);
|
||||
|
||||
if (isset($files[$prefix.$path])) {
|
||||
$path = str_replace($prefix, '', $files[$prefix.$path]);
|
||||
}
|
||||
}
|
||||
|
||||
return $path;
|
||||
}
|
||||
|
||||
/**
|
||||
* getting name of view as slug
|
||||
*
|
||||
* @param array $page
|
||||
* @return string
|
||||
*
|
||||
*/
|
||||
function canonical()
|
||||
{
|
||||
if (isset($_SERVER['HTTPS'])) {
|
||||
$canoncial = 'https';
|
||||
} else {
|
||||
$canoncial = 'http';
|
||||
}
|
||||
|
||||
$canoncial .= '://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
|
||||
|
||||
return $canoncial;
|
||||
}
|
||||
|
||||
/**
|
||||
* getting title for head
|
||||
*
|
||||
* @param array $page
|
||||
* @param array $site
|
||||
* @return string
|
||||
*/
|
||||
function title($page, $site)
|
||||
{
|
||||
$title = [];
|
||||
|
||||
if (isset($site['data']['title'])) {
|
||||
$title[] = $site['data']['title'];
|
||||
}
|
||||
|
||||
// if not homepage set page title first
|
||||
if ($page['data']['slug']) {
|
||||
array_unshift($title, $page['data']['title']);
|
||||
} else {
|
||||
$title[] = $page['data']['title'];
|
||||
}
|
||||
|
||||
return join(' | ', $title);
|
||||
}
|
||||
|
||||
|
||||
function styles($values) {
|
||||
$result = '';
|
||||
|
||||
if ($values && is_array($values)) {
|
||||
$result = implode(' ', $values);
|
||||
}
|
||||
|
||||
return $result;
|
||||
}
|
||||
@ -0,0 +1,138 @@
|
||||
import slugify from 'slugify'
|
||||
import { marked } from 'marked'
|
||||
|
||||
import * as fs from 'fs'
|
||||
import path from 'path'
|
||||
|
||||
const basePath = path.join(path.resolve(), '/../../')
|
||||
|
||||
/**
|
||||
* etaHelpers
|
||||
*
|
||||
* collection for helpers to extend eta
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* asset - checks manifest.json for given path and return
|
||||
* file path with id for cache busting
|
||||
*
|
||||
*
|
||||
* @param {String} publicPath
|
||||
*
|
||||
*/
|
||||
function asset(publicPath)
|
||||
{
|
||||
// getting basePath
|
||||
let result = publicPath
|
||||
|
||||
// path to mix-manifest
|
||||
const file = basePath + 'mix-manifest.json'
|
||||
|
||||
if (fs.existsSync(file)) {
|
||||
|
||||
const manifest = fs.readFileSync(file)
|
||||
const files = JSON.parse(manifest)
|
||||
|
||||
if (files[publicPath]) {
|
||||
result = files[publicPath]
|
||||
}
|
||||
}
|
||||
|
||||
return result
|
||||
}
|
||||
|
||||
/**
|
||||
* templateClass - parse template name to css-classname,
|
||||
* use prefix, default is "page"
|
||||
*
|
||||
*
|
||||
* @param {Object} entity
|
||||
* @param {String} [prefix='page']
|
||||
* @return {String}
|
||||
*
|
||||
*/
|
||||
function templateClass(entity, prefix = 'page') {
|
||||
if (entity.data && entity.data.template) {
|
||||
prefix += '-' + entity.data.template
|
||||
}
|
||||
|
||||
return prefix
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* isHome - check if entity is home,
|
||||
* checks for permalink
|
||||
*
|
||||
*
|
||||
* @param {Object} entity
|
||||
* @return {Boolean}
|
||||
*
|
||||
*/
|
||||
function isHome(entity) {
|
||||
|
||||
let result = false
|
||||
|
||||
if (entity.data && entity.data.permalink && entity.data.permalink === "/") {
|
||||
result = true
|
||||
}
|
||||
|
||||
return result
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* injectStore - import store, check if store exists and
|
||||
* create object from class
|
||||
*
|
||||
*
|
||||
* @param {String} name
|
||||
* @return {Object}
|
||||
*
|
||||
*/
|
||||
async function injectStore(name) {
|
||||
|
||||
const importPath = './../stores/' + name + '.js'
|
||||
const filePath = basePath + 'packages/server/stores/' + name + '.js'
|
||||
|
||||
// if class not exists, throw exception
|
||||
if (!fs.existsSync(filePath)) {
|
||||
throw new Error(name + ' not exists!')
|
||||
}
|
||||
|
||||
const StoreClass = await import(importPath)
|
||||
const store = new StoreClass.default()
|
||||
|
||||
return store
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* mediaUrl - create url for assets from directus,
|
||||
* default options are with access_token for permissions
|
||||
*
|
||||
*
|
||||
* @param {String} id
|
||||
* @param {Object} options
|
||||
* @return {String}
|
||||
*
|
||||
*/
|
||||
function mediaUrl(id, options = {})
|
||||
{
|
||||
let query
|
||||
|
||||
// merge options, default is access_token
|
||||
options = Object.assign({
|
||||
'access_token': process.env.DIRECTUS_API_TOKEN
|
||||
}, options)
|
||||
|
||||
// create query
|
||||
query = '?' + new URLSearchParams(options).toString();
|
||||
|
||||
return process.env.DIRECTUS_API_URL + '/assets/' + id + query;
|
||||
}
|
||||
|
||||
export { asset, templateClass, isHome, injectStore, mediaUrl }
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,13 @@
|
||||
(self["webpackChunkfrontend"] = self["webpackChunkfrontend"] || []).push([["spritemap"],{
|
||||
|
||||
/***/ "?c20d":
|
||||
/*!******************************!*\
|
||||
!*** spritemap-dummy-module ***!
|
||||
\******************************/
|
||||
/***/ (() => {
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
Loading…
Reference in new issue