Noble Programming Mantra

    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 編~

    Keywords

    none

    Install

    npm i address-cream

    DownloadsWeekly Downloads

    1

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    11.6 kB

    Total Files

    9

    Last publish

    Collaborators

    • usuyuki