metatonic

plataforma-metatónica

Metatonic es un conjunto de bibliotecas y herramientas para escribir aplicaciones de entrada de datos de gran tamaño de forma extremadamente rápida.

Creador de aplicaciones

Código de conducta

Documentación

Nombre	Cobertura/Estado	MNP
núcleo metatónico	96%
reacción metatónica	22%
metatónico-redux	46%
reacción-metatónica-redux	0%
aplicaciones/creador de aplicaciones	Principalmente trabajando
aplicaciones/solo interfaz	Principalmente trabajando
aplicaciones/servidor-renderizado-con-base de datos	Desarrollo temprano
servidor-metatónico	Desarrollo temprano
metatonic-metatstore	Reunión creativa

Todo es todavía un trabajo en progreso. Me encantaría recibir tu ayuda siempre y cuando cumplas con el Código de conducta.

Algunas cosas que nos importan

• Nos preocupamos por ayudarle a escribir la menor cantidad de código posible; con suerte, a veces no habrá código.
• Nos preocupamos profundamente por la entrada de datos. Los buenos datos son la columna vertebral de muchos trabajos importantes.
• Nos preocupamos porque puedas crear lo que quieras. Proporcionamos una forma de crear muy rápidamente la entrada de datos y mostrar partes de su aplicación. Creemos en la Configuración y la convención.
• Nos preocupamos de que pueda escribir en el marco de interfaz de usuario de su elección. En este momento admitimos React, pero está codificado para poder tener complementos más adelante para Angular, Vue, Knockout, lo que sea que le convenga. Siempre que funcione bien con enlaces unidireccionales y gestión de estado como redux, debería ser bueno.

Ejemplos

Editor de registros

@ editorFor ( "record" , FieldSet , { isDefault : true } )
export class RecordEditor extends BaseEditorModel < { [ key : string ] : any } , RecordSchemaType , BaseEditorModel < RecordSchemaType > , void > {
    render ( ) {
        let recordType = this . props . field . typeParameters . typeParams as SchemaRecordType ;
        let fields = recordType . fields ;
        return ( < > {
            fields . map ( field =>
                < FieldEditor value = { this . props . value [ field . name ] } field = { field } context = { createContext ( field , this . props . context ) } / >
            ) }
        < / > )
    }
} 

Editor de entrada

@ editorFor ( "numeric" , InputBoxLabelContainer , { isDefault : true } )
export class NumericEditor extends BaseEditor < Numeric , NumericTypeInfo , BaseEditorModel < Numeric > , void > {
    render ( ) {
        return (
            < input type = "number"
                   id = { this . uniqueId ( ) }
                   value = { this . value ( ) . toEditorString ( ) }
                   required = { this . field ( ) . required }
                   max = { this . props . field . max || undefined }
                   min = { this . props . field . min || undefined }
                   step = { 1 }
                   onChange = { this . notifyChanged }
            / >
        ) ;
    }
} 

Esquema de la clase TypeScript

@ model
export class Field {
    @ field ( "text" , "Name" , SchemaEntryType . entry , { required : true } )
    name : string ;

    @ field ( "text" , "Label" , SchemaEntryType . entry , { required : true } )
    label : string ;
    
    @ field ( "code" , "Type" , SchemaEntryType . selection , { required : true } )
    typeName : string ;

    @ field ( "code" , "Type" , SchemaEntryType . selection , { required : true } )
    entryType ?: SchemaEntryType ;

    @ field ( "boolean" , "Multiple" , SchemaEntryType . entry , { required : true } )
    multiple : boolean ;

    @ field ( "boolean" , "Required" , SchemaEntryType . entry , { required : true } )
    required : boolean ;

    @ field ( "numeric" , "Max Length" , SchemaEntryType . entry , { required : false } )
    maxLength ?: Maybe < number > ;

    @ field ( "numeric" , "Max" , SchemaEntryType . entry , { required : false } )
    max ?: Maybe < number > ;

    @ field ( "numeric" , "Min" , SchemaEntryType . entry , { required : false } )
    min ?: Maybe < number > ;

    @ field ( "boolean" , "Can Add" , SchemaEntryType . entry , { required : false } )
    canAdd ?: boolean ;

    @ field ( "boolean" , "Can Add" , SchemaEntryType . entry , { required : false } )
    canEditSelection ?: boolean ;

    @ field ( "text" , "UI Preference" , SchemaEntryType . entry , { required : false } )
    uiControlPreference ?: string ;
}