@kaspernj/api-maker 1.0.2053 → 1.0.2054

package/src/draggable-sort/item.jsx

@@ -1,171 +0,0 @@
-import React, {useMemo} from "react"
-import {Animated, Easing, PanResponder} from "react-native"
-import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component"
-import EventEmitter from "events"
-import memo from "set-state-compare/src/memo"
-import PropTypes from "prop-types"
-import propTypesExact from "prop-types-exact"
-import useEventEmitter from "../use-event-emitter"
-
-export default memo(shapeComponent(class DraggableSortItem extends ShapeComponent {
-  static propTypes = propTypesExact({
-    cacheKey: PropTypes.string,
-    controller: PropTypes.object.isRequired,
-    item: PropTypes.any.isRequired,
-    itemIndex: PropTypes.number.isRequired,
-    onItemMoved: PropTypes.func,
-    renderItem: PropTypes.func.isRequired
-  })
-
-  initialLayout = null
-
-  setup() {
-    this.useStates({
-      active: false,
-      dragging: false
-    })
-
-    this.events ||= new EventEmitter()
-    this.position ||= new Animated.ValueXY()
-    this.panResponder ||= PanResponder.create({
-      onStartShouldSetPanResponder: (e, ) => {
-        this.setState({dragging: true})
-        this.p.controller.onDragStart({item: this.p.item, itemIndex: this.p.itemIndex})
-
-        return false
-      }
-    })
-
-    useEventEmitter(this.p.controller.getEvents(), "onDragStart", this.tt.onDragStart)
-    useEventEmitter(this.p.controller.getEvents(), "onDragEndAnimation", this.tt.onDragEndAnimation)
-    useEventEmitter(this.tt.events, "move", this.tt.onMove)
-    useEventEmitter(this.tt.events, "moveToPosition", this.tt.onMoveToPosition)
-    useEventEmitter(this.tt.events, "resetPosition", this.tt.onResetPosition)
-  }
-
-  render() {
-    const {item, renderItem} = this.p
-    const {active} = this.s
-    const style = useMemo(
-      () => {
-        const style = {
-          transform: this.tt.position.getTranslateTransform()
-        }
-
-        if (active) {
-          style.backgroundColor = "#fff"
-          style.elevation = 2
-          style.zIndex = 99999
-        }
-
-        return style
-      },
-      [active]
-    )
-
-    return (
-      <Animated.View dataSet={this.draggableSortItemDataSet ||= {component: "draggable-sort/item"}} onLayout={this.tt.onLayout} style={style}>
-        {renderItem({isActive: active, item, touchProps: this.tt.panResponder.panHandlers})}
-      </Animated.View>
-    )
-  }
-
-  onDragStart = ({itemData}) => {
-    const newState = {dragging: true}
-
-    if (itemData.index == this.p.itemIndex) {
-      newState.active = true
-      this.baseXAtStartedDragging = this.getBaseX()
-    }
-
-    this.setState(newState)
-  }
-
-  onDragEndAnimation = () => this.setState({active: false, dragging: false})
-
-  onLayout = (e) => {
-    const {controller, item, itemIndex} = this.p
-
-    controller.onItemLayout({events: this.tt.events, index: itemIndex, item, layout: e.nativeEvent.layout})
-
-    if (!this.tt.initialLayout) {
-      this.initialLayout = e.nativeEvent.layout
-    }
-  }
-
-  onMove = ({gestate}) => {
-    const x = gestate.dx + this.tt.baseXAtStartedDragging - this.tt.initialLayout.x
-    const y = this.tt.initialLayout.y
-
-    this.tt.position.setValue({x, y})
-
-    if (this.props.onItemMoved) {
-      this.p.onItemMoved({itemIndex: this.p.itemIndex, x, y})
-    }
-  }
-
-  onMoveToPosition = ({x, y}) => {
-    const calculatedXFromStartingPosition = x - this.tt.initialLayout.x
-    const animationArgs = {
-      duration: 200,
-      easing: Easing.inOut(Easing.linear),
-      toValue: {
-        x: calculatedXFromStartingPosition,
-        y
-      },
-      useNativeDriver: true,
-    }
-    const animationEventArgs = {animationArgs, animationType: "moveToPosition", item: this.p.item}
-
-    this.p.controller.events.emit("onAnimationStart", animationEventArgs)
-
-    Animated
-      .timing(this.tt.position, animationArgs)
-      .start(() => {
-        this.p.controller.events.emit("onAnimationEnd", animationEventArgs)
-      })
-
-    if (this.props.onItemMoved) {
-      this.p.onItemMoved({
-        animationArgs,
-        itemIndex: this.p.itemIndex,
-        x: calculatedXFromStartingPosition,
-        y
-      })
-    }
-  }
-
-  getBaseX = () => this.p.controller.getItemDataForIndex(this.p.itemIndex).baseX
-
-  onResetPosition = (args) => {
-    const baseX = this.getBaseX() - this.tt.initialLayout.x
-    const animationArgs = {
-      duration: 200,
-      easing: Easing.inOut(Easing.linear),
-      toValue: {
-        x: baseX,
-        y: 0
-      },
-      useNativeDriver: true,
-    }
-    const animationEventArgs = {animationArgs, animationType: "resetPosition", item: this.p.item}
-
-    this.p.controller.events.emit("onAnimationStart", animationEventArgs)
-
-    Animated
-      .timing(this.tt.position, animationArgs)
-      .start(() => {
-        this.p.controller.events.emit("onAnimationEnd", animationEventArgs)
-        if (args?.callback) args.callback()
-      })
-
-    if (this.props.onItemMoved) {
-      this.p.onItemMoved({
-        animationArgs,
-        itemIndex: this.p.itemIndex,
-        x: baseX,
-        y: 0
-      })
-    }
-  }
-}))

package/src/error-logger.js

@@ -1,111 +0,0 @@
-import {digg} from "diggerize"
-import SourceMapsLoader from "./source-maps-loader"
-
-export default class ErrorLogger {
-  constructor () {
-    this.debugging = false
-    this.errorOccurred = false
-    this.errors = []
-    this.isHandlingError = false
-    this.sourceMapsLoader = new SourceMapsLoader()
-    this.sourceMapsLoader.loadSourceMapsForScriptTags((script) => {
-      const src = script.getAttribute("src")
-      const type = script.getAttribute("type")
-
-      if (src && (src.includes("/packs/") || src.includes("/packs-test/")) && (type == "text/javascript" || !type)) {
-        return src
-      }
-    })
-  }
-
-  debug(...output) {
-    if (this.debugging) console.error(`ApiMaker ErrorLogger:`, ...output)
-  }
-
-  enable () {
-    this.debug("Enable called")
-    this.connectOnError()
-    this.connectUnhandledRejection()
-  }
-
-  getErrors = () => this.errors
-  hasErrorOccurred = () =>digg(this, "errorOccurred")
-  isLoadingSourceMaps = () => digg(this, "sourceMapsLoader", "isLoadingSourceMaps")
-  isWorkingOnError = () => digg(this, "isHandlingError") || this.isLoadingSourceMaps()
-
-  connectOnError() {
-    window.addEventListener("error", (event) => {
-      if (this.debugging) this.debug(`Error:`, event.message)
-      this.errorOccurred = true
-
-      if (!this.isHandlingError) {
-        this.isHandlingError = true
-        this.onError(event).finally(() => {
-          this.isHandlingError = false
-        })
-      }
-    })
-  }
-
-  connectUnhandledRejection() {
-    window.addEventListener("unhandledrejection", (event) => {
-      if (this.debugging) this.debug(`Unhandled rejection:`, event.reason.message)
-      this.errorOccurred = true
-
-      if (!this.isHandlingError) {
-        this.isHandlingError = true
-        this.onUnhandledRejection(event).finally(() => {
-          this.isHandlingError = false
-        })
-      }
-    })
-  }
-
-  async onError(event) {
-    this.errorOccurred = true
-
-    if (event.error) await this.sourceMapsLoader.loadSourceMaps(event.error)
-
-    if (event.error && event.error.stack) {
-      const backtrace = this.sourceMapsLoader.parseStackTrace(event.error.stack)
-
-      this.errors.push({
-        errorClass: event.error ? event.error.name : "No error class",
-        message: event.message || "Unknown error",
-        backtrace
-      })
-    } else {
-      this.errors.push({
-        errorClass: event.error ? event.error.name : "No error class",
-        message: event.message || "Unknown error",
-        backtrace: null
-      })
-    }
-  }
-
-  async onUnhandledRejection(event) {
-    if (event.reason) await this.sourceMapsLoader.loadSourceMaps(event.reason)
-
-    if (event.reason.stack) {
-      const backtrace = this.sourceMapsLoader.parseStackTrace(event.reason.stack)
-
-      this.errors.push({
-        errorClass: "UnhandledRejection",
-        message: event.reason.message || "Unhandled promise rejection",
-        backtrace
-      })
-    } else {
-      this.errors.push({
-        errorClass: "UnhandledRejection",
-        message: event.reason.message || "Unhandled promise rejection",
-        backtrace: null
-      })
-    }
-  }
-
-  testPromiseError() {
-    return new Promise((_resolve) => {
-      throw new Error("testPromiseError")
-    })
-  }
-}

package/src/error-messages.js

@@ -1,15 +0,0 @@
-import {digg} from "diggerize"
-
-const errorMessages = (args) => {
-  if (typeof args.response == "object") {
-    return digg(args, "response", "errors").map((error) => {
-      if (typeof error == "string") {
-        return error
-      }
-
-      return digg(error, "message")
-    })
-  }
-}
-
-export default errorMessages

package/src/event-connection.jsx

@@ -1,37 +0,0 @@
-import ModelEvents from "./model-events"
-import PropTypes from "prop-types"
-import propTypesExact from "prop-types-exact"
-import React from "react"
-
-export default class ApiMakerEventConnection extends React.PureComponent {
-  static defaultProps = {
-    active: true
-  }
-
-  static propTypes = propTypesExact({
-    active: PropTypes.bool.isRequired,
-    model: PropTypes.object.isRequired,
-    event: PropTypes.string.isRequired,
-    onCall: PropTypes.func.isRequired
-  })
-
-  componentDidMount () {
-    this.subscription = ModelEvents.connect(this.props.model, this.props.event, (...args) => this.onCall(...args))
-  }
-
-  componentWillUnmount () {
-    if (this.subscription) {
-      this.subscription.unsubscribe()
-    }
-  }
-
-  render () {
-    return null
-  }
-
-  onCall (...args) {
-    if (this.props.active) {
-      this.props.onCall(...args)
-    }
-  }
-}

package/src/event-emitter-listener.jsx

@@ -1,13 +0,0 @@
-import useEventEmitter from "./use-event-emitter"
-
-const EventEmitterListener = ({event, events, onCalled, ...restProps}) => {
-  const restPropsKeys = Object.keys(restProps)
-
-  if (restPropsKeys.length > 0) {
-    throw new Error(`Unexpected props: ${restPropsKeys}`)
-  }
-
-  useEventEmitter(events, event, onCalled)
-}
-
-export default EventEmitterListener

package/src/event-model-class.jsx

@@ -1,28 +0,0 @@
-import ModelEvents from "./model-events"
-import PropTypes from "prop-types"
-import propTypesExact from "prop-types-exact"
-import React from "react"
-
-export default class ApiMakerEventModelClass extends React.PureComponent {
-  static propTypes = propTypesExact({
-    event: PropTypes.string.isRequired,
-    modelClass: PropTypes.func.isRequired,
-    onCall: PropTypes.func.isRequired
-  })
-
-  componentDidMount () {
-    this.connect()
-  }
-
-  componentWillUnmount () {
-    if (this.connection) {
-      this.connection.unsubscribe()
-    }
-  }
-
-  connect () {
-    this.connection = ModelEvents.connectModelClass(this.props.modelClass, this.props.event, this.props.onCall)
-  }
-
-  render = () => null
-}

package/src/events.js

@@ -1,7 +0,0 @@
-import EventEmitter from "events"
-
-const events = new EventEmitter()
-
-events.setMaxListeners(1000)
-
-export default events

package/src/form.jsx

@@ -1,110 +0,0 @@
-import React, {createContext, useContext, useEffect, useMemo} from "react"
-import BaseComponent from "./base-component"
-import FormDataObjectizer from "form-data-objectizer"
-import memo from "set-state-compare/src/memo"
-import {Platform} from "react-native"
-import PropTypes from "prop-types"
-import {shapeComponent} from "set-state-compare/src/shape-component"
-
-const FormContext = createContext(null)
-const useForm = () => useContext(FormContext)
-
-class FormInputs {
-  constructor(props) {
-    this.inputs = {}
-    this.onSubmit = props?.onSubmit
-  }
-
-  asObject() {
-    const result = {}
-    const formDataObjectizer = new FormDataObjectizer()
-
-    for(const key in this.inputs) {
-      const value = this.inputs[key]
-
-      formDataObjectizer.treatInitial(key, value, result)
-    }
-
-    return result
-  }
-
-  getValue(name) {
-    return this.inputs[name]
-  }
-
-  setValue(name, value) {
-    if (!name) throw new Error("'name' is required")
-
-    this.inputs[name] = value
-  }
-
-  setValueWithHidden(name, value) {
-    this.setValue(name, value)
-
-    if (Platform.OS == "web") {
-      return <input name={name} type="hidden" value={value !== null && value !== undefined ? value : ""} />
-    }
-  }
-
-  submit() {
-    if (this.onSubmit) {
-      this.onSubmit()
-    }
-  }
-}
-
-const Form = memo(shapeComponent(class Form extends BaseComponent {
-  static propTypes = {
-    children: PropTypes.any,
-    formObjectRef: PropTypes.object,
-    formRef: PropTypes.object,
-    onSubmit: PropTypes.func,
-    setForm: PropTypes.func
-  }
-
-  render() {
-    const {children, formObjectRef, formRef, onSubmit, setForm, ...restProps} = this.props
-    const form = useMemo(() => new FormInputs({onSubmit}), [])
-
-    useMemo(() => {
-      if (formObjectRef) {
-        formObjectRef.current = form
-      }
-    }, [form, formObjectRef])
-
-    useEffect(() => {
-      return () => {
-        if (formObjectRef) {
-          formObjectRef.current = null
-        }
-      }
-    }, [form, formObjectRef])
-
-    useMemo(() => {
-      if (setForm) {
-        setForm(form)
-      }
-    }, [setForm])
-
-    return (
-      <FormContext.Provider value={form}>
-        {Platform.OS == "web" &&
-          <form ref={formRef} onSubmit={this.tt.onFormSubmit} {...restProps}>
-            {children}
-          </form>
-        }
-        {Platform.OS != "web" && this.props.children}
-      </FormContext.Provider>
-    )
-  }
-
-  onFormSubmit = (e) => {
-    e.preventDefault()
-
-    if (this.props.onSubmit) {
-      this.props.onSubmit()
-    }
-  }
-}))
-
-export {Form, FormContext, FormInputs, useForm}

package/src/history-expo.js

@@ -1,23 +0,0 @@
-import parse from "url-parse"
-import qs from "qs"
-
-class HistoryExpo {
-  push(path, ...params) {
-    const url = parse(path, {})
-    const actualParams = Object.assign({}, params)
-
-    if (url.query) {
-      Object.assign(actualParams, qs.parse(url.query.slice(1, url.query.length)))
-
-      url.set("query", null)
-    }
-
-    const actualPath = url.href
-
-    router.push({pathname: actualPath, params: actualParams})
-  }
-}
-
-const historyExpo = new HistoryExpo()
-
-export default historyExpo

package/src/history-react-native.js

@@ -1,25 +0,0 @@
-import Config from "./config"
-import parse from "url-parse"
-import qs from "qs"
-
-class HistoryReactNative {
-  push(path, ...params) {
-    const url = parse(path, {})
-
-    if (url.query) {
-      const actualParams = Object.assign({}, params)
-
-      Object.assign(actualParams, qs.parse(url.query.slice(1, url.query.length)))
-
-      url.set("query", qs.stringify(actualParams))
-    }
-
-    const {linkTo} = Config.getLinkTo()
-
-    linkTo(url.href)
-  }
-}
-
-const historyReactNative = new HistoryReactNative()
-
-export default historyReactNative

package/src/history.js

@@ -1,3 +0,0 @@
-import {createBrowserHistory} from "history"
-
-export default createBrowserHistory()

package/src/index.js

@@ -1,3 +0,0 @@
-const stub = "Hello World"
-
-export {stub}

package/src/inputs/attachment.jsx

@@ -1,108 +0,0 @@
-import BaseComponent from "../base-component"
-import classNames from "classnames"
-import {Input as ApiMakerInput} from "@kaspernj/api-maker/build/inputs/input"
-import Checkbox from "./checkbox"
-import memo from "set-state-compare/src/memo"
-import PropTypes from "prop-types"
-import React from "react"
-import {shapeComponent} from "set-state-compare/src/shape-component"
-import useI18n from "i18n-on-steroids/src/use-i18n"
-import useInput from "../use-input"
-
-export default memo(shapeComponent(class ApiMakerInputsAttachment extends BaseComponent {
-  static propTypes = {
-    className: PropTypes.string,
-    model: PropTypes.object.isRequired,
-    onPurgeChanged: PropTypes.func,
-    purgeName: PropTypes.string
-  }
-
-  setup() {
-    const {t} = useI18n({namespace: "js.api_maker.inputs.attachment"})
-    const {inputProps} = useInput({props: this.props})
-
-    this.setInstance({inputProps, t})
-    this.useStates({
-      purgeChecked: false
-    })
-  }
-
-  render() {
-    const {inputProps, t} = this.tt
-    const {attribute, checkboxComponent, className, label, model, name, onPurgeChanged, purgeName, wrapperOpts, ...restProps} = this.props
-    const CheckboxComponent = checkboxComponent || Checkbox
-    const newInputProps = Object.assign({}, inputProps, {type: "file"})
-
-    return (
-      <div className={classNames("api-maker--inputs--attachment", "components--inputs--input", className)} {...restProps}>
-        {this.isImage() &&
-          <a href={this.getUrl()} target="_blank">
-            <img src={this.getUrl()} style={{maxWidth: "200px", maxHeight: "200px"}} />
-          </a>
-        }
-        {this.getUrl() &&
-          <div className="input-checkbox" style={{paddingTop: "15px", paddingBottom: "15px"}}>
-            <CheckboxComponent id={this.getPurgeInputId()} name={this.getPurgeInputName()} onChange={this.props.onPurgeChanged} />
-            <label className="checkbox-label" htmlFor={this.getPurgeInputId()}>
-              {t("js.shared.delete")}
-            </label>
-          </div>
-        }
-        {!this.s.purgeChecked &&
-          <ApiMakerInput
-            defaultValue={null}
-            inputProps={newInputProps}
-            model={model}
-          />
-        }
-      </div>
-    )
-  }
-
-  getContentType() {
-    const {attribute, model} = this.p
-    const attributeName = `${attribute}ContentType`
-
-    if (!(attributeName in model)) throw new Error(`No such method on ${model.modelClassData().name}: ${attributeName}`)
-
-    return model[attributeName]()
-  }
-
-  getPurgeInputId() {
-    const {inputProps} = this.tt
-
-    return `${inputProps.id}_purge`
-  }
-
-  getPurgeInputName() {
-    if ("purgeName" in this.props) return this.props.purgeName
-
-    const {inputProps} = this.tt
-
-    if (!inputProps.name) return null
-
-    const match = inputProps.name.match(/^(.+)\[(.+?)\]$/)
-    const purgeInputName = `${match[1]}[${match[2]}_purge]`
-
-    return purgeInputName
-  }
-
-  getUrl() {
-    const {attribute, model} = this.p
-    const attributeName = `${attribute}Url`
-
-    if (!(attributeName in model)) throw new Error(`No such method on ${model.modelClassData().name}: ${attributeName}`)
-
-    return model[attributeName]()
-  }
-
-  isImage() {
-    return this.getContentType()?.startsWith("image/")
-  }
-
-  onPurgeChanged = (e) => {
-    this.setState({purgeChecked: digg(e, "target", "checked")})
-
-    if (this.props.onPurgeChanged) this.props.onPurgeChanged(e)
-  }
-}))

package/src/inputs/auto-submit.js

@@ -1,37 +0,0 @@
-import {digg} from "diggerize"
-import * as inflection from "inflection"
-
-export default class ApiMakerInputsAutoSubmit {
-  constructor ({component}) {
-    this.component = component
-  }
-
-  autoSubmit () {
-    const {attribute, model} = this.component.props
-    const updateAttributeName = inflection.underscore(attribute)
-    const updateParams = {}
-
-    updateParams[updateAttributeName] = this.value()
-
-    model.update(updateParams)
-  }
-
-  value () {
-    const inputRef = this.component.props.inputRef || this.component.props.inputProps?.ref || this.component.inputProps?.ref || this.component.inputRef
-    const input = digg(inputRef, "current")
-
-    if (input.type == "checkbox") {
-      if (input.checked) {
-        if (input.value !== undefined) {
-          return input.value
-        } else {
-          return 1
-        }
-      } else {
-        return 0
-      }
-    }
-
-    return digg(input, "value")
-  }
-}