Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

There are a number of improvements in the March 2018 Release of Kitewheel. The highlights include

  • Schema Navigation - we have made making it easier to find elements in work with large schemas
  • S3 File Adaptor 
  • XML Input 
  • Front End Performance 
  • Color Chooser and Slidey Bit 
  • Template Synchronizaton Control Adaptor - read and write files from AWS S3 buckets 
  • Kitewheel Graph API Consumes XML - the graph API will now accept and parse XML 
  • Kitewheel Hub 
  • Template Synchronizaton Control - for OEM partners 

Schema Navigation 

One of the most common issues that our users have raised is the ability to easily find schema items once the schema grows to any level of complexity. We often encounter this within real projects where finding the correct schema elements, particularly if there are siblings with the same children, can lead to confusion. We have heard your pain and this is the first improvement in the user interface - we have many more planned. 

...

  • XML elements become JSON arrays
  • XML attributes becomes "$" object with fields
  • XML body text becomes "_" when there are attributes
  • All element names are flattened to lowercase
  • Attribute names are not flattened
XML posted to APIJSON in Schema


Code Block
languagexml
themeEmacs
<xml/>



Code Block
languagejs
themeEmacs
{ 
  "xml" : "" 
}



Code Block
languagexml
themeEmacs
<xml>
  <element/>
</xml>



Code Block
languagejs
themeEmacs
{ 
  "xml":  {  
     "element": [ "" ]  
   } 
}



Code Block
languagexml
themeEmacs
<xml>
  <element>a</element>
  <element>b</element>
  <element>c</element>
</xml>



Code Block
languagejs
themeEmacs

{ 
  "xml": { 
    "element": [ "a", "b", "c" ] 
  }
}



Code Block
languagexml
themeEmacs
<xml>
  <element attr1="a" attr2="b">first element</element>
  <element>second element</element>
  <element/>
</xml>



Code Block
languagejs
themeEmacs
{
    "xml": {
        "element": [
            {
                "$": {
                    "attr2": "b",
                    "attr1": "a"
                },
                "_": "first element"
            },
            "second element",
            ""
        ]
    }
}


Kitewheel Hub Front-End Performance

  • React 16 
  • Color chooser with better control
  • Another chooser

Hub Analytics

Logging infrastructure - phase 1We have now finished our upgrade of the Kitewheel Hub front-end technology as a pre-cursor to some larger UI changes which come later in the year. The Schema Navigation improvements are the first of the changes to the front end. In this change we have upgraded to React 16 which has a number of benefits from a development perspective, making it easier for us to make changes in the future, making the application more robust if we encounter errors, and also giving better error diagnostics if something does go wrong. 

One of the most important benefits that we expect is an overall performance improvement in the application itself. Benchmark tests show that React 16 is about 20% faster in the browser. Also the actual package itself is smaller. This should lead to faster load times and a more responsive experience for all. 

As part of this upgrade we have improved the color chooser to make it easier to use and to interact better with the local operating system. This is an example of the color chooser used to add some color when creating a tag

Image Added 

This now has a simpler layout. There are several ways to choose a color: 

  1. Move the highlighted circle on the palette
  2. Move the slider to change the RGB values
  3. Open the operating system specific color chooser 
  4. Enter the hex value for the color or
  5. Enter the Red Green and Blue values 

On a Mac the operating system specific color chooser will bring up the OS X color chooser: 

Image Added

On Windows the operating system color choose will bring up the Windows color chooser: 

Image Added

Template Sync Control 

...