@chirper/node 0.0.1

package/.babelrc

@@ -0,0 +1,3 @@
+{
+	"presets": ["@babel/preset-env", "@babel/preset-typescript"]
+}

package/.browserlistrc

@@ -0,0 +1,8 @@
+{
+  "browserslist": [
+    "last 1 version",
+    "> 1%",
+    "maintained node versions",
+    "not dead"
+  ]
+}

package/.editorconfig

@@ -0,0 +1,21 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = tab
+insert_final_newline = true
+max_line_length = 80
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = 0
+trim_trailing_whitespace = false
+
+[COMMIT_EDITMSG]
+max_line_length = 0
+
+[*.{css,scss,html}]
+indent_size = 4

package/.eslintignore

@@ -0,0 +1,3 @@
+/node_modules/
+/dist/
+/docs/

package/.prettierrc

@@ -0,0 +1,20 @@
+{
+	"parser": "babylon",
+	"printWidth": 80,
+	"useTabs": true,
+	"tabWidth": 2,
+	"singleQuote": true,
+	"semi": true,
+	"trailingComma": "es5",
+	"bracketSpacing": true,
+	"jsxBracketSameLine": false,
+	"arrowParens": "always",
+	"overrides": [
+		{
+			"files": "*.md",
+			"options": {
+				"parser": "markdown"
+			}
+		}
+	]
+}

package/README.md

@@ -0,0 +1,33 @@
+<p align="center">
+	<img src="https://user-images.githubusercontent.com/10063864/45442352-c961ab80-b68f-11e8-84a3-e920f05a313c.png" width={400} alt="Rinse" />
+</p>
+
+> Rinse, React, repeat. A boilerplate to build a React component library.
+
+#### To learn how this project was made from scratch, [read the blog post](https://medium.com/@cwlsn/how-to-write-your-own-reusable-react-component-library-a57dc7c9a210)!
+
+## Get Started
+
+To start your own React component library, clone this repository and start your own Git journey!
+
+```bash
+$ git clone https://github.com/cwlsn/rinse-react cool-name
+$ cd cool-name
+$ rm -rf .git
+$ git init
+```
+
+## Development and Storybook
+
+You can easily develop and interact with your components by using Storybook. To run the local server, simply run:
+
+```bash
+$ npm i
+$ npm run storybook
+```
+
+Navigate to [http://localhost:9001](http://localhost:9001) to view your stories. They should automatically update as you develop.
+
+Storybook will pick up any story from the `stories.js` file in a component folder.
+
+Rinse is currently using the latest technology available, so you may need to update your Node versions to latest to accomodate Babel 7 and Webpack 4.

package/build.js

@@ -0,0 +1,73 @@
+
+// es build
+const fs = require('fs-extra');
+const pkg = require('./package.json');
+const path = require('path');
+const esbuild = require('esbuild');
+const chokidar = require('chokidar');
+
+// build
+esbuild.build({
+  watch       : process.env.MODE !== 'production',
+  bundle      : true,
+  format      : 'cjs',
+  minify      : process.env.MODE === 'production',
+  outfile     : 'dist/bundle.js',
+  external    : Object.keys(pkg.peerDependencies || {}),
+  entryPoints : ['./src/index.js'],
+});
+
+// check dev mode
+if (process.env.MODE !== 'production' && process.env.COPY) {
+  // parse copy directories
+  const copy = process.env.COPY.split(',').map((dir) => dir.trim());
+  
+  // create compile watcher
+  const watcher = chokidar.watch('dist/*', {
+    persistent : true
+  });
+
+  // on change
+  watcher.on('change', (p, stats) => {
+    // timeout
+    setTimeout(() => {
+      // copy file to build
+      copy.forEach((dir) => {
+        // copy sync
+        fs.copySync('dist', dir, { overwrite : true });
+
+        // pkg
+        const pkg  = `${path.dirname(dir)}/package.json`;
+        const base = `${path.dirname(path.dirname(path.dirname(path.dirname(dir))))}/package-lock.json`;
+
+        // touch file
+        if (fs.existsSync(pkg)) {
+          // get json
+          const json = JSON.parse(fs.readFileSync(pkg));
+
+          // set version
+          json.version = `${json.version.split('.').slice(0, 2).join('.')}.${(parseInt(json.version.split('.')[2]) + 1)}`;
+
+          // write file
+          fs.writeFileSync(pkg, JSON.stringify(json, null, 2));
+        }
+
+        // touch file
+        if (fs.existsSync(base)) {
+          // touch file
+          fs.utimesSync(base, new Date(), new Date());
+        }
+
+        // copied
+        console.log(`Copied to ${dir}`);
+      });
+    }, 200);
+  });
+  
+  // copy file to build
+  copy.forEach((dir) => {
+    // copy sync
+    fs.copySync('dist', dir, { overwrite : true });
+    console.log(`Copied to ${dir}`);
+  });
+}

package/dist/bundle.js

@@ -0,0 +1 @@
+var V=Object.create;var S=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty;var k=(s,t)=>()=>(t||s((t={exports:{}}).exports,t),t.exports),X=(s,t)=>{for(var e in t)S(s,e,{get:t[e],enumerable:!0})},J=(s,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of z(t))!W.call(s,o)&&o!==e&&S(s,o,{get:()=>t[o],enumerable:!(i=Y(t,o))||i.enumerable});return s};var U=(s,t,e)=>(e=s!=null?V(Q(s)):{},J(t||!s||!s.__esModule?S(e,"default",{value:s,enumerable:!0}):e,s)),Z=s=>J(S({},"__esModule",{value:!0}),s);var B=k((rt,E)=>{var C=(()=>{var s=Object.defineProperty,t=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,o=(w,f,p)=>f in w?s(w,f,{enumerable:!0,configurable:!0,writable:!0,value:p}):w[f]=p,a=(w,f)=>{for(var p in f||(f={}))e.call(f,p)&&o(w,p,f[p]);if(t)for(var p of t(f))i.call(f,p)&&o(w,p,f[p]);return w},h=w=>s(w,"__esModule",{value:!0}),v=(w,f)=>{h(w);for(var p in f)s(w,p,{get:f[p],enumerable:!0})},n={};v(n,{DEFAULT_UUID_LENGTH:()=>y,default:()=>b});var $="4.4.4",y=6,c={dictionary:"alphanum",shuffle:!0,debug:!1,length:y},m=class extends Function{constructor(w={}){super(),this.dictIndex=0,this.dictRange=[],this.lowerBound=0,this.upperBound=0,this.dictLength=0,this._digit_first_ascii=48,this._digit_last_ascii=58,this._alpha_lower_first_ascii=97,this._alpha_lower_last_ascii=123,this._hex_last_ascii=103,this._alpha_upper_first_ascii=65,this._alpha_upper_last_ascii=91,this._number_dict_ranges={digits:[this._digit_first_ascii,this._digit_last_ascii]},this._alpha_dict_ranges={lowerCase:[this._alpha_lower_first_ascii,this._alpha_lower_last_ascii],upperCase:[this._alpha_upper_first_ascii,this._alpha_upper_last_ascii]},this._alpha_lower_dict_ranges={lowerCase:[this._alpha_lower_first_ascii,this._alpha_lower_last_ascii]},this._alpha_upper_dict_ranges={upperCase:[this._alpha_upper_first_ascii,this._alpha_upper_last_ascii]},this._alphanum_dict_ranges={digits:[this._digit_first_ascii,this._digit_last_ascii],lowerCase:[this._alpha_lower_first_ascii,this._alpha_lower_last_ascii],upperCase:[this._alpha_upper_first_ascii,this._alpha_upper_last_ascii]},this._alphanum_lower_dict_ranges={digits:[this._digit_first_ascii,this._digit_last_ascii],lowerCase:[this._alpha_lower_first_ascii,this._alpha_lower_last_ascii]},this._alphanum_upper_dict_ranges={digits:[this._digit_first_ascii,this._digit_last_ascii],upperCase:[this._alpha_upper_first_ascii,this._alpha_upper_last_ascii]},this._hex_dict_ranges={decDigits:[this._digit_first_ascii,this._digit_last_ascii],alphaDigits:[this._alpha_lower_first_ascii,this._hex_last_ascii]},this.log=(...r)=>{let l=[...r];if(l[0]=`[short-unique-id] ${r[0]}`,this.debug===!0&&typeof console<"u"&&console!==null)return console.log(...l)},this.setDictionary=(r,l)=>{let u;if(r&&Array.isArray(r)&&r.length>1)u=r;else{u=[];let d;this.dictIndex=d=0;let x=`_${r}_dict_ranges`,N=this[x];Object.keys(N).forEach(G=>{let H=G;for(this.dictRange=N[H],this.lowerBound=this.dictRange[0],this.upperBound=this.dictRange[1],this.dictIndex=d=this.lowerBound;this.lowerBound<=this.upperBound?d<this.upperBound:d>this.upperBound;this.dictIndex=this.lowerBound<=this.upperBound?d+=1:d-=1)u.push(String.fromCharCode(this.dictIndex))})}l&&(u=u.sort(()=>Math.random()-.5)),this.dict=u,this.dictLength=this.dict.length,this.counter=0},this.seq=()=>this.sequentialUUID(),this.sequentialUUID=()=>{let r,l,u="";r=this.counter;do l=r%this.dictLength,r=Math.trunc(r/this.dictLength),u+=this.dict[l];while(r!==0);return this.counter+=1,u},this.randomUUID=(r=this.uuidLength||y)=>{let l,u,d;if(r===null||typeof r>"u"||r<1)throw new Error("Invalid UUID Length Provided");let x=r>=0;for(l="",d=0;d<r;d+=1)u=parseInt((Math.random()*this.dictLength).toFixed(0),10)%this.dictLength,l+=this.dict[u];return l},this.availableUUIDs=(r=this.uuidLength)=>parseFloat(Math.pow([...new Set(this.dict)].length,r).toFixed(0)),this.approxMaxBeforeCollision=(r=this.availableUUIDs(this.uuidLength))=>parseFloat(Math.sqrt(Math.PI/2*r).toFixed(20)),this.collisionProbability=(r=this.availableUUIDs(this.uuidLength),l=this.uuidLength)=>parseFloat((this.approxMaxBeforeCollision(r)/this.availableUUIDs(l)).toFixed(20)),this.uniqueness=(r=this.availableUUIDs(this.uuidLength))=>{let l=parseFloat((1-this.approxMaxBeforeCollision(r)/r).toFixed(20));return l>1?1:l<0?0:l},this.getVersion=()=>this.version,this.stamp=r=>{if(typeof r!="number"||r<10)throw new Error("Param finalLength must be number greater than 10");let l=Math.floor(+new Date/1e3).toString(16),u=r-9,d=Math.round(Math.random()*(u>15?15:u)),x=this.randomUUID(u);return`${x.substr(0,d)}${l}${x.substr(d)}${d.toString(16)}`},this.parseStamp=r=>{if(r.length<10)throw new Error("Stamp length invalid");let l=parseInt(r.substr(r.length-1,1),16);return new Date(parseInt(r.substr(l,8),16)*1e3)};let f=a(a({},c),w);this.counter=0,this.debug=!1,this.dict=[],this.version=$;let{dictionary:p,shuffle:j,length:K}=f;return this.uuidLength=K,this.setDictionary(p,j),this.debug=f.debug,this.log(this.dict),this.log(`Generator instantiated with Dictionary Size ${this.dictLength}`),new Proxy(this,{apply:(r,l,u)=>this.randomUUID(...u)})}},b=m;return b.default=m,n})();typeof E<"u"&&(E.exports=C.default),typeof window<"u"&&(C=C.default)});var T=k((ht,P)=>{"use strict";var tt=Object.prototype.hasOwnProperty,g="~";function O(){}Object.create&&(O.prototype=Object.create(null),new O().__proto__||(g=!1));function et(s,t,e){this.fn=s,this.context=t,this.once=e||!1}function F(s,t,e,i,o){if(typeof e!="function")throw new TypeError("The listener must be a function");var a=new et(e,i||s,o),h=g?g+t:t;return s._events[h]?s._events[h].fn?s._events[h]=[s._events[h],a]:s._events[h].push(a):(s._events[h]=a,s._eventsCount++),s}function I(s,t){--s._eventsCount===0?s._events=new O:delete s._events[t]}function _(){this._events=new O,this._eventsCount=0}_.prototype.eventNames=function(){var t=[],e,i;if(this._eventsCount===0)return t;for(i in e=this._events)tt.call(e,i)&&t.push(g?i.slice(1):i);return Object.getOwnPropertySymbols?t.concat(Object.getOwnPropertySymbols(e)):t};_.prototype.listeners=function(t){var e=g?g+t:t,i=this._events[e];if(!i)return[];if(i.fn)return[i.fn];for(var o=0,a=i.length,h=new Array(a);o<a;o++)h[o]=i[o].fn;return h};_.prototype.listenerCount=function(t){var e=g?g+t:t,i=this._events[e];return i?i.fn?1:i.length:0};_.prototype.emit=function(t,e,i,o,a,h){var v=g?g+t:t;if(!this._events[v])return!1;var n=this._events[v],$=arguments.length,y,c;if(n.fn){switch(n.once&&this.removeListener(t,n.fn,void 0,!0),$){case 1:return n.fn.call(n.context),!0;case 2:return n.fn.call(n.context,e),!0;case 3:return n.fn.call(n.context,e,i),!0;case 4:return n.fn.call(n.context,e,i,o),!0;case 5:return n.fn.call(n.context,e,i,o,a),!0;case 6:return n.fn.call(n.context,e,i,o,a,h),!0}for(c=1,y=new Array($-1);c<$;c++)y[c-1]=arguments[c];n.fn.apply(n.context,y)}else{var m=n.length,b;for(c=0;c<m;c++)switch(n[c].once&&this.removeListener(t,n[c].fn,void 0,!0),$){case 1:n[c].fn.call(n[c].context);break;case 2:n[c].fn.call(n[c].context,e);break;case 3:n[c].fn.call(n[c].context,e,i);break;case 4:n[c].fn.call(n[c].context,e,i,o);break;default:if(!y)for(b=1,y=new Array($-1);b<$;b++)y[b-1]=arguments[b];n[c].fn.apply(n[c].context,y)}}return!0};_.prototype.on=function(t,e,i){return F(this,t,e,i,!1)};_.prototype.once=function(t,e,i){return F(this,t,e,i,!0)};_.prototype.removeListener=function(t,e,i,o){var a=g?g+t:t;if(!this._events[a])return this;if(!e)return I(this,a),this;var h=this._events[a];if(h.fn)h.fn===e&&(!o||h.once)&&(!i||h.context===i)&&I(this,a);else{for(var v=0,n=[],$=h.length;v<$;v++)(h[v].fn!==e||o&&!h[v].once||i&&h[v].context!==i)&&n.push(h[v]);n.length?this._events[a]=n.length===1?n[0]:n:I(this,a)}return this};_.prototype.removeAllListeners=function(t){var e;return t?(e=g?g+t:t,this._events[e]&&I(this,e)):(this._events=new O,this._eventsCount=0),this};_.prototype.off=_.prototype.removeListener;_.prototype.addListener=_.prototype.on;_.prefixed=g;_.EventEmitter=_;typeof P<"u"&&(P.exports=_)});var st={};X(st,{default:()=>L});module.exports=Z(st);var q=U(B()),R=U(require("socket.io-client"));var D=U(T(),1);var A=s=>({prompt:t=>s.post("/:account/ai",t),image:t=>s.post("/:account/ai/image",t)});var M=s=>({get:(t,e=null,i=null)=>s.get(`/:account/stat/${t}`,{from:e,to:i})});var it=new q.default({length:10}),L=class{constructor({url:t,version:e}){this.key=null;this.url=null;this.cache={};this.events=new D.default;this.call=null;this.socket=null;this.account=null;this.version="v1";this.loading=!0;this.authing=null;this.authKey=null;this.shareKey=null;this.customer=null;this.presences={};this.connecting=null;this.options={path:"/ws",cors:!0,agent:!0,reconnect:!0,transports:["websocket"],withCredentials:!0};t&&(this.url=t),e&&(this.version=e),this.build=this.build.bind(this),this.fetch=this.fetch.bind(this),this.wsFetch=this.wsFetch.bind(this),this.on=this.on.bind(this),this.off=this.off.bind(this),this.emit=this.emit.bind(this),this.once=this.once.bind(this),this.addListener=this.events.addListener.bind(this.events),this.removeListener=this.events.removeListener.bind(this.events),this.get=this.get.bind(this),this.put=this.put.bind(this),this.post=this.post.bind(this),this.patch=this.patch.bind(this),this.delete=this.delete.bind(this),this.AI=A(this),this.Stat=M(this),this.build()}build(){if(this.__resolveConnecting=null,this.connecting=new Promise(e=>{this.__resolveConnecting=e}),!this.url)return;let t=R.default.connect(`${this.url}`,this.options);t.on("connect",async()=>{this.authing||(this.authing=this.auth(this.authKey,this.shareKey),await this.authing,this.authing=null,this.__resolveConnecting())}),t.on("disconnect",()=>{this.connecting=new Promise(e=>{this.__resolveConnecting=e})}),this.socket=t}async auth(){this.loading=!0,this.events.emit("loading",!0);let t=await this.get("/auth",{key:this.key},!1,!1);t?.user&&(this.user=t.user,this.events.emit("user",t.user)),this.loading=!1,this.events.emit("loading",!1),typeof window<"u"&&(window.chirper=this)}async fetch(t,e,i={},o=!1){if(["patch","put","delete","post"].includes(t.toLowerCase())&&(o=!1),o&&this.cache[`${t}${e}${JSON.stringify(i)}`])return this.cache[`${t}${e}${JSON.stringify(i)}`];delete this.cache[`${t}${e}${JSON.stringify(i)}`],console.time(`[chirper] [fetch] ${t}:${e} ${JSON.stringify(i)}`);let a;try{a=await(await fetch(`${this.url}${e}${`${t}`.toLowerCase()==="get"?`?${new URLSearchParams(i)}`:""}`,{body:`${t}`.toLowerCase()!=="get"?JSON.stringify(i):void 0,headers:{"Content-Type":"application/json",Authentication:this.key?`Bearer ${this.key}`:void 0},credentials:"include"})).json()}catch(h){throw console.timeEnd(`[chirper] [fetch] ${t}:${e} ${JSON.stringify(i)}`),h}if(console.timeEnd(`[chirper] [fetch] ${t}:${e} ${JSON.stringify(i)}`),!a?.success)throw new Error(a.message);return o&&(this.cache[`${t}${e}${JSON.stringify(i)}`]=a,this.cache[`${t}${e}${JSON.stringify(i)}`].then(()=>{typeof o=="number"?setTimeout(()=>{delete this.cache[`${t}${e}${JSON.stringify(i)}`]},o):delete this.cache[`${t}${e}${JSON.stringify(i)}`]})),a.result}async wsFetch(t,e,i={},o=!1,a=!0){if(a&&await this.connecting,a&&await this.authing,a&&!this.account&&e.includes(":account")&&await new Promise(n=>{this.events.once("account",n)}),this.account&&(e=e.replace(":account",this.account?.id)),["patch","put","delete","post"].includes(t.toLowerCase())&&(o=!1),o&&this.cache[`${t}${e}${JSON.stringify(i)}`])return this.cache[`${t}${e}${JSON.stringify(i)}`];delete this.cache[`${t}${e}${JSON.stringify(i)}`];let h=it();console.time(`[chirper] [${h}] ${t}:${e} ${JSON.stringify(i)}`);let v=new Promise((n,$)=>{this.socket.once(h,({success:y,result:c,message:m})=>{if(console.timeEnd(`[chirper] [${h}] ${t}:${e} ${JSON.stringify(i)}`),y)return n(c);$(m)})});return o&&(this.cache[`${t}${e}${JSON.stringify(i)}`]=v,this.cache[`${t}${e}${JSON.stringify(i)}`].then(()=>{typeof o=="number"?setTimeout(()=>{delete this.cache[`${t}${e}${JSON.stringify(i)}`]},o):delete this.cache[`${t}${e}${JSON.stringify(i)}`]})),this.socket.emit("call",h,t.toUpperCase(),e,i),v}on(...t){this.socket.on(...t)}off(...t){this.socket.off(...t)}emit(...t){this.socket.emit(...t)}once(...t){this.socket.once(...t)}get(t,e,...i){return this.wsFetch("GET",`/${this.version}${t}`,e,...i)}put(t,e,...i){return this.wsFetch("PUT",`/${this.version}${t}`,e,...i)}post(t,e,...i){return this.wsFetch("POST",`/${this.version}${t}`,e,...i)}patch(t,e,...i){return this.wsFetch("PATCH",`/${this.version}${t}`,e,...i)}delete(t,e,...i){return this.wsFetch("DELETE",`/${this.version}${t}`,e,...i)}};

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@chirper/node",
+  "version": "0.0.1",
+  "description": "",
+  "main": "dist/bundle.js",
+  "scripts": {
+    "dev": "MODE=development node build.js",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "MODE=production node build.js",
+    "storybook": "start-storybook -p 9001"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.0.0",
+    "@tulipjs/eslint-config": "^1.1.1",
+    "chokidar": "^3.5.3",
+    "esbuild": "^0.16.14",
+    "fs-extra": "^10.1.0"
+  },
+  "dependencies": {
+    "@analytics/core": "^0.11.1",
+    "@analytics/visitor-source": "^0.0.5",
+    "analytics": "^0.8.1",
+    "dot-prop": "^6.0.1",
+    "eventemitter3": "^5.0.0",
+    "qs": "^6.11.0",
+    "short-unique-id": "^4.4.4",
+    "url": "^0.11.0"
+  },
+  "peerDependencies": {
+    "socket.io-client": "*"
+  }
+}

package/src/api/AI.ts

@@ -0,0 +1,14 @@
+
+/**
+ * key api
+ */
+export default (api) => ({
+  prompt : (opts) => {
+    // return promise
+    return api.post(`/:account/ai`, opts);
+  },
+  image : (opts) => {
+    // return promise
+    return api.post(`/:account/ai/image`, opts);
+  },
+});

package/src/api/Stat.ts

@@ -0,0 +1,9 @@
+
+/**
+ * key api
+ */
+export default (api) => ({
+  get : (metric, from = null, to = null) => {
+    return api.get(`/:account/stat/${metric}`, { from, to });
+  },
+});

package/src/index.ts

@@ -0,0 +1,437 @@
+
+// socketio client
+import shortid from 'short-unique-id';
+import socketio from 'socket.io-client';
+import { EventEmitter } from 'eventemitter3';
+
+// create short id
+const uid = new shortid({ length : 10 });
+
+// local apis
+import AI from './api/AI';
+import Stat from './api/Stat';
+
+// socket context
+export default class chirperNode {
+  // ssid
+  private key    = null;
+  private url    = null;
+  private cache  = {};
+  private events = new EventEmitter();
+
+  // cache timeout
+  public call       = null;
+  public socket     = null;
+  public account    = null;
+  public version    = `v1`;
+  public loading    = true;
+  public authing    = null;
+  public authKey    = null;
+  public shareKey   = null;
+  public customer   = null;
+  public presences  = {};
+  public connecting = null;
+
+  // authing
+  private __resolveConnecting: any;
+
+  // options
+  public options = {
+    path            : '/ws',
+    cors            : true,
+    agent           : true,
+    reconnect       : true,
+    transports      : ['websocket'],
+    withCredentials : true,
+  };
+
+  /**
+   * constructor
+   *
+   * @param props 
+   */
+  constructor({ url, version }: { url?: string, version?: string }) {
+    // set keys
+    if (url) this.url = url;
+    if (version) this.version = version;
+
+    // call/fetch
+    this.build = this.build.bind(this);
+    this.fetch = this.fetch.bind(this);
+    this.wsFetch = this.wsFetch.bind(this);
+
+    // bind event methods
+    this.on = this.on.bind(this);
+    this.off = this.off.bind(this);
+    this.emit = this.emit.bind(this);
+    this.once = this.once.bind(this);
+    
+    // add change listener
+    this.addListener = this.events.addListener.bind(this.events);
+    this.removeListener = this.events.removeListener.bind(this.events);
+
+    // bind call methods
+    this.get = this.get.bind(this);
+    this.put = this.put.bind(this);
+    this.post = this.post.bind(this);
+    this.patch = this.patch.bind(this);
+    this.delete = this.delete.bind(this);
+
+    // api
+    this.AI = AI(this);
+    this.Stat = Stat(this);
+
+    // build
+    this.build();
+  }
+
+  
+  ////////////////////////////////////////////////////////////////////////
+  //
+  // CALL FUNCTIONALITY
+  //
+  ////////////////////////////////////////////////////////////////////////
+
+  /**
+   * build functionality
+   */
+  build() {
+    // initial authing
+    this.__resolveConnecting = null;
+    this.connecting = new Promise((resolve) => {
+      this.__resolveConnecting = resolve;
+    });
+
+    // check url
+    if (!this.url) return;
+
+    // connect
+    const actualSocket = socketio.connect(`${this.url}`, this.options);
+
+    // on connect
+    actualSocket.on('connect', async () => {
+      // check authing
+      if (this.authing) return;
+
+      // load
+      this.authing = this.auth(this.authKey, this.shareKey);
+
+      // await
+      await this.authing;
+    
+      // set
+      this.authing = null;
+
+      // resolve
+      this.__resolveConnecting();
+    });
+    actualSocket.on('disconnect', () => {
+      // reset promise
+      this.connecting = new Promise((resolve) => {
+        this.__resolveConnecting = resolve;
+      });
+    });
+
+    // actual socket
+    this.socket = actualSocket;
+  }
+
+  /**
+   * authenticate api
+   *
+   * @param key 
+   * @param authKey 
+   */
+  async auth() {
+    // set loading
+    this.loading = true;
+    this.events.emit('loading', true);
+
+    // load auth
+    const auth = await this.get(`/auth`, {
+      key : this.key,
+    }, false, false);
+
+    // set user
+    if (auth?.user) {
+      this.user = auth.user;
+      this.events.emit('user', auth.user);
+    }
+
+    // set loading
+    this.loading = false;
+    this.events.emit('loading', false);
+
+    // check typeof
+    if (typeof window !== 'undefined') window.chirper = this;
+  }
+
+  /**
+   * fetch from http api
+   *
+   * @param method 
+   * @param path 
+   * @param data 
+   * @param cache 
+   */
+  async fetch(method, path, data = {}, cache = false) {
+    // check cache
+    if (['patch', 'put', 'delete', 'post'].includes(method.toLowerCase())) cache = false;
+    
+    // check cache
+    if (cache && this.cache[`${method}${path}${JSON.stringify(data)}`]) {
+      // return await
+      return this.cache[`${method}${path}${JSON.stringify(data)}`];
+    } else {
+      // delete cache
+      delete this.cache[`${method}${path}${JSON.stringify(data)}`];
+    }
+
+    // doing call
+    console.time(`[chirper] [fetch] ${method}:${path} ${JSON.stringify(data)}`);
+
+    // result
+    let result;
+
+    // try/catch
+    try {
+      // create fetch
+      const res = await fetch(`${this.url}${path}${`${method}`.toLowerCase() === 'get' ? `?${new URLSearchParams(data)}` : ''}`, {
+        body    : `${method}`.toLowerCase() !== 'get' ? JSON.stringify(data) : undefined,
+        headers : {
+          'Content-Type'   : 'application/json',
+          'Authentication' : this.key ? `Bearer ${this.key}` : undefined,
+        },
+        credentials : 'include',
+      });
+
+      // get response
+      result = await res.json();
+    } catch (e) {
+      // doing call
+      console.timeEnd(`[chirper] [fetch] ${method}:${path} ${JSON.stringify(data)}`);
+
+      // throw error
+      throw e;
+    }
+
+    // doing call
+    console.timeEnd(`[chirper] [fetch] ${method}:${path} ${JSON.stringify(data)}`);
+
+    // check message
+    if (!result?.success) throw new Error(result.message);
+
+    // check cache
+    if (cache) {
+      // add to call cache
+      this.cache[`${method}${path}${JSON.stringify(data)}`] = result;
+
+      // remove after timeout
+      this.cache[`${method}${path}${JSON.stringify(data)}`].then(() => {
+        // check if timed cache
+        if (typeof cache === 'number') {
+          // remove after timeout
+          setTimeout(() => {
+            // delete
+            delete this.cache[`${method}${path}${JSON.stringify(data)}`];
+          }, cache);
+        } else {
+          // delete
+          delete this.cache[`${method}${path}${JSON.stringify(data)}`];
+        }
+      });
+    }
+
+    // return result
+    return result.result;
+  }
+
+  /**
+   * call api method
+   *
+   * @param method 
+   * @param path 
+   * @param data 
+   * @param cache 
+   * @returns 
+   */
+  async wsFetch(method, path, data = {}, cache = false, waitForAuth = true) {
+    // await connecting
+    if (waitForAuth) await this.connecting;
+
+    // wait for auth
+    if (waitForAuth) await this.authing;
+
+    // check account
+    if (waitForAuth && !this.account && path.includes(':account')) {
+      // wait for account
+      await new Promise((resolve) => {
+        // this once
+        this.events.once('account', resolve);
+      });
+    }
+    
+    // fix path
+    if (this.account) path = path.replace(':account', this.account?.id);
+
+    // check cache
+    if (['patch', 'put', 'delete', 'post'].includes(method.toLowerCase())) cache = false;
+    
+    // check cache
+    if (cache && this.cache[`${method}${path}${JSON.stringify(data)}`]) {
+      // return await
+      return this.cache[`${method}${path}${JSON.stringify(data)}`];
+    } else {
+      // delete cache
+      delete this.cache[`${method}${path}${JSON.stringify(data)}`];
+    }
+
+    // get id
+    const id = uid();
+
+    // doing call
+    console.time(`[chirper] [${id}] ${method}:${path} ${JSON.stringify(data)}`);
+
+    // create promise
+    const result = new Promise((resolve, reject) => {
+      // resolve
+      this.socket.once(id, ({ success, result, message }) => {
+        // time end
+        console.timeEnd(`[chirper] [${id}] ${method}:${path} ${JSON.stringify(data)}`);
+
+        // check result
+        if (success) return resolve(result);
+
+        // reject
+        reject(message);
+      });
+    });
+
+    // check cache
+    if (cache) {
+      // add to call cache
+      this.cache[`${method}${path}${JSON.stringify(data)}`] = result;
+
+      // remove after timeout
+      this.cache[`${method}${path}${JSON.stringify(data)}`].then(() => {
+        // check if timed cache
+        if (typeof cache === 'number') {
+          // remove after timeout
+          setTimeout(() => {
+            // delete
+            delete this.cache[`${method}${path}${JSON.stringify(data)}`];
+          }, cache);
+        } else {
+          // delete
+          delete this.cache[`${method}${path}${JSON.stringify(data)}`];
+        }
+      });
+    }
+
+    // emit
+    this.socket.emit('call', id, method.toUpperCase(), path, data);
+
+    // return result
+    return result;
+  }
+
+  /**
+   * on
+   *
+   * @param args 
+   */
+  on(...args) {
+    // call to socket
+    this.socket.on(...args);
+  }
+
+  /**
+   * off
+   *
+   * @param args 
+   */
+  off(...args) {
+    // call to socket
+    this.socket.off(...args);
+  }
+
+  /**
+   * emit
+   *
+   * @param args 
+   */
+  emit(...args) {
+    // call to socket
+    this.socket.emit(...args);
+  }
+
+  /**
+   * once
+   *
+   * @param args 
+   */
+  once(...args) {
+    // call to socket
+    this.socket.once(...args);
+  }
+
+  /**
+   * api get
+   *
+   * @param path 
+   * @param data 
+   * @returns 
+   */
+  get(path, data, ...args) {
+    // return get
+    return this.wsFetch('GET', `/${this.version}${path}`, data, ...args);
+  }
+
+  /**
+   * api put
+   *
+   * @param path 
+   * @param data 
+   * @returns 
+   */
+  put(path, data, ...args) {
+    // return put
+    return this.wsFetch('PUT', `/${this.version}${path}`, data, ...args);
+  }
+
+  /**
+   * api post
+   *
+   * @param path 
+   * @param data 
+   * @returns 
+   */
+  post(path, data, ...args) {
+    // return post
+    return this.wsFetch('POST', `/${this.version}${path}`, data, ...args);
+  }
+
+  /**
+   * api post
+   *
+   * @param path 
+   * @param data 
+   * @returns 
+   */
+  patch(path, data, ...args) {
+    // return patch
+    return this.wsFetch('PATCH', `/${this.version}${path}`, data, ...args);
+  }
+
+  /**
+   * api post
+   *
+   * @param path 
+   * @param data 
+   * @returns 
+   */
+  delete(path, data, ...args) {
+    // return delete
+    return this.wsFetch('DELETE', `/${this.version}${path}`, data, ...args);
+  }
+}