metatonic

Metatonic-Plattform

Metatonic ist eine Reihe von Bibliotheken und Tools zum extrem schnellen Schreiben großer Dateneingabeanwendungen.

App-Builder

Verhaltenskodex

Dokumentation

Name	Abdeckung/Status	NPM
metatonischer Kern	96 %
metatonisch-reagieren	22 %
metatonic-redux	46 %
metatonic-react-redux	0%
Apps/App-Builder	Meistens arbeitend
Apps/nur Frontend	Meistens arbeitend
apps/server-gerendert-with-database	Frühe Entwicklung
metatonic-server	Frühe Entwicklung
metatonic-metatstore	Brainstorming

Alles ist noch in Arbeit. Ich würde mich über Ihre Hilfe freuen, solange Sie mit dem Verhaltenskodex einverstanden sind

Einige Dinge sind uns wichtig

• Es ist uns ein Anliegen, Ihnen dabei zu helfen, so wenig Code wie möglich zu schreiben, hoffentlich manchmal gar keinen Code
• Die Dateneingabe liegt uns sehr am Herzen. Gute Daten sind das Rückgrat so vieler wichtiger Jobs.
• Wir legen Wert darauf, dass Sie das schaffen, was immer Sie wollen. Wir bieten eine Möglichkeit, die Erstellung von Dateneingabe- und Anzeigeteilen Ihrer App sehr schnell zu gestalten. Wir glauben an Konfiguration und Konvention.
• Es ist uns wichtig, dass Sie im UI-Framework Ihrer Wahl schreiben. Im Moment unterstützen wir React, aber es ist so programmiert, dass es später Plugins für Angular, Vue und Knockout haben kann, was auch immer Ihnen gefällt. Solange es gut mit Einwegbindungen und Zustandsverwaltung wie Redux funktioniert, sollten Sie gut sein.

Beispiele

Datensatzeditor

@ 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 ) } / >
            ) }
        < / > )
    }
} 

Eingabeeditor

@ 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 }
            / >
        ) ;
    }
} 

Schema aus der TypeScript-Klasse

@ 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 ;
}