snow-monkey-replica

A library for replicating Snow Monkey and Gutenberg's CSS in the Jamstack environment.

Usage no npm install needed!

<script type="module">
  import snowMonkeyReplica from 'https://cdn.skypack.dev/snow-monkey-replica';
</script>

README

Snow Monkey Replica

About

Snow Monkey と Gutenberg の CSS を、Jamstack 環境で擬似的に再現するためのライブラリです。

Install

$ npm i snow-monkey-replica

How To Use

React や Vue で必要な CSS を呼び出します。CSS は未圧縮のため、利用側の webpack などで圧縮してください。

//----------------------------------------------------
// すべてのCSSを利用する場合
//----------------------------------------------------

import "snow-monkey-replica";

//----------------------------------------------------
// 個別のCSSを利用する場合
//----------------------------------------------------

// Gutenberg
import "snow-monkey-replica/dist/snow-monkey-replica-g-style.css";
import "snow-monkey-replica/dist/snow-monkey-replica-g-theme.css";

// Snow Monkey
import "snow-monkey-replica/dist/snow-monkey-replica-sm-style.css";
import "snow-monkey-replica/dist/snow-monkey-replica-sm-custom-widgets.css";

// Snow Monkey Blocks
import "snow-monkey-replica/dist/snow-monkey-replica-smb-blocks.css";
import "snow-monkey-replica/dist/snow-monkey-replica-smb-all.css";

// Snow Monkey Editor
import "snow-monkey-replica/dist/snow-monkey-replica-sme-app.css";

How To Build

./temp ディレクトリを作成後、Zip 解凍したテーマとプラグインを中に配置し、ビルドコマンドを実行します。

$ npm run build

Library

  • Gutenberg (site)
  • Snow Monkey (site)
  • Snow Monkey Blocks (site)
  • Snow Monkey Editor (site)

License

  • GNU General Public License v2.0 or late

Credit