@kaspernj/api-maker 1.0.221 → 1.0.224

package/package.json

@@ -16,7 +16,7 @@
     ]
   },
   "name": "@kaspernj/api-maker",
-  "version": "1.0.221",
+  "version": "1.0.224",
   "type": "module",
   "description": "",
   "main": "index.js",

package/src/base-model.mjs

@@ -94,6 +94,10 @@ class BaseModel {
     return new ModelName({modelClassData: this.modelClassData()})
   }
 
+  static primaryKey() {
+    return digg(this.modelClassData(), "primaryKey")
+  }
+
   static ransack (query = {}) {
     return new Collection({modelClass: this}, {ransack: query})
   }

package/src/bootstrap/attribute-row/index.jsx

@@ -71,10 +71,9 @@ export default class ApiMakerBootstrapAttributeRow extends React.PureComponent {
     if (value instanceof Date) {
       return strftime("%Y-%m-%d %H:%M", value)
     } else if (typeof value === "boolean") {
-      if (value)
-        return I18n.t("js.shared.yes")
+      if (value) return I18n.t("js.shared.yes", {defaultValue: "Yes"})
 
-      return I18n.t("js.shared.no")
+      return I18n.t("js.shared.no", {defaultValue: "No"})
     } else if (MoneyFormatter.isMoney(value)) {
       return MoneyFormatter.format(value)
     } else {

package/src/model-load-wrapper.jsx

@@ -1,17 +1,19 @@
+import {digg, digs} from "diggerize"
 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 = {}) => {
+export default (WrappedComponent, mdelClassArg, args = {}) => {
   class ModelLoadWrapper extends React.PureComponent {
     static propTypes = {
       queryParams: PropTypes.object
     }
 
-    camelizedLower = ModelClass.modelName().camelizedLower()
-    paramsVariableName = `${ModelClass.modelName().paramKey()}_id`
+    modelClass = this.resolveModelClass(mdelClassArg)
+    camelizedLower = this.modelClass.modelName().camelizedLower()
+    paramsVariableName = `${this.modelClass.modelName().paramKey()}_id`
 
     state = {
       model: undefined,
@@ -19,6 +21,14 @@ export default (WrappedComponent, ModelClass, args = {}) => {
       notFound: undefined
     }
 
+    resolveModelClass(modelClassArg) {
+      const {queryParams} = digs(this.props, "queryParams")
+
+      if (typeof modelClassArg == "object") return modelClassArg.callback({queryParams})
+
+      return modelClassArg
+    }
+
     componentDidMount() {
       this.loadModel()
     }
@@ -50,6 +60,7 @@ export default (WrappedComponent, ModelClass, args = {}) => {
 
     loadExistingModel = async () => {
       const modelId = this.getModelId()
+      const ModelClass = digg(this, "modelClass")
       const query = await ModelClass.ransack({id_eq: modelId})
 
       if (args.abilities) query.abilities(args.abilities)

package/src/super-admin/config-reader.jsx

@@ -0,0 +1,73 @@
+import {digg, digs} from "diggerize"
+import inflection from "inflection"
+
+export default class ApiMakerSuperAdminConfigReader {
+  static forModel(modelClass) {
+    const modelNameCamelized = digg(modelClass.modelClassData(), "nameDasherized")
+    let modelConfig
+
+    try {
+      modelConfig = require(`super-admin/model-configs/${modelNameCamelized}`).default
+    } catch (error) {
+      console.log(`No model-config for ${modelClass.modelClassData().name}`)
+    }
+
+    return new ApiMakerSuperAdminConfigReader(modelClass, modelConfig)
+  }
+
+  constructor(modelClass, modelConfig) {
+    this.modelClass = modelClass
+    this.modelConfig = modelConfig
+  }
+
+  attributesToShow() {
+    const {modelConfig} = digs(this, "modelConfig")
+
+    if (modelConfig?.show?.attributesToShow) {
+      return modelConfig.show.attributesToShow()
+    }
+
+    return this.defaultAttributesToShow()
+  }
+
+  defaultAttributesToShow() {
+    const attributesToShow = []
+
+    for (const column of this.defaultTableColumns()) {
+      attributesToShow.push(digg(column, "attribute"))
+    }
+
+    return attributesToShow
+  }
+
+  tableColumns() {
+    const {modelConfig} = digs(this, "modelConfig")
+
+    if (modelConfig?.table?.columns) {
+      return modelConfig.table.columns()
+    }
+
+    return this.defaultTableColumns()
+  }
+
+  defaultTableColumns() {
+    const {modelClass} = digs(this, "modelClass")
+    const attributes = modelClass.attributes()
+    const columns = []
+
+    for (const attribute of attributes) {
+      if (!attribute.isSelectedByDefault()) continue
+
+      const camelizedName = inflection.camelize(attribute.name(), true)
+      const column = {
+        attribute: camelizedName
+      }
+
+      if (attribute.isColumn()) column.sortKey = camelizedName
+
+      columns.push(column)
+    }
+
+    return columns
+  }
+}

package/src/super-admin/index-page/index.jsx

@@ -1,5 +1,5 @@
+import ConfigReader from "../config-reader"
 import {digg, digs} from "diggerize"
-import inflection from "inflection"
 import Params from "../../params"
 import PropTypes from "prop-types"
 import React from "react"
@@ -27,23 +27,9 @@ export default class ApiMakerSuperAdminIndexPage extends React.PureComponent {
 
   columns = () => {
     const {modelClass} = digs(this.props, "modelClass")
-    const attributes = modelClass.attributes()
-    const columns = []
+    const configReader = ConfigReader.forModel(modelClass)
 
-    for (const attribute of attributes) {
-      if (!attribute.isSelectedByDefault()) continue
-
-      const camelizedName = inflection.camelize(attribute.name(), true)
-      const column = {
-        attribute: camelizedName
-      }
-
-      if (attribute.isColumn()) column.sortKey = camelizedName
-
-      columns.push(column)
-    }
-
-    return columns
+    return configReader.tableColumns()
   }
 
   viewModelPath = (args) => {

package/src/super-admin/index.jsx

@@ -20,7 +20,7 @@ class ApiMakerSuperAdmin extends React.PureComponent {
     if (queryParams.model) modelClass = modelsModule[queryParams.model]
 
     return (
-      <Layout>
+      <Layout headerTitle={modelClass?.modelName()?.human({count: 2})}>
         {pageToShow == "index" &&
           <IndexPage
             currentUser={currentUser}

package/src/super-admin/layout/index.jsx

@@ -81,14 +81,14 @@ class ApiMakerSuperAdminLayout extends React.PureComponent {
               {currentUser &&
                 <>
                   <div className="mb-4">
-                    {I18n.t("js.api_maker.super_admin.layout.try_signing_out_and_in_with_a_different_user")}
+                    {I18n.t("js.api_maker.super_admin.layout.try_signing_out_and_in_with_a_different_user", {defaultValue: "Try signing in with a different user."})}
                   </div>
                 </>
               }
               {!currentUser &&
                 <>
                   <div className="mb-4">
-                    {I18n.t("js.api_maker.super_admin.layout.try_signing_in")}
+                    {I18n.t("js.api_maker.super_admin.layout.try_signing_in", {defaultValue: "Try signing in."})}
                   </div>
                 </>
               }

package/src/super-admin/layout/menu/menu-content.jsx

@@ -1,18 +1,10 @@
 import CanCanLoader from "@kaspernj/api-maker/src/can-can-loader"
 import {digg, digs} from "diggerize"
 import MenuItem from "./menu-item"
+import models from "../../models"
 import Params from "../../../params"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import * as modelsModule from "@kaspernj/api-maker/src/models.mjs.erb"
-
-const models = []
-
-for (const modelKey of Object.keys(modelsModule)) {
-  const model = modelsModule[modelKey]
-
-  models.push(model)
-}
 
 const abilities = []
 

package/src/super-admin/layout/no-access.jsx

@@ -7,7 +7,7 @@ class ComponentsAdminLayoutNoAccess extends React.PureComponent {
         className="components--admin--layout-no-access"
         data-user-roles={currentUser?.userRoles()?.loaded()?.map((userRole) => userRole.role()?.identifier()).join(", ")}
       >
-        {I18n.t("js.api_maker.super_admin.layout.no_access.you_dont_have_no_access_to_this_page")}
+        {I18n.t("js.api_maker.super_admin.layout.no_access.you_dont_have_no_access_to_this_page", {defaultValue: "You don't have access to this page."})}
       </div>
     )
   }

package/src/super-admin/models.js

@@ -0,0 +1,11 @@
+import * as modelsModule from "@kaspernj/api-maker/src/models.mjs.erb"
+
+const models = []
+
+for (const modelKey of Object.keys(modelsModule)) {
+  const model = modelsModule[modelKey]
+
+  models.push(model)
+}
+
+export default models

package/src/super-admin/show-page.jsx

@@ -1,11 +1,49 @@
+import AttributeRows from "../bootstrap/attribute-rows"
+import ConfigReader from "./config-reader"
+import {digg, digs} from "diggerize"
+import modelLoadWrapper from "../model-load-wrapper"
 import React from "react"
 
-export default class ApiMakerSuperAdminShowPage extends React.PureComponent {
+class ApiMakerSuperAdminShowPage extends React.PureComponent {
   render() {
+    const attributes = this.attributes()
+    const model = this.model()
+
     return (
       <div className="super-admin--show-page">
-        show page
+        {attributes && model &&
+          <AttributeRows attributes={attributes} model={model} />
+        }
       </div>
     )
   }
+
+  attributes() {
+    const {modelClass} = digs(this.props, "modelClass")
+    const configReader = ConfigReader.forModel(modelClass)
+
+    return configReader.attributesToShow()
+  }
+
+  model() {
+    const {modelClass} = digs(this.props, "modelClass")
+    const camelizedLower = digg(modelClass.modelClassData(), "camelizedLower")
+
+    return digg(this, "props", camelizedLower)
+  }
 }
+
+const modelClassResolver = {callback: ({queryParams}) => {
+  const modelClassName = digg(queryParams, "model")
+  const modelClass = digg(require("../models.mjs.erb"), modelClassName)
+
+  return modelClass
+}}
+
+export default modelLoadWrapper(
+  ApiMakerSuperAdminShowPage,
+  modelClassResolver,
+  {
+    loadByQueryParam: ({props}) => props.queryParams.model_id
+  }
+)

package/src/table/select-calculator.mjs

@@ -12,6 +12,16 @@ class SelectCalculator {
     const select = this.table.props.select || {}
     const {preparedColumns} = digs(this.table.shape, "preparedColumns")
 
+
+    // Ensure the primary key column is loader for the primary model class
+    const className = digg(modelClass.modelClassData(), "className")
+    const primaryKeyColumnName = modelClass.primaryKey()
+
+    if (!(className in select)) select[className] = []
+    if (!select[className].includes(primaryKeyColumnName)) select[className].push(primaryKeyColumnName)
+
+
+    // Ensure columns used for columns are loaded
     for (const preparedColumn of preparedColumns) {
       const {column} = digs(preparedColumn, "column")