@things-factory/reference-app 6.0.21 → 6.0.22

package/client/pages/web-editor-lexical-page.js

@@ -1,10 +1,5 @@
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-
-// import { EditorLexical } from '../components/editor-lexical'
-import { LexicalEditor } from '../components/editor-lexical'
 
 import { PageView, store } from '@things-factory/shell'
 
@@ -16,32 +11,9 @@ class WebEditorLexicalPage extends connect(store)(PageView) {
           display: flex;
         }
 
-        :host > * {
+        #editor {
           flex: 1;
         }
-
-        .ltr {
-          text-align: left;
-        }
-
-        .rtl {
-          text-align: right;
-        }
-
-        .editor-placeholder {
-          color: #999;
-          overflow: hidden;
-          position: absolute;
-          top: 15px;
-          left: 15px;
-          user-select: none;
-          pointer-events: none;
-        }
-
-        .editor-paragraph {
-          margin: 0 0 15px 0;
-          position: relative;
-        }
       `
     ]
   }
@@ -54,94 +26,24 @@ class WebEditorLexicalPage extends connect(store)(PageView) {
 
   constructor() {
     super()
+    this.text = '<p><i>Welcome to the Lexical Editor example!</i></p>'
+  }
+
+  firstUpdated() {
+    var iframe = this.renderRoot.querySelector('iframe')
 
-    this.text = '<p><i>Welcome to the Lexical Text Editor example!</i></p>'
+    iframe.addEventListener('load', e => {
+      /* TODO I haven't found a way to integrate it with a lexical editor yet. */
+      iframe.contentDocument.addEventListener('change', this.onChangeEventHandler.bind(this))
+    })
   }
 
-  render() {
-    return html``
+  onChangeEventHandler(e) {
+    console.log('changed', e.detail)
   }
 
-  firstUpdated() {
-    ReactDOM.createRoot(this.renderRoot).render(
-      React.createElement(LexicalEditor, {
-        config: {
-          namespace: 'MyEditor',
-          theme: {
-            ltr: 'ltr',
-            rtl: 'rtl',
-            placeholder: 'editor-placeholder',
-            paragraph: 'editor-paragraph',
-            quote: 'editor-quote',
-            heading: {
-              h1: 'editor-heading-h1',
-              h2: 'editor-heading-h2',
-              h3: 'editor-heading-h3',
-              h4: 'editor-heading-h4',
-              h5: 'editor-heading-h5',
-              h6: 'editor-heading-h6'
-            },
-            list: {
-              nested: {
-                listitem: 'editor-nested-listitem'
-              },
-              ol: 'editor-list-ol',
-              ul: 'editor-list-ul',
-              listitem: 'editor-listItem',
-              listitemChecked: 'editor-listItemChecked',
-              listitemUnchecked: 'editor-listItemUnchecked'
-            },
-            hashtag: 'editor-hashtag',
-            image: 'editor-image',
-            link: 'editor-link',
-            text: {
-              bold: 'editor-textBold',
-              code: 'editor-textCode',
-              italic: 'editor-textItalic',
-              strikethrough: 'editor-textStrikethrough',
-              subscript: 'editor-textSubscript',
-              superscript: 'editor-textSuperscript',
-              underline: 'editor-textUnderline',
-              underlineStrikethrough: 'editor-textUnderlineStrikethrough'
-            },
-            code: 'editor-code',
-            codeHighlight: {
-              atrule: 'editor-tokenAttr',
-              attr: 'editor-tokenAttr',
-              boolean: 'editor-tokenProperty',
-              builtin: 'editor-tokenSelector',
-              cdata: 'editor-tokenComment',
-              char: 'editor-tokenSelector',
-              class: 'editor-tokenFunction',
-              'class-name': 'editor-tokenFunction',
-              comment: 'editor-tokenComment',
-              constant: 'editor-tokenProperty',
-              deleted: 'editor-tokenProperty',
-              doctype: 'editor-tokenComment',
-              entity: 'editor-tokenOperator',
-              function: 'editor-tokenFunction',
-              important: 'editor-tokenVariable',
-              inserted: 'editor-tokenSelector',
-              keyword: 'editor-tokenAttr',
-              namespace: 'editor-tokenVariable',
-              number: 'editor-tokenProperty',
-              operator: 'editor-tokenOperator',
-              prolog: 'editor-tokenComment',
-              property: 'editor-tokenProperty',
-              punctuation: 'editor-tokenPunctuation',
-              regex: 'editor-tokenVariable',
-              selector: 'editor-tokenSelector',
-              string: 'editor-tokenSelector',
-              symbol: 'editor-tokenProperty',
-              tag: 'editor-tokenProperty',
-              url: 'editor-tokenOperator',
-              variable: 'editor-tokenVariable'
-            }
-          },
-          onError: console.error
-        }
-      })
-    )
+  render() {
+    return html` <iframe id="editor" frameborder="0" scrolling="no" src="/public/html-editor-lexical"></iframe> `
   }
 
   stateChanged(state) {}

package/client/pages/web-editor-tinymce-page.js

@@ -5,7 +5,7 @@ import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { PageView, store } from '@things-factory/shell'
 
-class WebEditorPage extends connect(store)(PageView) {
+class WebEditorTinyMCEPage extends connect(store)(PageView) {
   static get styles() {
     return [
       css`

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -6,24 +6,49 @@
     "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
     "files": [
         {
-            "date": 1678703028127,
-            "name": "logs/application-2023-03-13-19.log",
-            "hash": "8487339ebf18a8b6e1197e7c4449dac9a361c5e1861e59766e473a8001c2dcc2"
+            "date": 1679212727018,
+            "name": "logs/application-2023-03-19-16.log",
+            "hash": "5aab852b805a77c3a1911edd4b1cbb458f0486522025afc622b170ffedb4cd06"
         },
         {
-            "date": 1678703029585,
-            "name": "logs/application-2023-03-13-10.log",
-            "hash": "77ecf7f853e88c18b3115633790ef43022fe0e5f90a6f66721fd369bd403aed6"
+            "date": 1679212729168,
+            "name": "logs/application-2023-03-19-07.log",
+            "hash": "c804af0e36dbb3a06e343cb2b5107f23c6ea447a23065f4383c4f214867e9246"
         },
         {
-            "date": 1678707300848,
-            "name": "logs/application-2023-03-13-20.log",
-            "hash": "32cf32c0aaed436862c6767afba4797127238ad082ca7458ce0e9b697dedea27"
+            "date": 1679213670508,
+            "name": "logs/application-2023-03-19-08.log",
+            "hash": "9238b0ea02c7bb452e898e2b673343e5cad924a41ddd90f99404606de33f7ff5"
         },
         {
-            "date": 1678707302213,
-            "name": "logs/application-2023-03-13-11.log",
-            "hash": "b0a0efc7a242d4baaac18d554fabe2575a7899cf1e18d68069069ac56f1fee9e"
+            "date": 1679223382337,
+            "name": "logs/application-2023-03-19-19.log",
+            "hash": "2b883085dd371da464b50b495432cc79bbc71746a34f4d141f7a4e8b1e1c5c96"
+        },
+        {
+            "date": 1679223383702,
+            "name": "logs/application-2023-03-19-10.log",
+            "hash": "0ba4319b87b955bb617a4d75de96911b06340f859f365cd7c1937ca48c4c30f7"
+        },
+        {
+            "date": 1679223669808,
+            "name": "logs/application-2023-03-19-20.log",
+            "hash": "0b020b8e16079fcec3bacaa75995793be3d0520b84ddf16c0cab7b04a5fcbd4f"
+        },
+        {
+            "date": 1679223671064,
+            "name": "logs/application-2023-03-19-11.log",
+            "hash": "8509ee7bd8c19764e40082240191199b3ef5f7f6c4a9ca3382d8824e22113f33"
+        },
+        {
+            "date": 1679229032267,
+            "name": "logs/application-2023-03-19-21.log",
+            "hash": "b5ba15d63c27bda4a26238869c4dd0a85e37b28f262815a6b93c1d4d7f8b5a56"
+        },
+        {
+            "date": 1679229034042,
+            "name": "logs/application-2023-03-19-12.log",
+            "hash": "98debdd1d514c2303cf755d51c62a895d37e9008b0c85260a2a5dc312db3fd06"
         }
     ],
     "hashType": "sha256"

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -14,6 +14,26 @@
             "date": 1678707302053,
             "name": "logs/connections-2023-03-13-11.log",
             "hash": "c05ce349d6d8c000f24e286b138bb44645a6011ca8b389d3bf6d0204b2c52b81"
+        },
+        {
+            "date": 1679212728979,
+            "name": "logs/connections-2023-03-19-07.log",
+            "hash": "717ef0f796cf8fa5b83a31d9863d3dd4d76b90cfbcdc211425067d63e2ab0ea0"
+        },
+        {
+            "date": 1679223383542,
+            "name": "logs/connections-2023-03-19-10.log",
+            "hash": "b5c549067c780929a49182ba686861342a2f9616ef99db5d966fd80d6789b2c3"
+        },
+        {
+            "date": 1679223670936,
+            "name": "logs/connections-2023-03-19-11.log",
+            "hash": "8efbc75c8134411a8ab36e17214ea3697bd7e8609887c16776aeb1f42b2d85cc"
+        },
+        {
+            "date": 1679229033923,
+            "name": "logs/connections-2023-03-19-12.log",
+            "hash": "cc46b681ff4030928502d195c3e9adcc971968de486e4be355ff11279ae923c1"
         }
     ],
     "hashType": "sha256"

package/logs/application-2023-03-19-07.log

@@ -0,0 +1,11 @@
+2023-03-19T16:58:49+09:00 error: oracledb module loading failed
+2023-03-19T16:58:50+09:00 info: Default DataSource established
+2023-03-19T16:58:50+09:00 info: Transaction DataSource established
+2023-03-19T16:59:15+09:00 error: oracledb module loading failed
+2023-03-19T16:59:16+09:00 info: Default DataSource established
+2023-03-19T16:59:16+09:00 info: Transaction DataSource established
+2023-03-19T16:59:36+09:00 error: oracledb module loading failed
+2023-03-19T16:59:36+09:00 info: Default DataSource established
+2023-03-19T16:59:36+09:00 info: Transaction DataSource established
+2023-03-19T16:59:37+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2023-03-19T16:59:37+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/application-2023-03-19-08.log

@@ -0,0 +1,4 @@
+2023-03-19T17:14:30+09:00 error: Cannot query field "boardPermissions" on type "Query".
+2023-03-19T17:14:30+09:00 error: Cannot query field "myFavorites" on type "Query".
+2023-03-19T17:14:38+09:00 error: Cannot query field "boardPermissions" on type "Query".
+2023-03-19T17:14:38+09:00 error: Cannot query field "myFavorites" on type "Query".

package/logs/application-2023-03-19-10.log

@@ -0,0 +1,5 @@
+2023-03-19T19:56:23+09:00 error: oracledb module loading failed
+2023-03-19T19:56:24+09:00 info: Default DataSource established
+2023-03-19T19:56:24+09:00 info: Transaction DataSource established
+2023-03-19T19:56:25+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2023-03-19T19:56:25+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/application-2023-03-19-11.log

@@ -0,0 +1,10 @@
+2023-03-19T20:01:11+09:00 error: oracledb module loading failed
+2023-03-19T20:01:11+09:00 info: Default DataSource established
+2023-03-19T20:01:12+09:00 info: Transaction DataSource established
+2023-03-19T20:01:12+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2023-03-19T20:01:12+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql
+2023-03-19T20:03:36+09:00 error: oracledb module loading failed
+2023-03-19T20:03:37+09:00 info: Default DataSource established
+2023-03-19T20:03:37+09:00 info: Transaction DataSource established
+2023-03-19T20:03:38+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2023-03-19T20:03:38+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/application-2023-03-19-12.log

@@ -0,0 +1,5 @@
+2023-03-19T21:30:34+09:00 error: oracledb module loading failed
+2023-03-19T21:30:34+09:00 info: Default DataSource established
+2023-03-19T21:30:34+09:00 info: Transaction DataSource established
+2023-03-19T21:30:35+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2023-03-19T21:30:35+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/application-2023-03-19-16.log

@@ -0,0 +1,3 @@
+2023-03-19T16:58:47+09:00 info: File Storage is Ready.
+2023-03-19T16:59:15+09:00 info: File Storage is Ready.
+2023-03-19T16:59:35+09:00 info: File Storage is Ready.

package/logs/application-2023-03-19-19.log

@@ -0,0 +1 @@
+2023-03-19T19:56:23+09:00 info: File Storage is Ready.

package/logs/application-2023-03-19-20.log

@@ -0,0 +1,2 @@
+2023-03-19T20:01:10+09:00 info: File Storage is Ready.
+2023-03-19T20:03:36+09:00 info: File Storage is Ready.

package/logs/application-2023-03-19-21.log

@@ -0,0 +1 @@
+2023-03-19T21:30:32+09:00 info: File Storage is Ready.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/reference-app",
-  "version": "6.0.21",
+  "version": "6.0.22",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -82,6 +82,7 @@
     "@things-factory/grist-ui": "^6.0.21",
     "@things-factory/help": "^6.0.21",
     "@things-factory/integration-ui": "^6.0.21",
+    "@things-factory/lexical-editor": "^6.0.22",
     "@things-factory/lite-menu": "^6.0.21",
     "@things-factory/more-ui": "^6.0.21",
     "@things-factory/notification": "^6.0.21",
@@ -98,11 +99,10 @@
     "@things-factory/system-ui": "^6.0.21",
     "@things-factory/work-shift": "^6.0.21",
     "@tinymce/tinymce-webcomponent": "^2.0.1",
-    "lexical": "^0.9.0",
     "random-words": "^1.2.0"
   },
   "devDependencies": {
     "@things-factory/builder": "^6.0.21"
   },
-  "gitHead": "074a4f460d08fed4bc7e9882aa57f4c120cf0f11"
+  "gitHead": "a2a42f609dc97b57602d49716201fab337268f68"
 }