@kaspernj/api-maker 1.0.133 → 1.0.134

package/package.json

@@ -16,7 +16,7 @@
     ]
   },
   "name": "@kaspernj/api-maker",
-  "version": "1.0.133",
+  "version": "1.0.134",
   "description": "",
   "main": "index.js",
   "repository": {

package/src/model-load-wrapper.jsx

@@ -0,0 +1,57 @@
+import Params from "./params.cjs"
+import React from "react"
+
+export default (WrappedComponent, ModelClass, args = {}) => class modelLoadWrapper extends React.PureComponent {
+  camelizedLower = ModelClass.modelName().camelizedLower()
+  paramsVariableName = `${ModelClass.modelName().paramKey()}_id`
+
+  state = {
+    model: undefined,
+    modelId: this.props.match.params[this.paramsVariableName] || this.props.match.params.id
+  }
+
+  componentDidMount() {
+    if (args.newIfNoId && !this.getModelId()) {
+      this.loadNewModel()
+    } else if (!args.optional || this.getModelId()) {
+      this.loadExistingModel()
+    }
+  }
+
+  getModelId() {
+    return this.props.match.params[this.paramsVariableName] || this.props.match.params.id
+  }
+
+  async loadExistingModel() {
+    const {modelId} = digs(this.shape, "modelId")
+    const query = await ModelClass.ransack({id_eq: modelId})
+
+    if (args.preload) query.preload(args.preload)
+    if (args.select) query.select(args.select)
+
+    const model = await query.first()
+
+    this.setState({model})
+  }
+
+  loadNewModel() {
+    const params = Params.parse()
+    const paramKey = ModelClass.modelName().paramKey()
+    const modelData = params[paramKey] || {}
+    const model = new ModelClass(modelData)
+
+    this.setState({model})
+  }
+
+  render() {
+    const {model, modelId} = digs(this.state, "model", "modelId")
+    const wrappedComponentProps = {}
+
+    wrappedComponentProps[this.camelizedLower] = model
+    wrappedComponentProps[`${this.camelizedLower}Id`] = modelId
+
+    return (
+      <WrappedComponent {...wrappedComponentProps} {...this.props} />
+    )
+  }
+}

package/src/model-name.cjs

@@ -3,6 +3,10 @@ module.exports = class ModelName {
     this.data = data
   }
 
+  camelizedLower() {
+    return this.data.modelClassData.camelizedLower
+  }
+
   human (args) {
     let argsToUse = args
 
@@ -20,4 +24,8 @@ module.exports = class ModelName {
 
     return this.data.i18n.t(key)
   }
+
+  paramKey() {
+    return this.data.modelClassData.paramKey
+  }
 }