https://github.com/jerryjappinen/linna

Shared utility code and Vue component library.
https://github.com/jerryjappinen/linna

javascript scss utilities vue

Last synced: 2 months ago
JSON representation

Shared utility code and Vue component library.

• Host: GitHub
• URL: https://github.com/jerryjappinen/linna
• Owner: jerryjappinen
• Created: 2019-05-01T14:27:06.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-11-09T17:02:12.000Z (3 months ago)
• Last Synced: 2024-11-09T17:21:16.300Z (3 months ago)
• Topics: javascript, scss, utilities, vue
• Language: Vue
• Homepage:
• Size: 5.1 MB
• Stars: 0
• Watchers: 0
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Linna

Shared utility code and Vue component library. Not maintained for the general audience.

[Changelog](https://github.com/Eiskis/linna/commits/master)

## Setup

```sh

npm i linna

```

### Run-time dependencies

You must transpile linna in the consumer repo. You are pulling the ES6 source code from this repo and must have a build pipeline in the consumer repo that handles it. Here are the dependencies you're gonna need when using each part of the shared library.

Quick start:

```sh

npm i date-fns@^2.0.0-alpha.27 lodash axios vue moabit

```

Detailed dependency map:

| Shared library | Core dependencies | Extra dependencies |

| --- | --- | --- |

| Generic dependency | `lodash` | |

| **/components** | `moabit`, `vue` | |

| `Date` | `date-fns` | |

| `DateInterval` | `date-fns` | |

| `DelayedBitmap` | | `vue-images-loaded` |

| `LazyBitmap` | | `lozad`, `vue-images-loaded` |

| `LazyVideoPlayer` | | `lozad` |

| `Markdown` | | `markdown-it` |

| `Month` | `date-fns` | |

| `toPlainText` | | `remove-markdown` |

| **/directives** | |

| `longPress` | | `vue-directive-long-press` |

| **/mixins** | | |

| `persist` | `date-fns` | |

| **/styles** | `moabit` | |

| **/services** | | |

| `time` | | `raf` |

| **/util** | | |

| `formatDateInterval` | `date-fns` | |

| `formatMachineReadableDate` | `date-fns` | |

| `formatMachineReadableDateTime` | `date-fns` | |

| `formatMonth` | `date-fns` | |

| `toPlainText` | | `remove-markdown` |

| **/vendor** | | |

| `calendly` | `axios`, `lodash` | |

| `contentful` | `axios`, `lodash` | |

| `freshchat` | | Freshchat runtime SDK |

| `hotjar` | | Hotjar runtime SDK |

| `instagram` | | Hotjar runtime SDK |

| `medium` | `lodash` | `rss-parser` |

| `twitter` | `axios` | `base64` |

## Working on this project

Add components, utilities, mixins, directives. Then write tests under `spec/` and write visual interactive documentation under `stories/`.

See [`package.json`](./package.json) for commands.