api_maker 0.0.1 → 0.0.2

data/lib/api_maker/javascript/bootstrap/select.jsx

@@ -1,168 +0,0 @@
-import PropTypes from "prop-types"
-import PropTypesExact from "prop-types-exact"
-import React from "react"
-
-const inflection = require("inflection")
-
-export default class BootstrapSelect extends React.Component {
-  static propTypes = PropTypesExact({
-    attribute: PropTypes.string,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    "data-controller": PropTypes.string,
-    defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number, PropTypes.string]),
-    description: PropTypes.node,
-    disabled: PropTypes.bool,
-    id: PropTypes.string,
-    includeBlank: PropTypes.bool,
-    hideSearch: PropTypes.bool,
-    hint: PropTypes.node,
-    hintBottom: PropTypes.node,
-    label: PropTypes.node,
-    labelContainerClassName: PropTypes.string,
-    model: PropTypes.object,
-    multiple: PropTypes.bool,
-    name: PropTypes.string,
-    placeholder: PropTypes.string,
-    onChange: PropTypes.func,
-    options: PropTypes.array,
-    select2: PropTypes.bool,
-    wrapperClassName: PropTypes.string,
-  })
-
-  componentDidMount() {
-    if (this.props.select2 && this.props.onChange)
-      $(this.refs.select).on("change", this.props.onChange)
-
-    // Set default value to nothing when multiple
-    if (this.props.select2 && this.props.multiple && !this.inputDefaultValue())
-      $(this.refs.select).val("")
-  }
-
-  componentWillUnmount() {
-    if (this.props.select2 && this.props.onChange)
-      $(this.refs.select).off("change", this.props.onChange)
-  }
-
-  render() {
-    return (
-      <div className={this.wrapperClassName()}>
-        {this.label() &&
-          <div className={this.props.labelContainerClassName ? this.props.labelContainerClassName : null}>
-            <label className={this.labelClassName()} htmlFor={this.inputId()}>
-              {this.label()}
-            </label>
-          </div>
-        }
-        {this.props.description &&
-          <div className="mb-4">
-            {this.props.description}
-          </div>
-        }
-        {this.props.hint &&
-          <span className="form-text text-muted font-smoothing font-xs">
-            {this.props.hint}
-          </span>
-        }
-        <select
-          data-controller={this.dataController()}
-          data-hide-search={this.props.hideSearch}
-          data-placeholder={this.props.placeholder}
-          defaultValue={this.inputDefaultValue()}
-          className={`form-control ${this.props.className}`}
-          disabled={this.props.disabled}
-          id={this.inputId()}
-          multiple={this.props.multiple}
-          name={this.inputName()}
-          onChange={this.props.onChange}
-          ref="select"
-          >
-          {this.includeBlank() &&
-            <option />
-          }
-          {this.props.options && this.props.options.map(option => (
-            <option key={`select-option-${option[1]}`} value={option[1]}>{option[0]}</option>
-          ))}
-          {this.props.children}
-        </select>
-        {this.props.hintBottom &&
-          <span className="form-text text-muted font-smoothing font-xs">
-            {this.props.hintBottom}
-          </span>
-        }
-      </div>
-    )
-  }
-
-  dataController() {
-    if ("data-controller" in this.props) {
-      return this.props["data-controller"]
-    } else if (this.props.select2) {
-      return "select2--default"
-    }
-  }
-
-  includeBlank() {
-    if (this.props.includeBlank || (this.props.placeholder && !this.props.multiple)) {
-      return true
-    } else {
-      return false
-    }
-  }
-
-  inputDefaultValue() {
-    if ("defaultValue" in this.props) {
-      return this.props.defaultValue
-    } else if (this.props.selected) {
-      return this.props.selected
-    } else if (this.props.model) {
-      if (!this.props.model[this.props.attribute])
-        throw new Error(`No attribute by that name: ${this.props.attribute}`)
-
-      return this.props.model[this.props.attribute]()
-    }
-  }
-
-  inputId() {
-    if ("id" in this.props) {
-      return this.props.id
-    } else if (this.props.model) {
-      return `${this.props.model.modelClassData().paramKey}_${inflection.underscore(this.props.attribute)}`
-    }
-  }
-
-  inputName() {
-    if ("name" in this.props) {
-      return this.props.name
-    } else if (this.props.model) {
-      return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}]`
-    }
-  }
-
-  label() {
-    if ("label" in this.props) {
-      return this.props.label
-    } else if (this.props.model) {
-      let attributeMethodName = inflection.camelize(this.props.attribute.replace(/_id$/, ""), true)
-      return this.props.model.modelClass().humanAttributeName(attributeMethodName)
-    }
-  }
-
-  labelClassName() {
-    let classNames = ["form-group-label"]
-
-    if (this.props.labelClassName)
-      classNames.push(this.props.labelClassName)
-
-    return classNames.join(" ")
-  }
-
-  wrapperClassName() {
-    let classNames = ["form-group", "component-bootstrap-select"]
-
-    if (this.props.wrapperClassName)
-      classNames.push(this.props.wrapperClassName)
-
-    return classNames.join(" ")
-  }
-}

data/lib/api_maker/javascript/bootstrap/string-input.jsx

@@ -1,203 +0,0 @@
-import MoneyInput from "./money-input"
-import PropTypes from "prop-types"
-import PropTypesExact from "prop-types-exact"
-import React from "react"
-
-const inflection = require("inflection")
-
-export default class BootstrapStringInput extends React.Component {
-  static propTypes = PropTypesExact({
-    append: PropTypes.node,
-    attribute: PropTypes.string,
-    autoComplete: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-    className: PropTypes.string,
-    currenciesCollection: PropTypes.array,
-    currencyName: PropTypes.string,
-    "data-controller": PropTypes.string,
-    defaultValue: PropTypes.node,
-    disabled: PropTypes.bool,
-    hint: PropTypes.node,
-    hintBottom: PropTypes.node,
-    id: PropTypes.string,
-    label: PropTypes.node,
-    labelClassName: PropTypes.string,
-    maxLength: PropTypes.number,
-    model: PropTypes.object,
-    name: PropTypes.string,
-    onChange: PropTypes.func,
-    onKeyUp: PropTypes.func,
-    placeholder: PropTypes.node,
-    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    step: PropTypes.number,
-    small: PropTypes.bool,
-    type: PropTypes.string,
-    wrapperClassName: PropTypes.string
-  })
-
-  render() {
-    return (
-      <div className={this.wrapperClassName()} ref="wrapper">
-        {this.label() &&
-          <label className={this.labelClassName()} htmlFor={this.inputId()}>
-            {this.label()}
-          </label>
-        }
-        {this.props.hint &&
-          <span className="form-text text-muted font-smoothing font-xs">
-            {this.props.hint}
-          </span>
-        }
-        {this.inputType() == "textarea" &&
-          <textarea
-            className={this.inputClassName()}
-            data-controller={this.props["data-controller"]}
-            defaultValue={this.inputDefaultValue()}
-            id={this.inputId()}
-            maxLength={this.props.maxLength}
-            name={this.inputName()}
-            onChange={this.props.onChange}
-            onKeyUp={this.props.onKeyUp}
-            placeholder={this.props.placeholder}
-            ref="input"
-            rows={this.props.rows}
-            />
-        }
-        {this.inputType() == "money" &&
-          <MoneyInput
-            attribute={this.props.attribute}
-            currenciesCollection={this.props.currenciesCollection}
-            currencyName={this.props.currencyName}
-            model={this.props.model}
-            name={this.props.name}
-            className={this.inputClassName()}
-            onChange={this.props.onChange}
-            placeholder={this.props.placeholder}
-            small={this.props.small}
-            ref="money"
-            />
-        }
-        {this.inputType() != "textarea" && this.inputType() != "money" &&
-          <div className="input-group">
-            {this.props.prepend &&
-              <div className="input-group-prepend">
-                <span className="input-group-text">
-                  {this.props.prepend}
-                </span>
-              </div>
-            }
-            <input
-              autoComplete={this.props.autoComplete}
-              className={this.inputClassName()}
-              data-controller={this.props["data-controller"]}
-              defaultValue={this.inputDefaultValue()}
-              disabled={this.props.disabled}
-              id={this.inputId()}
-              name={this.inputName()}
-              onChange={this.props.onChange}
-              onKeyUp={this.props.onKeyUp}
-              placeholder={this.props.placeholder}
-              ref="input"
-              step={this.props.step}
-              type={this.inputType()}
-              />
-            {this.props.append &&
-              <div className="input-group-append">
-                <span className="input-group-text">
-                  {this.props.append}
-                </span>
-              </div>
-            }
-          </div>
-        }
-        {this.props.hintBottom &&
-          <span className="form-text text-muted font-smoothing font-xs">
-            {this.props.hintBottom}
-          </span>
-        }
-      </div>
-    )
-  }
-
-  inputClassName() {
-    var classNames = ["form-control"]
-
-    if (this.props.className)
-      classNames.push(this.props.className)
-
-    return classNames.join(" ")
-  }
-
-  inputDefaultValue() {
-    if ("defaultValue" in this.props) {
-      return this.formatValue(this.props.defaultValue)
-    } else if (this.props.model) {
-      if (!this.props.model[this.props.attribute])
-        throw new Error(`No such attribute: ${this.props.model.modelClassData().name}#${this.props.attribute}`)
-
-      return this.formatValue(this.props.model[this.props.attribute]())
-    }
-  }
-
-  formatValue(value) {
-    // We need to use a certain format for datetime-local
-    if (this.inputType() == "datetime-local" && value instanceof Date) {
-      return I18n.strftime(value, "%Y-%m-%dT%H:%M:%S")
-    } else if (this.inputType() == "date" && value instanceof Date) {
-      return I18n.strftime(value, "%Y-%m-%d")
-    }
-
-    return value
-  }
-
-  inputId() {
-    if ("id" in this.props) {
-      return this.props.id
-    } else if (this.props.model) {
-      return `${this.props.model.modelClassData().paramKey}_${inflection.underscore(this.props.attribute)}`
-    }
-  }
-
-  inputName() {
-    if ("name" in this.props) {
-      return this.props.name
-    } else if (this.props.model) {
-      return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}]`
-    }
-  }
-
-  inputType() {
-    if (this.props.type) {
-      return this.props.type
-    } else {
-      return "text"
-    }
-  }
-
-  label() {
-    if (this.props.label === false) {
-      return null
-    } else if (this.props.label) {
-      return this.props.label
-    } else if (this.props.model) {
-      return this.props.model.modelClass().humanAttributeName(this.props.attribute)
-    }
-  }
-
-  labelClassName() {
-    var classNames = []
-
-    if (this.props.labelClassName)
-      classNames.push(this.props.labelClassName)
-
-    return classNames.join(" ")
-  }
-
-  wrapperClassName() {
-    var classNames = ["form-group", "component-bootstrap-string-input"]
-
-    if (this.props.wrapperClassName)
-      classNames.push(this.props.wrapperClassName)
-
-    return classNames.join(" ")
-  }
-}

data/lib/api_maker/javascript/cable-connection-pool.js

@@ -1,169 +0,0 @@
-import CableSubscriptionPool from "./cable-subscription-pool"
-import CableSubscription from "./cable-subscription"
-
-export default class ApiMakerCableConnectionPool {
-  static current() {
-    if (!window.apiMakerCableConnectionPool)
-      window.apiMakerCableConnectionPool = new ApiMakerCableConnectionPool()
-
-    return window.apiMakerCableConnectionPool
-  }
-
-  constructor() {
-    this.connections = {}
-    this.upcomingSubscriptionData = {}
-    this.upcomingSubscriptions = []
-  }
-
-  connectCreated(modelName, callback) {
-    if (!this.upcomingSubscriptionData[modelName])
-      this.upcomingSubscriptionData[modelName] = {}
-
-    if (!this.upcomingSubscriptionData[modelName]["creates"])
-      this.upcomingSubscriptionData[modelName]["creates"] = true
-
-    if (!this.upcomingSubscriptions[modelName])
-      this.upcomingSubscriptions[modelName] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["creates"])
-      this.upcomingSubscriptions[modelName]["creates"] = []
-
-    var subscription = new CableSubscription({
-      callback: callback,
-      modelName: modelName
-    })
-
-    this.upcomingSubscriptions[modelName]["creates"].push(subscription)
-
-    this.scheduleConnectUpcoming()
-
-    return subscription
-  }
-
-  connectDestroyed(modelName, modelId, callback) {
-    if (!this.upcomingSubscriptionData[modelName])
-      this.upcomingSubscriptionData[modelName] = {}
-
-    if (!this.upcomingSubscriptionData[modelName]["destroys"])
-      this.upcomingSubscriptionData[modelName]["destroys"] = []
-
-    if (!this.upcomingSubscriptionData[modelName]["destroys"].includes(modelId))
-      this.upcomingSubscriptionData[modelName]["destroys"].push(modelId)
-
-    if (!this.upcomingSubscriptions[modelName])
-      this.upcomingSubscriptions[modelName] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["destroys"])
-      this.upcomingSubscriptions[modelName]["destroys"] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["destroys"][modelId])
-      this.upcomingSubscriptions[modelName]["destroys"][modelId] = []
-
-    var subscription = new CableSubscription({
-      callback: callback,
-      modelName: modelName,
-      modelId: modelId
-    })
-
-    this.upcomingSubscriptions[modelName]["destroys"][modelId].push(subscription)
-
-    this.scheduleConnectUpcoming()
-
-    return subscription
-  }
-
-  connectEvent(modelName, modelId, eventName, callback) {
-    if (!this.upcomingSubscriptionData[modelName])
-      this.upcomingSubscriptionData[modelName] = {}
-
-    if (!this.upcomingSubscriptionData[modelName]["events"])
-      this.upcomingSubscriptionData[modelName]["events"] = {}
-
-    if (!this.upcomingSubscriptionData[modelName]["events"][eventName])
-      this.upcomingSubscriptionData[modelName]["events"][eventName] = []
-
-    if (!this.upcomingSubscriptionData[modelName]["events"][eventName].includes(modelId))
-      this.upcomingSubscriptionData[modelName]["events"][eventName].push(modelId)
-
-    if (!this.upcomingSubscriptions[modelName])
-      this.upcomingSubscriptions[modelName] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["events"])
-      this.upcomingSubscriptions[modelName]["events"] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["events"])
-      this.upcomingSubscriptions[modelName]["events"] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["events"][modelId])
-      this.upcomingSubscriptions[modelName]["events"][modelId] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["events"][modelId][eventName])
-      this.upcomingSubscriptions[modelName]["events"][modelId][eventName] = []
-
-    var subscription = new CableSubscription({
-      callback: callback,
-      modelName: modelName,
-      modelId: modelId
-    })
-
-    this.upcomingSubscriptions[modelName]["events"][modelId][eventName].push(subscription)
-
-    this.scheduleConnectUpcoming()
-
-    return subscription
-  }
-
-  connectUpdate(modelName, modelId, callback) {
-    if (!this.upcomingSubscriptionData[modelName])
-      this.upcomingSubscriptionData[modelName] = {}
-
-    if (!this.upcomingSubscriptionData[modelName]["updates"])
-      this.upcomingSubscriptionData[modelName]["updates"] = []
-
-    if (!this.upcomingSubscriptionData[modelName]["updates"].includes(modelId))
-      this.upcomingSubscriptionData[modelName]["updates"].push(modelId)
-
-    if (!this.upcomingSubscriptions[modelName])
-      this.upcomingSubscriptions[modelName] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["updates"])
-      this.upcomingSubscriptions[modelName]["updates"] = {}
-
-    if (!this.upcomingSubscriptions[modelName]["updates"][modelId])
-      this.upcomingSubscriptions[modelName]["updates"][modelId] = []
-
-    var subscription = new CableSubscription({
-      callback: callback,
-      modelName: modelName,
-      modelId: modelId
-    })
-
-    this.upcomingSubscriptions[modelName]["updates"][modelId].push(subscription)
-
-    this.scheduleConnectUpcoming()
-
-    return subscription
-  }
-
-  connectUpcoming() {
-    var subscriptionData = this.upcomingSubscriptionData
-    var subscriptions = this.upcomingSubscriptions
-
-    this.upcomingSubscriptionData = {}
-    this.upcomingSubscriptions = {}
-
-    var cableSubscriptionPool = new CableSubscriptionPool({
-      subscriptionData: subscriptionData,
-      subscriptions: subscriptions
-    })
-
-    return cableSubscriptionPool
-  }
-
-  scheduleConnectUpcoming() {
-    if (this.scheduleConnectUpcomingTimeout)
-      clearTimeout(this.scheduleConnectUpcomingTimeout)
-
-    this.scheduleConnectUpcomingTimeout = setTimeout(() => this.connectUpcoming(), 50)
-  }
-}

data/lib/api_maker/javascript/cable-subscription-pool.js

@@ -1,111 +0,0 @@
-import CommandsPool from "./commands-pool"
-import Deserializer from "./deserializer"
-import Logger from "./logger"
-
-const inflection = require("inflection")
-
-export default class ApiMakerCableSubscriptionPool {
-  constructor(props) {
-    this.props = props
-    this.activeSubscriptions = 0
-    this.registerSubscriptions()
-    this.connect()
-  }
-
-  connect() {
-    var globalData = CommandsPool.current().globalRequestData
-
-    this.subscription = App.cable.subscriptions.create(
-      {channel: "ApiMaker::SubscriptionsChannel", global: globalData, subscription_data: this.props.subscriptionData},
-      {received: (data) => this.onReceived(data)}
-    )
-  }
-
-  onReceived(rawData) {
-    var data = Deserializer.parse(rawData)
-    var modelType = data.model_type
-    var modelName = inflection.camelize(inflection.singularize(modelType.replace(/-/g, "_")))
-    var modelId = data.model_id
-    var modelInstance = data.model
-    var subscriptions = this.props.subscriptions
-
-    if (data.type == "update") {
-      for(var subscription of subscriptions[modelName]["updates"][modelId]) {
-        subscription.onReceived({model: modelInstance})
-      }
-    } else if (data.type == "create") {
-      for(var subscription of subscriptions[modelName]["creates"]) {
-        subscription.onReceived({model: modelInstance})
-      }
-    } else if (data.type == "destroy") {
-      for(var subscription of subscriptions[modelName]["destroys"][modelId]) {
-        subscription.onReceived({model: modelInstance})
-      }
-    } else if (data.type == "event") {
-      for(var subscription of subscriptions[modelName]["events"][modelId][data.event_name]) {
-        subscription.onReceived({
-          args: data.args,
-          eventName: data.event_name,
-          model: modelInstance
-        })
-      }
-    } else {
-      throw new Error(`Unknown type: ${data.type}`)
-    }
-  }
-
-  onUnsubscribe() {
-    Logger.log(`activeSubscriptions before unsub: ${this.activeSubscriptions}`)
-    this.activeSubscriptions -= 1
-    Logger.log(`activeSubscriptions after unsub: ${this.activeSubscriptions}`)
-
-    if (this.activeSubscriptions <= 0) {
-      Logger.log("Unsubscribe from ActionCable subscription")
-      this.subscription.unsubscribe()
-    }
-  }
-
-  registerSubscriptions() {
-    Logger.log(`registerSubscriptions: ${this.props.subscriptions.length}`)
-    Logger.log(this.props.subscriptions)
-
-    for(var modelName in this.props.subscriptions) {
-      if (this.props.subscriptions[modelName]["creates"]) {
-        for(var subscription of this.props.subscriptions[modelName]["creates"]) {
-          this.connectUnsubscriptionForSubscription(subscription)
-        }
-      }
-
-      if (this.props.subscriptions[modelName]["events"]) {
-        for(var eventName in this.props.subscriptions[modelName]["events"]) {
-          for(var modelId in this.props.subscriptions[modelName]["events"][eventName]) {
-            for(var subscription of this.props.subscriptions[modelName]["events"][eventName][modelId]) {
-              this.connectUnsubscriptionForSubscription(subscription)
-            }
-          }
-        }
-      }
-
-      if (this.props.subscriptions[modelName]["updates"]) {
-        for(var modelId in this.props.subscriptions[modelName]["updates"]) {
-          for(var subscription of this.props.subscriptions[modelName]["updates"][modelId]) {
-            this.connectUnsubscriptionForSubscription(subscription)
-          }
-        }
-      }
-    }
-  }
-
-  connectUnsubscriptionForSubscription(subscription) {
-    Logger.log("Connecting to unsubscribe on subscription")
-    Logger.log({ subscription })
-
-    this.activeSubscriptions += 1
-
-    subscription.onUnsubscribe(() => {
-      Logger.log("Call onUnsubscribe on self")
-
-      this.onUnsubscribe(subscription)
-    })
-  }
-}

data/lib/api_maker/javascript/cable-subscription.js

@@ -1,33 +0,0 @@
-import Logger from "./logger"
-
-export default class ApiMakerCableSubscription {
-  constructor(props) {
-    this.props = props
-    this.onUnsubscribeCallbacks = []
-    this.subscribed = true
-  }
-
-  onReceived(data) {
-    this.props.callback.apply(null, [data])
-  }
-
-  onUnsubscribe(callback) {
-    this.onUnsubscribeCallbacks.push(callback)
-  }
-
-  unsubscribe() {
-    if (!this.subscribed) {
-      Logger.log("Unsubscribed already called")
-      return
-    }
-
-    Logger.log(`Unsubscribe called: ${this.onUnsubscribeCallbacks.length}`)
-
-    for(var onUnsubscribeCallback of this.onUnsubscribeCallbacks) {
-      Logger.log("onUnsubscribe called for a callback")
-      onUnsubscribeCallback.call()
-    }
-
-    this.subscribed = false
-  }
-}