address-cream

0.1.2 • Public • Published

address-cream

🍦 アドレスバーで遊ぶための JS ライブラリ(アドレスバーとアイスクリームをもじった)

https://www.npmjs.com/package/address-cream

Documentation

単調に増やしていく

addressCream.constant('寿司食べたいかも', 0.2);

address-cream-constant

単調に増やしていく+パーティクル

addressCream.constant('寿司食べたい', 0.2, '✨', '🍣', 0.5);

address-cream-constant-with-particle

単調に増やして、単調に戻す

addressCream.goBack('寿司食べたいかも……なんだ、気のせいか。', 0.2, 0.1);

address-cream-go-back

電光掲示板みたいにする

addressCream.flow('途中の停車駅は、品川、名古屋、京都、新大阪、新神戸、岡山、小倉、博多です。', 0.3, 7);

address-cream-flow

Getting Started

Installation

npm i address-cream

or

yarn add address-cream

or

<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 で直に実行して試す。

参考記事

オリジナルの JavaScript ライブラリを公開しよう

TypeScript + Mocha/Chai 非同期テストコードメモ

Mocha と Chai でなんでもテスト ~ブラウザ用 JavaScript 編~

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.1.2
    0
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.1.2
    0
  • 0.1.1
    1
  • 0.1.0
    1
  • 0.0.1
    1

Package Sidebar

Install

npm i address-cream

Weekly Downloads

3

Version

0.1.2

License

MIT

Unpacked Size

11.6 kB

Total Files

9

Last publish

Collaborators

  • usuyuki