address-cream
v0.1.2
Published
JS library for playing in the address bar
Readme
address-cream
🍦 アドレスバーで遊ぶための JS ライブラリ(アドレスバーとアイスクリームをもじった)
https://www.npmjs.com/package/address-cream
Documentation
単調に増やしていく
addressCream.constant('寿司食べたいかも', 0.2);
単調に増やしていく+パーティクル
addressCream.constant('寿司食べたい', 0.2, '✨', '🍣', 0.5);
単調に増やして、単調に戻す
addressCream.goBack('寿司食べたいかも……なんだ、気のせいか。', 0.2, 0.1);
電光掲示板みたいにする
addressCream.flow('途中の停車駅は、品川、名古屋、京都、新大阪、新神戸、岡山、小倉、博多です。', 0.3, 7);
Getting Started
Installation
npm i address-creamor
yarn add address-creamor
<script src="https://cdn.jsdelivr.net/npm/address-cream"></script>Usage
Vanila JS
<!DOCTYPE html>
<html lang="ja">
<!-- omit -->
<script src="https://cdn.jsdelivr.net/npm/address-cream"></script>
<!-- omit -->
</head>
<body>
<!-- omit -->
<script>
addressCream.constant('寿司食べたい', 0.2);
</script>
<!-- omit -->
</body>
</html>Next.js
import addressCream from 'address-cream';
//omit
useEffect(() => {
addressCream.constant('寿司食べたい', 0.2);
});
//omitテストの方法(ちゃんとテスト書けてません！！！！)
location.系が cli でできないため、ブラウザライクなテスト
runner.html にテスト書き、これをブラウザで開くとmochaのassersionが動く。
ブラウザ無しで行ける系なら
yarn testが使えるが、現状使えていない……
テストを作れていないので代替手段
src/index.js の末尾から 2めのコメントアウトを解除。 check/index.js で直に実行して試す。