mirror of
https://github.com/vlang/v.git
synced 2023-08-10 21:13:21 +03:00
vweb.assets: adds AssetManager for combining/minifying/caching css & js assets (#1452)
* start * more work * more * more work * update comments * add back mut * make minify faster * add mut * revert option size * ret bool from public methods not ?bool for now * update comments etc * update comment * dont return option for now * clean up
This commit is contained in:
parent
e446f988f7
commit
45e76609b0
212
vlib/vweb/assets/assets.v
Normal file
212
vlib/vweb/assets/assets.v
Normal file
@ -0,0 +1,212 @@
|
||||
module assets
|
||||
|
||||
// this module provides an AssetManager for combining
|
||||
// and caching javascript & css.
|
||||
|
||||
import (
|
||||
os
|
||||
time
|
||||
crypto.md5
|
||||
)
|
||||
|
||||
const (
|
||||
UnknownAssetTypeError = 'vweb.assets: unknown asset type'
|
||||
)
|
||||
|
||||
struct AssetManager {
|
||||
mut:
|
||||
css []Asset
|
||||
js []Asset
|
||||
pub:
|
||||
// when true assets will be minified
|
||||
minify bool
|
||||
// the directory to store the cached/combined files
|
||||
cache_dir string
|
||||
}
|
||||
|
||||
struct Asset {
|
||||
file_path string
|
||||
last_modified time.Time
|
||||
}
|
||||
|
||||
// new_manager returns a new AssetManager
|
||||
pub fn new_manager() *AssetManager {
|
||||
return &AssetManager{}
|
||||
}
|
||||
|
||||
// add_js adds a css asset
|
||||
pub fn (am mut AssetManager) add_css(file string) bool {
|
||||
return am.add('css', file)
|
||||
}
|
||||
|
||||
// add_js adds a js asset
|
||||
pub fn (am mut AssetManager) add_js(file string) bool {
|
||||
return am.add('js', file)
|
||||
}
|
||||
|
||||
// combine_css returns the combined css as a string when to_file is false
|
||||
// when to_file is true it combines the css to disk and returns the path of the file
|
||||
pub fn (am mut AssetManager) combine_css(to_file bool) string {
|
||||
return am.combine('css', to_file)
|
||||
}
|
||||
|
||||
// combine_js returns the combined js as a string when to_file is false
|
||||
// when to_file is true it combines the css to disk and returns the path of the file
|
||||
pub fn (am mut AssetManager) combine_js(to_file bool) string {
|
||||
return am.combine('js', to_file)
|
||||
}
|
||||
|
||||
// include_css returns the html <link> tag(s) for including the css files in a page.
|
||||
// when combine is true the files are combined.
|
||||
pub fn (am mut AssetManager) include_css(combine bool) string {
|
||||
return am.include('css', combine)
|
||||
}
|
||||
|
||||
// include_js returns the html <script> tag(s) for including the js files in a page.
|
||||
// when combine is true the files are combined.
|
||||
pub fn (am mut AssetManager) include_js(combine bool) string {
|
||||
return am.include('js', combine)
|
||||
}
|
||||
|
||||
fn (am mut AssetManager) combine(asset_type string, to_file bool) string {
|
||||
if am.cache_dir == '' {
|
||||
panic('vweb.assets: you must set a cache dir.')
|
||||
}
|
||||
cache_key := am.get_cache_key(asset_type)
|
||||
out_file := '$am.cache_dir/${cache_key}.$asset_type'
|
||||
mut out := ''
|
||||
// use cache
|
||||
if os.file_exists(out_file) {
|
||||
cached := os.read_file(out_file) or {
|
||||
return ''
|
||||
}
|
||||
out = cached
|
||||
if !to_file {
|
||||
return out
|
||||
}
|
||||
}
|
||||
// rebuild
|
||||
for asset in am.get_assets(asset_type) {
|
||||
mut data := os.read_file(asset.file_path) or {
|
||||
return ''
|
||||
}
|
||||
out += data
|
||||
}
|
||||
if am.minify {
|
||||
if asset_type == 'css' {
|
||||
out = minify_css(out)
|
||||
} else {
|
||||
out = minify_js(out)
|
||||
}
|
||||
}
|
||||
if !to_file {
|
||||
return out
|
||||
}
|
||||
if !os.dir_exists(am.cache_dir) {
|
||||
os.mkdir(am.cache_dir)
|
||||
}
|
||||
file := os.create(out_file) or {
|
||||
panic(err)
|
||||
}
|
||||
file.write(out)
|
||||
file.close()
|
||||
return out_file
|
||||
}
|
||||
|
||||
fn (am mut AssetManager) get_cache_key(asset_type string) string {
|
||||
mut files_salt := ''
|
||||
mut latest_modified := 0
|
||||
for asset in am.get_assets(asset_type) {
|
||||
files_salt += asset.file_path
|
||||
if asset.last_modified.uni > latest_modified {
|
||||
latest_modified = asset.last_modified.uni
|
||||
}
|
||||
}
|
||||
hash := md5.sum(files_salt.bytes()).hex()
|
||||
return '$hash-$latest_modified'
|
||||
}
|
||||
|
||||
fn (am mut AssetManager) include(asset_type string, combine bool) string {
|
||||
assets := am.get_assets(asset_type)
|
||||
mut out := ''
|
||||
if asset_type == 'css' {
|
||||
if combine {
|
||||
file := am.combine(asset_type, true)
|
||||
return '<link rel="stylesheet" href="$file">\n'
|
||||
}
|
||||
for asset in assets {
|
||||
out += '<link rel="stylesheet" href="$asset.file_path">\n'
|
||||
}
|
||||
}
|
||||
if asset_type == 'js' {
|
||||
if combine {
|
||||
file := am.combine(asset_type, true)
|
||||
return '<script type="text/javascript" src="$file"></script>\n'
|
||||
}
|
||||
for asset in assets {
|
||||
out += '<script type="text/javascript" src="$asset.file_path"></script>\n'
|
||||
}
|
||||
}
|
||||
return out
|
||||
}
|
||||
|
||||
// dont return option until size limit is removed
|
||||
// fn (am mut AssetManager) add(asset_type, file string) ?bool {
|
||||
fn (am mut AssetManager) add(asset_type, file string) bool {
|
||||
if !os.file_exists(file) {
|
||||
// return error('vweb.assets: cannot add asset $file, it does not exist.')
|
||||
return false
|
||||
}
|
||||
asset := Asset{
|
||||
file_path: file
|
||||
last_modified: time.Time{uni: os.file_last_mod_unix(file)}
|
||||
}
|
||||
if asset_type == 'css' {
|
||||
am.css << asset
|
||||
} else if asset_type == 'js' {
|
||||
am.js << asset
|
||||
} else {
|
||||
panic('$UnknownAssetTypeError ($asset_type).')
|
||||
}
|
||||
return true
|
||||
}
|
||||
|
||||
fn (am mut AssetManager) exists(asset_type, file string) bool {
|
||||
assets := am.get_assets(asset_type)
|
||||
for asset in assets {
|
||||
if asset.file_path == file {
|
||||
return true
|
||||
}
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
fn (am mut AssetManager) get_assets(asset_type string) []Asset {
|
||||
if asset_type != 'css' && asset_type != 'js' {
|
||||
panic('$UnknownAssetTypeError ($asset_type).')
|
||||
}
|
||||
assets := if asset_type == 'css' {
|
||||
am.css
|
||||
} else {
|
||||
am.js
|
||||
}
|
||||
return assets
|
||||
}
|
||||
|
||||
// todo: implement proper minification
|
||||
pub fn minify_css(css string) string {
|
||||
mut lines := css.split('\n')
|
||||
for i, _ in lines {
|
||||
lines[i] = lines[i].trim_space()
|
||||
}
|
||||
return lines.join(' ')
|
||||
}
|
||||
|
||||
// todo: implement proper minification
|
||||
pub fn minify_js(js string) string {
|
||||
mut lines := js.split('\n')
|
||||
for i, _ in lines {
|
||||
lines[i] = lines[i].trim_space()
|
||||
}
|
||||
return lines.join(' ')
|
||||
}
|
Loading…
Reference in New Issue
Block a user