@kaspernj/api-maker 1.0.2011 → 1.0.2012

package/src/model-load-wrapper.jsx

@@ -1,116 +0,0 @@
-import EventUpdated from "./event-updated"
-import Params from "./params.mjs"
-import PropTypes from "prop-types"
-import React from "react"
-import withQueryParams from "on-location-changed/src/with-query-params"
-
-export default (WrappedComponent, ModelClass, args = {}) => {
-  class ModelLoadWrapper extends React.PureComponent {
-    static propTypes = {
-      queryParams: PropTypes.object
-    }
-
-    camelizedLower = ModelClass.modelName().camelizedLower()
-    paramsVariableName = `${ModelClass.modelName().paramKey()}_id`
-
-    state = {
-      model: undefined,
-      modelId: this.getModelId(),
-      notFound: undefined
-    }
-
-    componentDidMount() {
-      this.loadModel()
-    }
-
-    componentDidUpdate() {
-      const newModelId = this.getModelId()
-
-      // The model ID was changed in the URL and a different model should be loaded
-      if (newModelId != this.state.modelId) {
-        this.setState({model: undefined, modelId: newModelId})
-        this.loadExistingModel()
-      }
-    }
-
-    loadModel = async () => {
-      if (args.newIfNoId && !this.getModelId()) {
-        return await this.loadNewModel()
-      } else if (!args.optional || this.getModelId()) {
-        return await this.loadExistingModel()
-      }
-    }
-
-    getModelId() {
-      if (args.loadByQueryParam)
-        return args.loadByQueryParam({props: this.props})
-
-      return this.props.match.params[this.paramsVariableName] || this.props.match.params.id
-    }
-
-    loadExistingModel = async () => {
-      const modelId = this.getModelId()
-      const query = await ModelClass.ransack({id_eq: modelId})
-
-      if (args.abilities) query.abilities(args.abilities)
-      if (args.preload) query.preload(args.preload)
-      if (args.select) query.select(args.select)
-
-      const model = await query.first()
-
-      this.setState({
-        model,
-        notFound: !model
-      })
-    }
-
-    async loadNewModel() {
-      const params = Params.parse()
-      const paramKey = ModelClass.modelName().paramKey()
-      const modelDataFromParams = params[paramKey] || {}
-
-      let defaults = {}
-
-      if (args.newIfNoId?.defaults) {
-        defaults = await args.newIfNoId.defaults()
-      }
-
-      const modelData = Object.assign(defaults, args.newAttributes, modelDataFromParams)
-      const model = new ModelClass({
-        isNewRecord: true,
-        data: {a: modelData}
-      })
-
-      this.setState({model})
-    }
-
-    render() {
-      const {onUpdated, reloadModel} = digs(this, "onUpdated", "reloadModel")
-      const {model, modelId, notFound} = digs(this.state, "model", "modelId", "notFound")
-      const wrappedComponentProps = {}
-
-      wrappedComponentProps[this.camelizedLower] = model
-      wrappedComponentProps[`${this.camelizedLower}Id`] = modelId
-      wrappedComponentProps[`${this.camelizedLower}NotFound`] = notFound
-
-      return (
-        <>
-          {args.events &&
-            <EventEmitterListener event="reloadModel" events={args.events} onCalled={reloadModel} />
-          }
-          {model && args.eventUpdated &&
-            <EventUpdated model={model} onUpdated={onUpdated} />
-          }
-          <WrappedComponent {...wrappedComponentProps} {...this.props} />
-        </>
-      )
-    }
-
-    reloadModel = () => this.loadModel()
-    onUpdated = this.loadExistingModel
-  }
-
-  if (args.loadByQueryParam) return withQueryParams(ModelLoadWrapper)
-
-  return ModelLoadWrapper
-}

package/src/result.mjs

@@ -1,29 +0,0 @@
-export default class ApiMakerResult {
-  constructor (data) {
-    this.data = data
-  }
-
-  currentPage () {
-    return this.data.response.meta.currentPage
-  }
-
-  models () {
-    return this.data.models
-  }
-
-  modelClass () {
-    return this.data.collection.modelClass()
-  }
-
-  perPage () {
-    return this.data.response.meta.perPage
-  }
-
-  totalCount () {
-    return this.data.response.meta.totalCount
-  }
-
-  totalPages () {
-    return this.data.response.meta.totalPages
-  }
-}

package/src/session-status-updater.mjs

@@ -1,116 +0,0 @@
-import Devise from "./devise.mjs"
-import inflection from "inflection"
-import wakeEvent from "wake-event"
-
-export default class ApiMakerSessionStatusUpdater {
-  static current () {
-    if (!globalThis.apiMakerSessionStatusUpdater)
-      globalThis.apiMakerSessionStatusUpdater = new ApiMakerSessionStatusUpdater()
-
-    return globalThis.apiMakerSessionStatusUpdater
-  }
-
-  constructor (args = {}) {
-    this.debugging = args.debug || false
-    this.events = {}
-    this.timeout = args.timeout || 600000
-
-    this.connectOnlineEvent()
-    this.connectWakeEvent()
-  }
-
-  connectOnlineEvent () {
-    window.addEventListener("online", () => this.updateSessionStatus(), false)
-  }
-
-  connectWakeEvent () {
-    wakeEvent(() => this.updateSessionStatus())
-  }
-
-  debug (message) {
-    if (this.debugging)
-      console.log(`ApiMakerSessionStatusUpdater: ${message}`)
-  }
-
-  async sessionStatus () {
-    return new Promise((resolve) => {
-      const xhr = new XMLHttpRequest()
-      xhr.open("POST", "/api_maker/session_statuses", true)
-      xhr.onload = () => {
-        const response = JSON.parse(xhr.responseText)
-        resolve(response)
-      }
-      xhr.send()
-    })
-  }
-
-  onSignedOut (callback) {
-    this.addEvent("onSignedOut", callback)
-  }
-
-  startTimeout () {
-    this.debug("startTimeout")
-
-    if (this.updateTimeout)
-      clearTimeout(this.updateTimeout)
-
-    this.updateTimeout = setTimeout(
-      () => {
-        this.startTimeout()
-        this.updateSessionStatus()
-      },
-      this.timeout
-    )
-  }
-
-  stopTimeout () {
-    if (this.updateTimeout)
-      clearTimeout(this.updateTimeout)
-  }
-
-  async updateSessionStatus () {
-    this.debug("updateSessionStatus")
-
-    const result = await this.sessionStatus()
-
-    this.debug(`Result: ${JSON.stringify(result, null, 2)}`)
-    this.updateMetaElementsFromResult(result)
-    this.updateUserSessionsFromResult(result)
-  }
-
-  updateMetaElementsFromResult (result) {
-    this.debug("updateMetaElementsFromResult")
-    const csrfTokenElement = document.querySelector("meta[name='csrf-token']")
-
-    if (csrfTokenElement) {
-      this.debug(`Changing token from "${csrfTokenElement.getAttribute("content")}" to "${result.csrf_token}"`)
-      csrfTokenElement.setAttribute("content", result.csrf_token)
-    } else {
-      this.debug("csrf token element couldn't be found")
-    }
-  }
-
-  updateUserSessionsFromResult (result) {
-    for (const scopeName in result.scopes) {
-      this.updateUserSessionScopeFromResult(scopeName, result.scopes[scopeName])
-    }
-  }
-
-  updateUserSessionScopeFromResult (scopeName, scope) {
-    const deviseIsSignedInMethodName = `is${inflection.camelize(scopeName)}SignedIn`
-
-    if (!(deviseIsSignedInMethodName in Devise)) {
-      throw new Error(`No such method in Devise: ${deviseIsSignedInMethodName}`)
-    }
-
-    const currentlySignedIn = Devise[deviseIsSignedInMethodName]()
-    const signedInOnBackend = scope.signed_in
-
-    if (currentlySignedIn && !signedInOnBackend) {
-      this.debug(`${inflection.camelize(scopeName)} signed in on frontend but not in backend!`)
-
-      Devise.setSignedOut({scope: scopeName})
-      Devise.callSignOutEvent({scope: scopeName})
-    }
-  }
-}

package/webpack.config.js

@@ -1,15 +0,0 @@
-module.exports = {
-  mode: "production",
-  module: {
-    rules: [
-      {
-        exclude: /node_modules/,
-        test: /\.(js|jsx)$/,
-        use: "babel-loader"
-      }
-    ]
-  },
-  resolve: {
-    extensions: [".js", ".jsx"]
-  }
-}