npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

cnrancher-api-store

v0.1.4

Published

Rancher api adaptor

Downloads

13

Readme

Rancher API Store

Storage adapter to API SPEC compatible APIs.

Usage

Installation

  npm install rancher-api-store

This assumes that you’re using npm package manager with a module bundler like Webpack or Browserify to consume CommonJS modules.

If you don’t yet use npm or a modern module bundler, and would rather prefer a single-file UMD build that makes apiStore available as a global object.

Import

  • ES6 module
import {Store, Resource} from 'rancher-api-store'
  • CommonJS
const {Store, Resource} = require('rancher-api-store')
  • Browser global
  <script src="path/to/rancher-api-store/dist/index.js" ></script>

  <script>
  	console.log(apiStore.Store)
  </script>

Develope

  git clone [email protected]:vimniky/rancher-api-store.git
  cd rancher-api-store && npm install
  npm run dev

  # link
  cd rancher-api-store && npm link
  cd your-project && npm link rancher-api-store

Build

npm run build

Getting started


import {Store} from 'rancher-api-store'

const store = new Store()

yourStore.find('container').then(container => {
  console.log(container)
})

Advanced


// models/Container.js
import {Resource, Store} from 'rancher-api-store'

// `Container` Model Should extend from the build-in `Resource` Model
class Container extends Resource {
  constructor(...args) {
    super(...args)
    // ....
  }
  doSomething() {
  	// ...
  }
}

// stores.js
import {Store} from 'rancher-api-store'

const store = new Store('userStore', {
  baseUrl: '/v2-bata',

  // whether schemas should be loaded upon store niitalization
  loadSchemas: true, // default is false
})

store.registerModel('container', Container)

// If the `Container` Model is registered,
// it will be used to create the corresponding instances,
// if not, a fallback build-in `Resource` Model will be used behind the scenes.
store.find('container').then(container => {
	container.doSomething()
})

API

Store

The store performs all communication with the API service and maintains a single copy of all the resources that come back from it. This ensures that changes to a resource in one place propagate propertly to other parts of your application that use the same resource.

Methods:

  • constructor([name] [,opt]): name and opt are optional. basically, it is use to prevent from creating multiply store instance with the same name, if not passed, a uniq name will be generated every time your invoke new Store(). opt are use to configure the created store instance's behavior.

  • find(type [,id] [,options]): Query API for records of type, optionally with id and other options like filter and include. Returns a promise.

  • getById(type, id): Get a record from the local cache by type and id. Returns a resource or undefined synchronously.

  • hasRecordFor(type, id): Returns true if a record for type and id exists in cache synchronously.

  • all(type): Returns a "live" array of all the records for [type] in the store. The array will be updated as records are added and removed from the store.

  • findAll(type): Calls find(type) if it hasn't been called before, then returns all(type) to give you back a live list of all the records in one call. Convenient for a model hook.

  • createRecord(data): Create a record given fields data. Returns a Resource. Does not add the record to the store, call resource.save() on the response or \_add() on the store.

More methods, that you shouldn't need often:

  • _add(type, obj): Add a record to the store. This is normally done automatically when reading objects, but you might have created one with createRecord manually want it added without resource.save().

  • _remove(type, obj): Remove a record from the store. This doesn't tell the server about it, so you probably want resource.delete().

  • _bulkAdd(type, array): add a lot of instances of the same type at once.

    • There must be a model for the type already defined.
    • Instances cannot contain any nested other types (e.g. include or subtypes),
    • (they will not be deserialzed into their correct type.)
    • wasAdded hooks are not called
    • Basically this is just for loading schemas faster.

Properties:

  • removeAfterDelete: true: Set to false to disable automatically removing from the store after record.delete(). You might want this if your API has a 2-step deleted vs purged state.

Resource

A resource is a model object representing a single resource in the API.

Methods:

  • .merge(data): Take the values in data and replace the corresponding values in this resource with them. Returns the resource so you can chain calls.

  • .replaceWith(data): Replace all the values in this resource with the ones in newData. Returns the resource so you can chain calls.

  • .clone(): Returns a duplicate of this resource. Changes to the clone will not initially affect the original. If .save() is called on the clone, the response data will be merged into both the clone and original.

  • .hasLink(name): Returns a boolean for whether this resource has a link with the given name or not.

  • .followLink(name [,options]): Retrieves the link with the given name and returns a promise that resolves with the response data.

  • .importLink(name [,options]): Retrieves the link with the given name and assigns the response data as a property with the same name (or you can use opttion.as to change the name) on the resource. Returns a promise that resolves with the resource.

  • .hasAction(name): Returns a boolean for whether this resource has an action with the given name or not.

  • .doAction(name, opt): Performs the action given by name, optionally sending data and returns a promise that resolves with the response data.

  • .save(): Sends the resource to the API to persist it. On success, adds the resource to the store if it wasn't already in there. Returns a promise that resolves to the resource, and also updates the store record with the response data if it is provided.

  • .delete(): Sends a delete request to the API to remove a resource. On success, the resource is removed from the store if it was in it.

  • .serialize(): Returns a plain JavaScript object representation of the resource.

  • optionsFor(field): Returns an array with options of the field, only for enum fields.

  • isRequired(field): Returns a boolean, which indecates whether the field is required.

  • getDefault(field): Returns the field's default value.

Static Properties:

  • alwaysInclude: []: An array of fields to always request be included when making requests for this tyep of resource.

Collection

A collection is a model object representing an array of resources in the API. It is an ArrayProxy that proxies array requests to the data elements of the collection, but collections are themselves resources that may have links and actions themselves that you can use (as a resource, above).

Properties

  • length Returns the length of the collection.
  • first Returns the first resource of the collection.
  • last Returns the last resource of the collection.

Methods

  • getById(id) Returns the resource with the passed id or undefined if not found.

  • getAt(index) Returns the resource at provided index.

  • call(nameOfmethod, [...args]). Call any array method on the collection. such as collection.call('map', function(item, idx) {...})

  • .serialize(): Returns a plain JavaScript array representation of the collection.

Socket

A Socket is a class that create a websocket, it support listen readyState change and reconnet.

Properties

  • socket Return the origin socket that using WebSocket created.

Methods

  • constructor(url [, option]) create a socket with url.

  • on(event, callback) listen a event and perform callback when event is triggered.

  • close() close socket.

  • reConnect() reconnect socket.

Table

| option | description | | --- | --- | | token | token will be carried as a queryparam in url, rancher server is required token to communicate | | reConnect | enable reConnect |

| Event | description | | --- | --- | | ready | WebSocket onopen | | error | WebSocket onerror | | onclose | WebSocket onclose | | onmessage | WebSocket onmessage | | onStateChange | when readyState change |