tranfi 0.0.2 → 0.2.0

package/src/bulma-input.vue

@@ -1,110 +0,0 @@
-<template>
-  <div class="field" v-if="input.type == 'int' || input.type == 'float' || input.type == 'number'">
-    <label v-bind:for="input.name" class="is-size-7">{{ input.name }}</label>
-    <div class="control">
-      <input 
-        v-model="input.value" 
-        v-bind:id="input.name"
-        v-bind:step="input.type == 'int' ? 1 : 0.001"
-        v-bind:placeholder="input.placeholder ? input.placeholder : input.name"
-        v-bind:min="input.min"
-        v-bind:max="input.max"
-        v-on:change="changeHandler"
-        class="input"
-        type="number"
-      >
-    </div>
-  </div>
-
-  <div class="field"  v-if="input.type == 'string' || input.type == 'color'">
-    <label v-bind:for="input.name" class="is-size-7">{{ input.name }}</label>
-    <div class="control">
-      <input 
-        v-model="input.value" 
-        v-bind:id="input.name"
-        v-bind:placeholder="input.placeholder ? input.placeholder : input.name"
-        v-on:change="changeHandler"
-        class="input"
-      >
-    </div>
-  </div>
-
-  <div class="field"  v-if="input.type == 'text'">
-    <label v-bind:for="input.name" class="is-size-7">{{ input.name }}</label>
-    <div class="control">
-      <textarea
-        v-model="input.value" 
-        v-bind:id="input.name"
-        v-bind:placeholder="input.placeholder ? input.placeholder : input.name"
-        v-on:change="changeHandler"
-        class="textarea" 
-        ></textarea>
-    </div>
-  </div>
-
-  <div class="field" v-if="input.type == 'checkbox' || input.type == 'bool'">
-    <div class="control">
-      <label class="checkbox is-size-7">
-        <input 
-          v-model="input.value"
-          v-bind:id="input.name"
-          v-on:change="changeHandler"
-          type="checkbox"
-        >
-        {{ input.name }}
-      </label>
-    </div>
-  </div>
-
-  <div class="field" v-if="input.type == 'categorical' || input.type == 'select'">
-    <label v-bind:for="input.name" class="is-size-7">{{ input.name }}</label>
-    <div class="control">
-      <div class="select is-fullwidth">
-        <select 
-          v-model="input.value" 
-          v-bind:id="input.name"
-          v-on:change="changeHandler"
-        >
-          <option 
-            v-for="(option, oi) in input.options" 
-          >{{ option }}</option>
-        </select>
-      </div>
-    </div>
-  </div>
-
-  <div class="field" v-if="input.type == 'file'">
-    <label v-bind:for="input.name" class="is-size-7">{{ input.name }}</label>
-    <div class="control">
-      <div class="file has-name is-fullwidth" v-bind:class="{ 'is-primary': !input.file }">
-        <label class="file-label">
-          <input
-            v-bind:id="input.name"
-            v-on:change="loadFile"
-  	  			class="file-input"
-  	  			type="file"
-  	  		>
-          <span class="file-cta">
-            <span class="file-label">
-              Open
-            </span>
-          </span>
-          <span class="file-name">
-            <span v-if="input.file && input.file.name">{{ input.file.name }}</span>
-            <span v-else>No file selected</span>
-          </span>
-        </label>
-      </div>
-    </div>
-  </div>
-
-  <div class="field is-horizontal" v-if="input.type == 'group'">
-    <div class="field-body">
-      <vue-input v-for="(el, index) in input.elements" v-bind:input="el" ></vue-input>
-    </div>
-  </div>
-</template>
-
-<script>
-  export { component as default } from "./common-inputs.js"
-</script>

package/src/common-inputs.js

@@ -1,28 +0,0 @@
-const FileReader = window['FileReader']
-
-const component = {
-  props: ['input'],
-  emits: ['inchange'],
-  methods: {
-    changeHandler () {
-      if (this.input.reactive) {
-        this.$emit('inchange')
-      }
-    },
-    loadFile (e) {
-      const reader = new FileReader()
-      this.input.file = e.target.files[0]
-      // reader.readAsText(this.input.file)
-      // reader.onload = () => {
-      //   this.input.value = reader.result
-      //   if (typeof this.input.cb !== 'undefined') {
-      //     this.input.cb.run()
-      //   } else if (this.input.reactive) {
-      //     this.$emit('inchange')
-      //   }
-      // }
-    }
-  }
-}
-
-export { component }

package/src/main.js

@@ -1,20 +0,0 @@
-import { createApp } from 'vue'
-
-import App from './app.vue'
-
-import Equal from 'equal-vue'
-import 'equal-vue/dist/style.css'
-
-import bulmaInput from './bulma-input.vue'
-import draggable from 'vuedraggable'
-
-const app = createApp(App)
-app.use(Equal)
-
-app.component('vue-input', bulmaInput)
-app.component('draggable', draggable)
-
-const tranfi = app.mount('#tranfi-container')
-
-window['tranfi'] = vm
-

package/src/transforms.js

@@ -1,166 +0,0 @@
-const ReadStream = require('filestream').read
-const ParseStream = require('csv-parse')
-const JSONStream = require('JSONStream')
-const HTTPStream = require('stream-http')
-const through2 = require('through2')
-
-let FileLoader = class FileLoader {
-  static inputType = 'text'
-
-  static outputType = 'text'
-
-  static type = 'loader'
-
-  static initStream (params) {
-    const stream = new ReadStream(params['File'], {chunkSize: params['Chunk size']})
-    stream.setEncoding('utf8')
-    // if (params['Encoding'] === 'UTF-8') {}
-    return stream
-  }
-
-  constructor (id) {
-    this.name = this.constructor.name
-    this.inputs = [
-      { name: 'File', type: 'file' },
-      // { name: 'Encoding', type: 'categorical', options: ['UTF-8', 'Buffer'], default: 'UTF-8' },
-      { name: 'Chunk size', type: 'int', default: 10000 },
-    ]
-    this.inputType = this.constructor.inputType
-    this.outputType = this.constructor.outputType
-    this.id = id
-    this.expanded = false
-    this.displayInputs = [0]
-  }
-}
-
-let HTTPLoader = class HTTPLoader {
-  static inputType = 'text'
-
-  static outputType = 'text'
-
-  static type = 'loader'
-
-  static initStream (params) {
-    return new Promise((resolve, reject) => {
-      HTTPStream.get(params['URL'], function (stream) {
-        stream.setEncoding('utf8')
-        // if (params['Encoding'] === 'UTF-8') {}
-        // stream.setEncoding(params['Encoding'] === 'UTF-8' ? 'utf8' : 'buffer')
-        resolve(stream)
-      })
-    })
-  }
-
-  constructor (id) {
-    this.name = this.constructor.name
-    this.inputs = [
-      { name: 'URL', type: 'string' },
-      // { name: 'Encoding', type: 'categorical', options: ['UTF-8', 'Buffer'], default: 'UTF-8' },
-    ]
-    this.inputType = this.constructor.inputType
-    this.outputType = this.constructor.outputType
-    this.id = id
-    this.expanded = false
-    this.displayInputs = [0]
-  }
-}
-
-let CSVParser = class CSVParser {
-  static inputType = 'text'
-
-  static outputType = 'object'
-
-  static type = 'parser'
-
-  static initStream (params) {
-     const stream = ParseStream({
-      'delimiter': params['Delimiter'],
-      'cast': true,
-      'columns': true,
-      'comment': '#',
-      'trim': params['Trim'],
-      'relax_column_count': true,
-      'skip_empty_lines': params['Skip empty lines'],
-      'skip_lines_with_error': true
-    })
-    return stream
-  }
-
-  constructor (id) {
-    this.name = this.constructor.name
-    this.inputs = [
-      { name: 'Delimiter', type: 'string', default: ',' },
-      { name: 'Trim', type: 'bool', default: true },
-      { name: 'Skip empty lines', type: 'bool', default: true }
-    ]
-    this.inputType = this.constructor.inputType
-    this.outputType = this.constructor.outputType
-    this.id = id
-    this.expanded = false
-    this.displayInputs = []
-  }
-}
-
-let JSONParser = class JSONParser {
-  static inputType = 'text'
-
-  static outputType = 'object'
-
-  static type = 'parser'
-
-  static initStream (params) {
-    const stream = JSONStream.parse(params['Path'])
-    return stream
-  }
-
-  constructor (id) {
-    this.name = this.constructor.name
-    this.inputs = [
-      { name: 'Path', type: 'string', default: '*' },
-    ]
-    this.inputType = this.constructor.inputType
-    this.outputType = this.constructor.outputType
-    this.id = id
-    this.expanded = false
-    this.displayInputs = []
-  }
-}
-
-let TextOutput = class TextOutput {
-  static inputType = 'text'
-
-  static outputType = 'html'
-
-  static type = 'output'
-
-  static initStream (params) {
-    const textOutput = document.getElementById('text-output')
-    textOutput.style.display = 'block'
-    textOutput.innerText = ''
-    const stream = through2(function (chunk, enc, callback) {
-      textOutput.innerText += chunk
-      this.push(chunk)
-      callback()
-    })
-    return stream
-  }
-
-  constructor (id) {
-    this.name = this.constructor.name
-    this.inputs = []
-    this.inputType = this.constructor.inputType
-    this.outputType = this.constructor.outputType
-    this.id = id
-    this.expanded = false
-    this.displayInputs = []
-  }
-}
-module.exports = {
-  FileLoader,
-  HTTPLoader,
-  CSVParser,
-  JSONParser,
-  TextOutput
-}
-
-

package/webpack.config.js

@@ -1,108 +0,0 @@
-const path = require('path')
-const { VueLoaderPlugin } = require('vue-loader') // Support Vue's SFCs
-const TerserPlugin = require('terser-webpack-plugin') // Minimize code
-const webpack = require('webpack')
-const package = require('./package.json')
-
-module.exports = (env) => {
-  const config = {
-    entry: './src/main.js',
-    output: {
-      filename: 'bundle.js',
-      path: path.resolve(__dirname, 'dist'),
-    },
-    module: {
-      rules: [
-        {
-          test: /\.vue$/,
-          loader: 'vue-loader'
-        },
-        {
-          test: /\.js$/,
-          loader: 'babel-loader'
-        },
-        {
-          test: /\.mjs$/i, // lodash error (element)
-          resolve: { byDependency: { esm: { fullySpecified: false } } }
-        },
-        {
-          test: /\.html/,
-          type: 'asset/source'
-        },
-        {
-          test: /\.css$/,
-          use: [
-            'vue-style-loader',
-            'css-loader',
-          ]
-        },
-        {
-          test: /worker\.js$/,
-          loader: "worker-loader",
-          options: {
-            inline: 'no-fallback'
-          },
-        },
-        {
-          test: /\.scss$/,
-          use: [
-            'vue-style-loader',
-            'css-loader',
-            'sass-loader'
-          ]
-        }
-      ]
-    },
-    plugins: [
-      new VueLoaderPlugin(),
-      // Replace those values in the code
-      new webpack.DefinePlugin({
-        'VERSION': JSON.stringify(package.version),
-      }),
-      // https://stackoverflow.com/a/68723223/2998960
-      // Work around for Buffer is undefined:
-      // https://github.com/webpack/changelog-v5/issues/10
-      new webpack.ProvidePlugin({
-          Buffer: ['buffer', 'Buffer'],
-      }),
-      new webpack.ProvidePlugin({
-          process: 'process/browser',
-      }),
-    ],
-    // Load different versions of vue based on RUNTIME value
-    resolve: {
-      fallback: {
-        'buffer': require.resolve('buffer'),
-        'stream': require.resolve('stream-browserify'),
-        'url': require.resolve('url')
-      },
-      alias: {
-        vue$: 'vue/dist/vue.runtime.esm-bundler.js'
-      },
-    },
-    // Update recommended size limit
-    performance: {
-      hints: false,
-      maxEntrypointSize: 512000,
-      maxAssetSize: 512000
-    },
-    // Remove comments
-    optimization: {
-      minimize: true,
-      minimizer: [new TerserPlugin({
-        extractComments: false,
-        terserOptions: {
-          format: {
-            comments: false,
-          },
-        }
-      })],
-    },
-    // Source map
-    devtool: env.DEVELOPMENT
-      ? 'eval-source-map'
-      : false
-  }
-
-  return config
-}