first commit
This commit is contained in:
7
node_modules/hexo-renderer-stylus/LICENSE
generated
vendored
Normal file
7
node_modules/hexo-renderer-stylus/LICENSE
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
Copyright (c) 2014 Tommy Chen
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
98
node_modules/hexo-renderer-stylus/README.md
generated
vendored
Normal file
98
node_modules/hexo-renderer-stylus/README.md
generated
vendored
Normal file
@@ -0,0 +1,98 @@
|
||||
# hexo-renderer-stylus
|
||||
|
||||
[](https://github.com/hexojs/hexo-renderer-stylus/actions/workflows/tester.yml)
|
||||
[](https://www.npmjs.com/package/hexo-renderer-stylus)
|
||||
[](https://coveralls.io/r/hexojs/hexo-renderer-stylus?branch=master)
|
||||
|
||||
Add support for [Stylus] with [nib] and other plugins.
|
||||
|
||||
## Install
|
||||
|
||||
Prerequisites:
|
||||
- Hexo 3: >= 0.2
|
||||
- Hexo 2: 0.1.x
|
||||
|
||||
``` bash
|
||||
$ npm install hexo-renderer-stylus --save
|
||||
```
|
||||
|
||||
## Options
|
||||
|
||||
You can configure this plugin in `_config.yml`.
|
||||
|
||||
``` yaml
|
||||
stylus:
|
||||
compress: false
|
||||
sourcemaps:
|
||||
comment: true
|
||||
inline: true
|
||||
sourceRoot: ''
|
||||
basePath: .
|
||||
plugins: 'nib'
|
||||
```
|
||||
|
||||
- **compress** - Compress generated CSS (default: `false`)
|
||||
- **sourcemaps**
|
||||
- **comment** - Adds a comment with the `sourceMappingURL` to the generated CSS (default: `true`)
|
||||
- **inline** - Inlines the sourcemap with full source text in base64 format (default: `false`)
|
||||
- **sourceRoot** - `sourceRoot` property of the generated sourcemap
|
||||
- **basePath** - Base path from which sourcemap and all sources are relative (default: `.`)
|
||||
- **plugins** - Stylus plugin(s) (default: `nib`)
|
||||
|
||||
## Setting Stylus variables
|
||||
|
||||
It is possible to set variables that can be used in Stylus.
|
||||
The purpose of setting variable is to avoid direct modification of the Stylus code,
|
||||
and thus to make themes more generic
|
||||
|
||||
For example, instead of hardcoding:
|
||||
```stylus
|
||||
div
|
||||
color #FFCC44
|
||||
```
|
||||
|
||||
You can refer to a variable:
|
||||
```stylus
|
||||
div
|
||||
color convert(hexo-config("moody_red"))
|
||||
```
|
||||
|
||||
And in your **theme's** configuration, you can define this variable:
|
||||
```yml
|
||||
moody_red: "#8B0001"
|
||||
```
|
||||
|
||||
(The "convert" function above is here to convert the string into an actual stylus color)
|
||||
|
||||
You can also use the theme_config variable in the main `_config.yml`:
|
||||
```yml
|
||||
theme_config:
|
||||
moody_red: "#8B0001"
|
||||
```
|
||||
|
||||
[Stylus]: https://stylus-lang.com/
|
||||
[nib]: https://stylus.github.io/nib/
|
||||
|
||||
## Extensibility
|
||||
|
||||
This plugin provide a filter `stylus:renderer` to allows you extend it. When there's something you cannot do in Stylus, define it in JavaScript!
|
||||
|
||||
For example, to define some global variable:
|
||||
|
||||
```js
|
||||
hexo.extend.filter.register('stylus:renderer', function(style) {
|
||||
style
|
||||
// we may define a global variable by passing a `Node`
|
||||
.define('has-canvas', require('stylus').nodes.false);
|
||||
// stylus also casts JavaScript values to their Stylus equivalents when possible
|
||||
.define('families', ['Helvetica Neue', 'Helvetica', 'sans-serif'])
|
||||
// also allows you to provide a JavaScript-defined function to Stylus
|
||||
.define('get-list', function(){
|
||||
return ['foo', 'bar', 'baz'];
|
||||
});
|
||||
})
|
||||
```
|
||||
|
||||
Save the file in "scripts/" folder and run Hexo as usual.
|
||||
|
||||
Notice: for more JavaScript api, refer to stylus's [documentation](https://stylus-lang.com/docs/js.html).
|
||||
7
node_modules/hexo-renderer-stylus/index.js
generated
vendored
Normal file
7
node_modules/hexo-renderer-stylus/index.js
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
/* global hexo */
|
||||
'use strict';
|
||||
|
||||
const renderer = require('./lib/renderer');
|
||||
|
||||
hexo.extend.renderer.register('styl', 'css', renderer);
|
||||
hexo.extend.renderer.register('stylus', 'css', renderer);
|
||||
67
node_modules/hexo-renderer-stylus/lib/renderer.js
generated
vendored
Normal file
67
node_modules/hexo-renderer-stylus/lib/renderer.js
generated
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
'use strict';
|
||||
|
||||
const stylus = require('stylus');
|
||||
|
||||
function getProperty(obj, name) {
|
||||
name = name.replace(/\[(\w+)\]/g, '.$1').replace(/^\./, '');
|
||||
|
||||
const split = name.split('.');
|
||||
let key = split.shift();
|
||||
|
||||
if (!Object.prototype.hasOwnProperty.call(obj, key)) return '';
|
||||
|
||||
let result = obj[key];
|
||||
const len = split.length;
|
||||
|
||||
if (!len) {
|
||||
if(result === 0) return result;
|
||||
return result || '';
|
||||
}
|
||||
if (typeof result !== 'object') return '';
|
||||
|
||||
for (let i = 0; i < len; i++) {
|
||||
key = split[i];
|
||||
if (!Object.prototype.hasOwnProperty.call(result, key)) return '';
|
||||
|
||||
result = result[split[i]];
|
||||
if (typeof result !== 'object') return result;
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
function applyPlugins(stylusConfig, plugins) {
|
||||
plugins.forEach(plugin => {
|
||||
const factoryFn = require(plugin.trim());
|
||||
stylusConfig.use(factoryFn());
|
||||
});
|
||||
}
|
||||
|
||||
function stylusFn(data, options, callback) {
|
||||
const config = this.config.stylus || {};
|
||||
const self = this;
|
||||
const plugins = ['nib'].concat(config.plugins || []);
|
||||
|
||||
function defineConfig(style) {
|
||||
style.define('hexo-config', data => {
|
||||
return getProperty(self.theme.config, data.val);
|
||||
});
|
||||
}
|
||||
|
||||
const stylusConfig = stylus(data.text);
|
||||
|
||||
applyPlugins(stylusConfig, plugins);
|
||||
|
||||
stylusConfig
|
||||
.use(defineConfig)
|
||||
.use(style => this.execFilterSync('stylus:renderer', style, {context: this}))
|
||||
.set('filename', data.path)
|
||||
.set('sourcemap', config.sourcemaps)
|
||||
.set('compress', config.compress)
|
||||
.set('include css', true)
|
||||
.render(callback);
|
||||
}
|
||||
|
||||
stylusFn.disableNunjucks = true;
|
||||
|
||||
module.exports = stylusFn;
|
||||
45
node_modules/hexo-renderer-stylus/package.json
generated
vendored
Normal file
45
node_modules/hexo-renderer-stylus/package.json
generated
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
{
|
||||
"name": "hexo-renderer-stylus",
|
||||
"version": "3.0.1",
|
||||
"description": "Stylus renderer plugin for Hexo",
|
||||
"main": "index",
|
||||
"scripts": {
|
||||
"eslint": "eslint .",
|
||||
"test": "mocha test/index.js",
|
||||
"test-cov": "c8 --reporter=lcovonly --reporter=text npm run test"
|
||||
},
|
||||
"directories": {
|
||||
"lib": "./lib"
|
||||
},
|
||||
"files": [
|
||||
"lib",
|
||||
"index.js"
|
||||
],
|
||||
"repository": "hexojs/hexo-renderer-stylus",
|
||||
"keywords": [
|
||||
"hexo",
|
||||
"stylus",
|
||||
"css",
|
||||
"style",
|
||||
"stylesheet",
|
||||
"styl",
|
||||
"renderer"
|
||||
],
|
||||
"author": "Tommy Chen <tommy351@gmail.com> (https://zespia.tw)",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"nib": "^1.2.0",
|
||||
"stylus": "^0.62.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"c8": "^8.0.0",
|
||||
"chai": "^4.3.7",
|
||||
"eslint": "^8.40.0",
|
||||
"eslint-config-hexo": "^5.0.0",
|
||||
"hexo": "^7.0.0",
|
||||
"mocha": "^10.2.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user