open-index/open-npm huggingface dataset:
npm package: @sirusdev/canvas-input-nuxt
Description: canvas based input fields for nuxt framework
Author: muhammad hasan
Latest version: 1.0.3

# @sirusdev/canvas-input-nuxt

a canvas input component built for nuxt frameworks

## Quick Start

this module can only be used on typescript environment, check [nuxt typescript module](https://typescript.nuxtjs.org/) documentation to setup one.

After all in placed, follow these simple steps

1. install this modules using `npm` CLI

   ```bash
   npm i @sirusdev/canvas-input-nuxt
   ```

1. register this modules on consumer configuration `nuxt.config.ts`

   ```javascript
   buildModules: [
     ...
     '@sirusdev/canvas-input-nuxt'
   ]
   ...
   ```

1) add typings on `tsconfig.json` to enable intellisense features

   ```json
   "types": [
     ...
     "@sirusdev/canvas-input-nuxt/types"
   ]
   ```

1) canvas input will available globally, and can be used on any components or pages

    ```html
    <sirus-canvas-input
      v-model="c1"
      :size="size"
      :color="color"
      :opacity="opacity"
      :disabled="!enabled"
      :offset-left="offsetLeft"
      :offset-top="offsetTop"
    ></sirus-canvas-input>
    ```

    controller

    ```typescript
    @Component
    export default class IndexPage extends Vue {
      // data model, save this model to db.
      c1: CanvasModel = {
        width: 920, // width of canvas
        height: 500, // height of canvas
        vectors: [], // vector data
        imgUrl:
          'https://www.howitworksdaily.com/wp-content/uploads/2012/05/Cat-720x340.jpg',
      };

      size = 2; // stroke size
      color = '#ff0000'; // stroke color
      opacity = .2; // stroke opacity
      enabled = true; // enable disable input, false for read only
      offsetTop = 20; // offset top, use this when component placed on scrollable component
      offsetLeft = 10; // offset left

      /**
       * clear canvas
       */
      clear() {
        this.c1 = {
          ...this.c1,
          vectors: [],
        };
      }
    }
    ```
npm package: @sirusdev/cc-storage-nuxt-client
Description: storage proxy client for nuxt framework
Author: muhammad hasan
Latest version: 0.0.5

# @sirusdev/cc-storage-nuxt-client

Cloud central storage client module

## Getting Started

this module can only be used on typescript environment, check [nuxt typescript module](https://typescript.nuxtjs.org/) documentation to setup one.

After all in placed, follow these simple steps

1. install this modules using `npm` CLI

    ```bash
    npm i @sirusdev/cc-storage-nuxt-client
    ```

1. register this modules on consumer configuration `nuxt.config.ts`, and configure host name

    ```javascript
    buildModules: [
      ...
      '@sirusdev/cc-storage-nuxt-client'
    ]
    ...
    storage: {
      cdnUrl: "https://cdn.qh.sirus.dev",
      cdnWebSocket: "wss://cdn.qh.sirus.dev"
    },
    ...
    ```

1. add typings on `tsconfig.json` to enable intellisense features

    ```json
    "types": [
      ...
      "@sirusdev/cc-storage-nuxt-client/types"
    ]
    ```

viola, all is done.
npm package: @sirusdev/mr-client-lib
Description: medical record system client for nuxt framework
Author: muhammad hasan
Latest version: 0.0.1

# @sirusdev/ec-client-nuxt

Edge Central client library for Nuxt Frameworks

## Getting Started

this module can only be used on typescript environment, check [nuxt typescript module](https://typescript.nuxtjs.org/) documentation to setup one.

After all in placed, follow these simple steps

1. install this modules using `npm` CLI

    ```bash
    npm i @sirusdev/ec-client-nuxt
    ```

1. register this modules on consumer configuration `nuxt.config.ts`, and configure host name

    ```javascript
    buildModules: [
      ...
      '@sirusdev/ec-client-nuxt'
    ]
    ...
    edgeCentral: {
      edgeCN: 'ec.qh.sirus.dev',
      ecvcHost: 'ecvc.qh.sirus.dev',
      cloudCentralHost: 'api-cc.qh.sirus.dev',
      // set insecure to true when you are using insecure endpoint like localahost
      inSecure: true // optional
    },
    ...
    ```

1. add typings on `tsconfig.json` to enable intellisense features

    ```json
    "types": [
      ...
      "@sirusdev/ec-client-nuxt/types"
    ]
    ```

viola, all is done.
npm package: @sirusdev/prescription-editor-nuxt-vuetify
Description: prescription editor for nuxt framework + vuetify
Author: PT Sirus Teknologi Utama
Latest version: 0.0.5

# @sirusdev/prescription-editor-nuxt-vuetify

prescription editor input component for nuxt frameworks + vuetify

## Quick Start

this module can only be used on typescript environment, check [nuxt typescript module](https://typescript.nuxtjs.org/) documentation to setup one.

After all in placed, follow these simple steps

1. install this modules using `npm` CLI

   ```bash
   npm i @sirusdev/prescription-editor-nuxt-vuetify
   ```

1. register this modules on consumer configuration `nuxt.config.ts`

   ```javascript
   buildModules: [
     ...
     '@sirusdev/prescription-editor-nuxt-vuetify'
   ]
   ...
   ```

1) add typings on `tsconfig.json` to enable intellisense features

   ```json
   "types": [
     ...
     "@sirusdev/prescription-editor-nuxt-vuetify"
   ]
   ```

1) prescription editor input will available globally, and can be used on any components or pages

    ```html
    <sirus-prescription-editor
      v-model="prescription"
      :disabled="disabled"
      :external-labels="externalLabels"
      class="flex-grow-1"
    />
    ```

    controller

    ```typescript
    @Component
    export default class IndexPage extends Vue {
      prescription = ''; // prescription in string
      disabled = false; // disable status
      externalLabels = []; // labels to be added at the beginning of prescription
    }
    ```
npm package: @sirusdev/workerskv-uploader
Description: tools to upload static assets to cloudflare workers KV
Author: muhammad hasan
Latest version: 0.0.2

# Workers KV Uploader

static site file uploader to cloudflare workers KV

## Quick Start

1. install as development dependency

    ```bash
    npm i @sirusdev/workerskv-uploader
    ```

1. this tools support `.env` configuration file or you can setup environment manually

    ```ini
    CF_API_TOKEN="--cloudflare-api-token--"
    ACCOUNT_ID="--cloudlfare-account-id--"
    KV_NAMESPACE_ID="--workers-KV-namespace-id--"
    LOG_LEVEL="info" # debug, fatal, error, silent
    SITE_ASSETS_DIR="./dist" # where you put compiled front-ends
    ```

1. add deploy script to your `package.json` file

    ```json
    {
      "scripts": {
        "deploy": "workerskv-upload"
      }
    }
    ```

1. run deployment script

    ```bash
    npm run deploy
    ```