@things-factory/id-rule-base 6.2.54 → 6.2.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/id-rule-base",
-  "version": "6.2.54",
+  "version": "6.2.58",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -24,14 +24,11 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations"
   },
   "dependencies": {
-    "@operato/data-grist": "^1.3.5",
+    "@operato/data-grist": "^1.5.49",
+    "@operato/input": "^1.5.49",
     "@things-factory/i18n-base": "^6.2.52",
     "@things-factory/setting-base": "^6.2.54",
-    "@things-factory/shell": "^6.2.52",
-    "codemirror": "^5.64.0"
+    "@things-factory/shell": "^6.2.52"
   },
-  "devDependencies": {
-    "@types/codemirror": "^5.60.5"
-  },
-  "gitHead": "db6b9a9109a090c4dd705058949fce624f15b0ef"
+  "gitHead": "decd44e000e44941409b829d72e99c49cb1829bf"
 }

package/client/editors/editor-code.js

@@ -1,132 +0,0 @@
-import { LitElement, html, css, unsafeCSS } from 'lit'
-
-import CodeMirrorStyle from '!!text-loader!codemirror/lib/codemirror.css'
-import FullScreenStyle from '!!text-loader!codemirror/addon/display/fullscreen.css'
-import NightThemeStyle from '!!text-loader!codemirror/theme/night.css'
-
-import CodeMirror from 'codemirror'
-import 'codemirror/mode/javascript/javascript'
-import 'codemirror/addon/display/fullscreen'
-import 'codemirror/addon/display/autorefresh'
-
-export default class EditorCode extends LitElement {
-  static get is() {
-    return 'editor-code'
-  }
-
-  static get properties() {
-    return {
-      /**
-       * `value`는 에디터에서 작성중인 contents이다.
-       */
-      value: String,
-      mode: String
-    }
-  }
-
-  static get styles() {
-    return [
-      css`
-        ${unsafeCSS(CodeMirrorStyle)}
-        ${unsafeCSS(FullScreenStyle)}
-        ${unsafeCSS(NightThemeStyle)}
-      `,
-      css`
-        :host {
-          display: block;
-          position: relative;
-        }
-
-        #wrapper {
-          width: 100%;
-          height: 100%;
-          position: absolute;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          top: 0;
-        }
-
-        textarea {
-          display: block;
-          height: 100%;
-          width: 100%;
-          resize: none;
-          font-size: 16px;
-          line-height: 20px;
-          border: 0px;
-          padding: 0px;
-        }
-      `
-    ]
-  }
-  updated(change) {
-    this._outside_changing = true
-    if (change.has('value') && this.editor && !this._self_changing) {
-      this.editor.setValue(this.value === undefined ? '' : String(this.value))
-      this.editor.refresh()
-    }
-    this._outside_changing = false
-  }
-
-  render() {
-    return html`
-      <div id="wrapper">
-        <textarea></textarea>
-      </div>
-    `
-  }
-
-  get editor() {
-    if (!this._editor) {
-      let textarea = this.shadowRoot.querySelector('textarea')
-      let mode = this.mode || 'javascript'
-      let lint = this.lint
-      let hintOptions = this.hintOptions
-      if (textarea) {
-        this._editor = CodeMirror.fromTextArea(textarea, {
-          value: this.value,
-          mode,
-          lint,
-          hintOptions,
-          tabSize: 2,
-          lineNumbers: true,
-          showCursorWhenSelecting: true,
-          theme: 'night',
-          extraKeys: {
-            F11: function (cm) {
-              cm.setOption('fullScreen', !cm.getOption('fullScreen'))
-            },
-            Esc: function (cm) {
-              cm.setOption('fullScreen', !cm.getOption('fullScreen'))
-            }
-          },
-          autoRefresh: {
-            delay: 500
-          }
-        })
-
-        this._editor.on('blur', e => {
-          if (!this._changed) return
-
-          this.value = e.getValue()
-          this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))
-        })
-
-        this._editor.on('change', async e => {
-          this._self_changing = true
-
-          this._changed = true
-
-          await this.renderComplete
-          this._self_changing = false
-        })
-      }
-      this._editor.setSize('100%', '100%')
-    }
-
-    return this._editor
-  }
-}
-
-customElements.define(EditorCode.is, EditorCode)