JSFiddle - React, Tailwind, and code Playground

by jiggle

HTML

<script src="http://include.jaydata.org/jaydata.js"></script>
<script src="http://include.jaydata.org/jaydataproviders/SqLiteProvider.js"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.js"></script>

JavaScript

/*//////////////////////////////////////////////////////////////////////////////////////
////// Autogenerated by JaySvcUtil.exe http://JayData.org for more info        /////////
//////                             oData  V2                                     /////////
//////////////////////////////////////////////////////////////////////////////////////*/
(function (global, $data, undefined) {


    $data.Entity.extend('NorthwindModel.Category', {
        'Category_ID': { 'key': true, 'type': 'Edm.Int32', 'nullable': false, 'computed': true },
        'Category_Name': { 'type': 'Edm.String', 'nullable': false, 'required': true, 'maxLength': 15 },
        'Description': { 'type': 'Edm.String', 'nullable': true, 'maxLength': Number.POSITIVE_INFINITY },
        'Picture': { 'type': 'Edm.Binary', 'nullable': true, 'maxLength': Number.POSITIVE_INFINITY },
        'Products': { 'type': 'Array', 'elementType': 'NorthwindModel.Product', 'inverseProperty': 'Category' }
    });

    $data.Entity.extend('NorthwindModel.Customer', {
        'Customer_ID': { 'key': true, 'type': 'Edm.String', 'nullable': false, 'required': true, 'maxLength': 5 },
        'Company_Name': { 'type': 'Edm.String', 'nullable': false, 'required': true, 'maxLength': 40 },
        'Contact_Name': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 30 },
        'Contact_Title': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 30 },
        'Address': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 60 },
        'City': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 15 },
        'Region': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 15 },
        'Postal_Code': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 10 },
        'Country': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 15 },
        'Phone': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 24 },
        'Fax': { 'type': 'Edm.String', 'nullable': true, 'maxLength': 24 },
       ...