@things-factory/scene-form 5.0.0-alpha.9 → 5.0.0-zeta.1

package/templates/index.js

@@ -1,271 +0,0 @@
-import text from '../assets/input-text.png'
-import password from '../assets/input-password.png'
-import email from '../assets/input-email.png'
-import search from '../assets/input-search.png'
-import number from '../assets/input-number.png'
-import color from '../assets/input-color.png'
-import range from '../assets/input-range.png'
-import file from '../assets/input-file.png'
-import date from '../assets/input-date.png'
-import radio from '../assets/input-radio.png'
-import checkbox from '../assets/input-checkbox.png'
-import submit from '../assets/input-submit.png'
-import reset from '../assets/input-reset.png'
-import button from '../assets/button.png'
-import fieldset from '../assets/fieldset.png'
-import iframe from '../assets/iframe.png'
-import img from '../assets/img.png'
-import video from '../assets/icon-video.png'
-import embed from '../assets/icon-embed.png'
-import link from '../assets/link.png'
-import textarea from '../assets/textarea.png'
-import select from '../assets/select.png'
-import form from '../assets/form.png'
-import soapClient from '../assets/form.png'
-import radioGroup from '../assets/icon-radio-group.png'
-
-const ICONS = {
-  text,
-  password,
-  email,
-  search,
-  number,
-  color,
-  range,
-  file,
-  date,
-  radio,
-  checkbox,
-  submit,
-  reset,
-  button,
-  fieldset,
-  iframe,
-  img,
-  link,
-  textarea,
-  select,
-  form,
-  soapClient,
-  radioGroup,
-  video,
-  embed
-}
-
-var inputs01 = ['text', 'password', 'email', 'search', 'number', 'color', 'range', 'file', 'date'].map(function (type) {
-  return {
-    type: 'input-' + type,
-    description: 'html input-' + type,
-    group: 'form',
-    icon: ICONS[type],
-    model: {
-      type: 'input-' + type,
-      top: 100,
-      left: 100,
-      width: 280,
-      height: 30,
-      paddingLeft: type == 'search' ? 0 : 7,
-      paddingRight: type == 'search' ? 0 : 7,
-      fontSize: 14,
-      fillStyle: 'white',
-      fontColor: '#585858',
-      strokeStyle: 'rgba(0,0,0,.4)',
-      lineWidth: type == 'file' ? 0 : 1,
-      lineDash: 'solid',
-      textAlign: 'left'
-    }
-  }
-})
-
-var inputs02 = ['submit', 'reset'].map(function (type) {
-  return {
-    type: 'input-' + type,
-    description: 'html input-' + type,
-    group: 'form',
-    icon: ICONS[type],
-    model: {
-      type: 'input-' + type,
-      top: 100,
-      left: 100,
-      width: 280,
-      height: 30,
-      fontSize: 14,
-      fillStyle: 'white',
-      fontColor: '#585858',
-      strokeStyle: 'rgba(0,0,0,.4)'
-    }
-  }
-})
-
-var buttons = ['button'].map(function (type) {
-  return {
-    type: type,
-    description: 'html ' + type,
-    group: 'form',
-    icon: ICONS[type],
-    model: {
-      type: type,
-      top: 100,
-      left: 100,
-      width: 280,
-      height: 30,
-      fontSize: 14,
-      fillStyle: 'white',
-      fontColor: '#585858',
-      textAlign: 'center'
-    }
-  }
-})
-
-var textibles = ['radio', 'checkbox'].map(function (type) {
-  return {
-    type: 'input-' + type,
-    description: 'html input-' + type,
-    group: 'form',
-    icon: ICONS[type],
-    model: {
-      type: 'input-' + type,
-      top: 100,
-      left: 100,
-      width: 280,
-      height: 30,
-      text: 'noname',
-      fontSize: 14,
-      fontColor: '#585858',
-      textAlign: 'left'
-    }
-  }
-})
-
-var fieldsets = ['fieldset', 'iframe', 'img', 'link'].map(function (type) {
-  return {
-    type: type,
-    description: 'html ' + type,
-    group: 'form',
-    icon: ICONS[type],
-    model: {
-      type: type,
-      top: 100,
-      left: 100,
-      width: type !== 'link' ? 400 : 280,
-      height: type !== 'link' ? 300 : 30,
-      fontSize: 14,
-      fillStyle: 'white',
-      fontColor: '#585858',
-      strokeStyle: 'rgba(0,0,0,.4)',
-      lineWidth: 1,
-      lineDash: 'solid',
-      textAlign: 'left'
-    }
-  }
-})
-
-var multimedias = ['video'].map(type => {
-  return {
-    type,
-    description: 'html ' + type,
-    group: 'form',
-    icon: ICONS[type],
-    model: {
-      type,
-      top: 100,
-      left: 100,
-      width: 400,
-      height: 224,
-      controls: true,
-      src:
-        'https://player.vimeo.com/external/242538643.sd.mp4?s=42dacbec1a58f449a3fa4845801df5d446a99134&profile_id=165'
-    }
-  }
-})
-
-var applications = ['embed'].map(type => {
-  return {
-    type,
-    description: 'html ' + type,
-    group: 'form',
-    icon: ICONS[type],
-    model: {
-      type,
-      top: 100,
-      left: 100,
-      width: 400,
-      height: 224,
-      mimetype: 'video/webm',
-      src:
-        'https://player.vimeo.com/external/242538643.sd.mp4?s=42dacbec1a58f449a3fa4845801df5d446a99134&profile_id=165'
-    }
-  }
-})
-
-var others = ['textarea', 'select', 'radioGroup'].map(function (type) {
-  return {
-    type: type == 'radioGroup' ? 'radio-group' : type,
-    description: 'html ' + type,
-    group: 'form',
-    icon: ICONS[type],
-    model: {
-      type: type == 'radioGroup' ? 'radio-group' : type,
-      top: 100,
-      left: 100,
-      width: 280,
-      height: type == 'textarea' ? 60 : 40,
-      paddingLeft: type == 'select' ? 0 : 7,
-      paddingRight: type == 'select' ? 0 : 7,
-      fontSize: 14,
-      fillStyle: 'white',
-      fontColor: '#585858',
-      strokeStyle: 'rgba(0,0,0,.4)',
-      lineWidth: 1,
-      lineDash: 'solid',
-      textAlign: 'left'
-    }
-  }
-})
-
-var forms = [
-  {
-    type: 'form',
-    description: 'html form',
-    group: 'form',
-    icon: ICONS['form'],
-    model: {
-      type: 'form',
-      top: 100,
-      left: 100,
-      width: 400,
-      height: 200,
-      fontColor: '#585858',
-      strokeStyle: '#ccc',
-      lineWidth: 1,
-      method: 'GET',
-      action: '',
-      contentType: 'application/json',
-      name: 'search',
-      authorization: '',
-      format: 'TEXT'
-    }
-  },
-  {
-    type: 'soap-client',
-    description: 'soap client',
-    group: 'form',
-    icon: ICONS['soapClient'],
-    model: {
-      type: 'soap-client',
-      top: 100,
-      left: 100,
-      width: 400,
-      height: 200,
-      fontColor: '#585858',
-      strokeStyle: '#ccc',
-      lineWidth: 1,
-      action: '',
-      method: '',
-      name: 'search',
-      authorization: ''
-    }
-  }
-]
-
-export default forms.concat(inputs01, inputs02, buttons, textibles, fieldsets, multimedias, applications, others)

package/test/basic-test.html

@@ -1,61 +0,0 @@
-<!--
-@license
-Copyright © HatioLab Inc. All rights reserved.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes" />
-
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-    <script src="../../web-component-tester/browser.js"></script>
-
-    <!-- Step 1: import the element to test -->
-    <link rel="import" href="../things-scene-form.html" />
-  </head>
-  <body>
-    <!-- You can use the document as a place to set up your fixtures. -->
-    <test-fixture id="things-scene-form-fixture">
-      <template>
-        <things-scene-form> <h2>things-scene-form</h2> </things-scene-form>
-      </template>
-    </test-fixture>
-
-    <script>
-      suite('<things-scene-form>', function() {
-        var myEl
-
-        setup(function() {
-          myEl = fixture('things-scene-form-fixture')
-        })
-
-        test('defines the "author" property', function() {
-          assert.equal(myEl.author.name, 'Dimitri Glazkov')
-          assert.equal(myEl.author.image, 'http://addyosmani.com/blog/wp-content/uploads/2013/04/unicorn.jpg')
-        })
-
-        test('says hello', function() {
-          assert.equal(myEl.sayHello(), 'things-scene-form says, Hello World!')
-
-          var greetings = myEl.sayHello('greetings Earthlings')
-          assert.equal(greetings, 'things-scene-form says, greetings Earthlings')
-        })
-
-        test('fires lasers', function(done) {
-          myEl.addEventListener('things-scene-form-lasers', function(event) {
-            assert.equal(event.detail.sound, 'Pew pew!')
-            done()
-          })
-          myEl.fireLasers()
-        })
-
-        test('distributed children', function() {
-          var els = myEl.getContentChildren()
-          assert.equal(els.length, 1, 'one distributed node')
-          assert.equal(els[0], myEl.querySelector('h2'), 'content distributed correctly')
-        })
-      })
-    </script>
-  </body>
-</html>

package/test/index.html

@@ -1,20 +0,0 @@
-<!--
-@license
-Copyright © HatioLab Inc. All rights reserved.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes" />
-
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-    <script src="../../web-component-tester/browser.js"></script>
-  </head>
-  <body>
-    <script>
-      // Load and run all tests (.html, .js):
-      WCT.loadSuites(['basic-test.html', 'basic-test.html?dom=shadow'])
-    </script>
-  </body>
-</html>

package/test/soap/broker.js

@@ -1,22 +0,0 @@
-var express = require('express');
-var app = express();
-
-var soap = require('soap')
-var wsdl = './sample.wsdl'
-var soapClient
-soap.createClient(wsdl, function(err, client) {
-  soapClient = client
-})
-
-app.get('/Z_PP_ORDER_STATUS_OUTOP', function (req, res) {
-
-  soapClient.Z_PP_ORDER_STATUS_OUTOP(req.query, function(err, result) {
-    res.send(result)
-  })
-});
-
-app.listen(8001, function () {
-  console.log('Example app listening on port 8001!');
-  console.log("sample. http://localhost:8001/Z_PP_ORDER_STATUS_OUTOP?I_GSTRP=2019.04.11&I_MATNR=2011846")
-});
-

package/test/soap/sample.wsdl

@@ -1,94 +0,0 @@
-<wsdl:definitions 
-  xmlns:wsdl="http://schemas.xmlsoap.org/wsdl/" 
-  xmlns:tns="http://xmlns.example.com/Z_PP_ORDER_STATUS_OUT/Z_PP_ORDER_STATUS_OUTOPImpl/Processes/ONL/SAH" 
-  xmlns:soap="http://schemas.xmlsoap.org/wsdl/soap/" 
-  xmlns:ns0="http://www.tibco.com/schemas/DWFB_DIRECT/Resources/Schemas/SAH/Z_PP_ORDER_STATUS_OUT.xsd4" 
-  name="Untitled" 
-  targetNamespace="http://xmlns.example.com/Z_PP_ORDER_STATUS_OUT/Z_PP_ORDER_STATUS_OUTOPImpl/Processes/ONL/SAH">
-<wsdl:types>
-  <xs:schema 
-    xmlns:xs="http://www.w3.org/2001/XMLSchema" 
-    xmlns:wsdl="http://schemas.xmlsoap.org/wsdl/" 
-    xmlns:tns="http://xmlns.example.com/Z_PP_ORDER_STATUS_OUT/Z_PP_ORDER_STATUS_OUTOPImpl/Processes/ONL/SAH" 
-    xmlns:soap="http://schemas.xmlsoap.org/wsdl/soap/" 
-    xmlns:ns0="http://www.tibco.com/schemas/DWFB_DIRECT/Resources/Schemas/SAH/Z_PP_ORDER_STATUS_OUT.xsd4" 
-    xmlns="http://www.tibco.com/schemas/DWFB_DIRECT/Resources/Schemas/SAH/Z_PP_ORDER_STATUS_OUT.xsd4" 
-    attributeFormDefault="unqualified" 
-    elementFormDefault="qualified" 
-    targetNamespace="http://www.tibco.com/schemas/DWFB_DIRECT/Resources/Schemas/SAH/Z_PP_ORDER_STATUS_OUT.xsd4">
-    <xs:element name="Z_PP_ORDER_STATUS_OUT">
-      <xs:complexType>
-        <xs:sequence>
-          <xs:element ref="ns0:Z_PP_ORDER_STATUS_OUTRequest"/>
-          <xs:element ref="ns0:Z_PP_ORDER_STATUS_OUTResponse"/>
-        </xs:sequence>
-      </xs:complexType>
-    </xs:element>
-
-    <xs:element name="Z_PP_ORDER_STATUS_OUTRequest">
-      <xs:complexType>
-        <xs:sequence>
-          <xs:element name="I_GSTRP" type="xs:string"/>
-          <xs:element name="I_MATNR" type="xs:string"/>
-        </xs:sequence>
-      </xs:complexType>
-    </xs:element>
-    
-    <xs:element name="Z_PP_ORDER_STATUS_OUTResponse">
-      <xs:complexType>
-        <xs:sequence>
-          <xs:element maxOccurs="unbounded" minOccurs="0" name="E_ORDER">
-            <xs:complexType>
-              <xs:sequence>
-                <xs:element name="GSTRP" type="xs:string"/>
-                <xs:element name="MATNR" type="xs:string"/>
-                <xs:element name="ASGAM1" type="xs:string"/>
-                <xs:element name="ASGAM2" type="xs:string"/>
-                <xs:element name="CJGAM1" type="xs:string"/>
-                <xs:element name="CJGAM2" type="xs:string"/>
-              </xs:sequence>
-            </xs:complexType>
-          </xs:element>
-          <xs:element name="TYPE" type="xs:string"/>
-          <xs:element name="MESSAGE" type="xs:string"/>
-        </xs:sequence>
-      </xs:complexType>
-    </xs:element>
-  </xs:schema>
-</wsdl:types>
-
-<wsdl:message name="Z_PP_ORDER_STATUS_OUTSoapIn">
-  <wsdl:part element="ns0:Z_PP_ORDER_STATUS_OUTRequest" name="part1"> </wsdl:part>
-</wsdl:message>
-
-<wsdl:message name="Z_PP_ORDER_STATUS_OUTSoapOut">
-  <wsdl:part element="ns0:Z_PP_ORDER_STATUS_OUTResponse" name="part1"> </wsdl:part>
-</wsdl:message>
-
-<wsdl:portType name="Z_PP_ORDER_STATUS_OUTPort">
-  <wsdl:operation name="Z_PP_ORDER_STATUS_OUTOP">
-    <wsdl:input message="tns:Z_PP_ORDER_STATUS_OUTSoapIn"> </wsdl:input>
-    <wsdl:output message="tns:Z_PP_ORDER_STATUS_OUTSoapOut"> </wsdl:output>
-  </wsdl:operation>
-</wsdl:portType>
-
-<wsdl:binding name="SOAPEventSourceBinding" type="tns:Z_PP_ORDER_STATUS_OUTPort">
-  <soap:binding style="document" transport="http://schemas.xmlsoap.org/soap/http"/>
-  <wsdl:operation name="Z_PP_ORDER_STATUS_OUTOP">
-    <soap:operation soapAction="/wsdl" style="document"/>
-      <wsdl:input>
-        <soap:body parts="part1" use="literal"/>
-      </wsdl:input>
-      <wsdl:output>
-        <soap:body parts="part1" use="literal"/>
-      </wsdl:output>
-    </wsdl:operation>
-  </wsdl:binding>
-
-  <wsdl:service name="Z_PP_ORDER_STATUS_OUT">
-    <wsdl:port binding="tns:SOAPEventSourceBinding" name="SOAPEventSource">
-      <soap:address location="http://0.0.0.0:8000/wsdl"/>
-    </wsdl:port>
-  </wsdl:service>
-  
-</wsdl:definitions>

package/test/soap/soap-client.js

@@ -1,13 +0,0 @@
-var soap = require('soap')
-var wsdl = './sample.wsdl'
-
-var args = { I_GSTRP: '2019.04.11', I_MATNR: '2011846' }
-
-soap.createClient(wsdl, function(err, client) {
-  // let description = client.describe('Z_PP_ORDER_STATUS_OUTOP')
-  // console.log('[Z_PP_ORDER_STATUS_OUTOP] : ', description)
-
-  client.Z_PP_ORDER_STATUS_OUTOP(args, function(err, result) {
-    console.log(args, result)
-  })
-})

package/test/soap/soap-server.js

@@ -1,51 +0,0 @@
-var service = {
-  Z_PP_ORDER_STATUS_OUT: {
-    SOAPEventSource: {
-      Z_PP_ORDER_STATUS_OUTOP: function(args) {
-        return {
-          GSTRP: args.I_GSTRP,
-          MATNR: args.I_MATNR,
-          ASGAM1: '294.125',
-          ASGAM2: '0.000',
-          CJGAM1: '0.000',
-          CJGAM2: '0.000'
-        }
-      }
-    }
-  }
-}
-
-var xml = require('fs').readFileSync('./sample.wsdl', 'utf8')
-var http = require('http')
-var soap = require('soap')
-var express = require('express')
-var cors = require('cors')
-var bodyParser = require('body-parser')
-
-//http server example
-var server = http.createServer(function(request, response) {
-  response.end('404: Not Found: ' + request.url)
-})
-
-// express server example
-var app = express()
-app.use(cors())
-
-// body parser middleware are supported (optional)
-app.use(
-  bodyParser.raw({
-    type: function() {
-      return true
-    },
-    limit: '5mb'
-  })
-)
-app.listen(8000, function() {
-  //Note: /wsdl route will be handled by soap module
-  //and all other routes & middleware will continue to work
-  let server = soap.listen(app, '/wsdl', service, xml)
-
-  server.log = function(type, data) {
-    console.log('soap log', type, data)
-  }
-})

package/test/unit/test-form.js

@@ -1,33 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-import './util'
-
-import { expect } from 'chai'
-
-import '../../bower_components/things-scene-core/things-scene-min'
-import { Form } from '../../src/index'
-
-describe('Form', function() {
-  var board
-
-  beforeEach(function() {
-    board = scene.create({
-      model: {
-        components: [
-          {
-            id: 'form',
-            type: 'form'
-          }
-        ]
-      }
-    })
-  })
-
-  it('component should be found by its id.', function() {
-    var component = board.findById('form')
-
-    expect(!!component).not.to.equal(false)
-  })
-})

package/test/unit/util.js

@@ -1,22 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-var noop = () => {}
-
-global.Canvas = require('canvas')
-
-Canvas.prototype.setAttribute = noop
-Canvas.prototype.style = {}
-
-global.Image = Canvas.Image
-global.screen = {
-  width: 1280,
-  height: 800
-}
-
-global.window = global
-
-global.addEventListener = noop
-global.location = {}
-global.getComputedStyle = noop

package/things-scene.config.js

@@ -1,5 +0,0 @@
-import templates from './templates'
-
-export default {
-  templates
-}

package/translations/en.json

@@ -1,15 +0,0 @@
-{
-  "label.text-field": "text field",
-  "label.value-field": "value field",
-  "label.started": "auto started",
-  "label.controls": "show controls",
-  "label.endpoint": "endpoint",
-  "label.namespace": "namespace",
-  "label.soap-action": "SOAP Action",
-  "label.content-type": "content type",
-  "label.mime-type": "MIME type",
-  "label.next-input": "next input",
-  "label.autofocus": "focus on init",
-  "label.alltime-focus": "alltime focus",
-  "label.alltime-focus-pending": "alltime focus pending"
-}

package/translations/ko.json

@@ -1,16 +0,0 @@
-{
-  "label.text-field": "텍스트필드",
-  "label.value-field": "값 필드",
-  "label.started": "자동 시작",
-  "label.controls": "컨트롤 보이기",
-  "label.endpoint": "엔드포인트",
-  "label.namespace": "네임스페이스",
-  "label.soap-action": "SOAP 액션",
-  "label.content-type": "컨텐트 타입",
-  "label.mime-type": "MIME type",
-  "label.next-input": "다음 포커스 Input ID",
-  "label.autofocus": "시작시 포커스",
-  "label.alltime-focus": "상시 포커스",
-  "label.alltime-focus-pending": "상시 포커스 지연 시간",
-  "label.hide-keyboard": "키보드 숨기기(모바일)"
-}

package/translations/ms.json

@@ -1,14 +0,0 @@
-{
-  "label.text-field": "[ms] text field",
-  "label.value-field": "[ms] value field",
-  "label.started": "[ms] auto started",
-  "label.controls": "[ms] show controls",
-  "label.endpoint": "[ms] endpoint",
-  "label.namespace": "[ms] namespace",
-  "label.soap-action": "[ms] SOAP Action",
-  "label.content-type": "[ms] content type",
-  "label.mime-type": "[ms] MIME type",
-  "label.autofocus": "[ms] focus on init",
-  "label.alltime-focus": "[ms] alltime focus",
-  "label.alltime-focus-pending": "[ms] alltime focus pending"
-}

package/translations/zh.json

@@ -1,15 +0,0 @@
-{
-  "label.text-field": "文本字段",
-  "label.value-field": "值字段",
-  "label.started": "自动开启",
-  "label.controls": "显示控制器",
-  "label.endpoint": "数据端点",
-  "label.namespace": "命名空间",
-  "label.soap-action": "SOAP操作",
-  "label.content-type": "content type",
-  "label.mime-type": "MIME type",
-  "label.next-input": "下一Focus对象",
-  "label.autofocus": "初始Focus",
-  "label.alltime-focus": "单一Focus",
-  "label.alltime-focus-pending": "单一Focus等待时间"
-}