@live-change/wysiwyg-frontend 0.2.7 → 0.2.9

package/front/src/DocumentEditorTest.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <DocumentEditor targetType="Example" target="one" :type="'rich'" :purpose="'test'"
+    <DocumentEditor targetType="Example" :target="target" :type="'rich'" :purpose="'test'"
                     :initialContent="emptyContent"
                     :config="contentConfig" />
   </div>
@@ -11,6 +11,16 @@
   import DocumentEditor from "./components/DocumentEditor.vue"
   import { ref } from 'vue'
   import { basicMarks, messageNodes, richEditorNodes } from "./components/contentConfig.js"
+  import { toRefs } from '@vueuse/core'
+
+  const props = defineProps({
+    target: {
+      type: String,
+      default: 'one'
+    }
+  })
+
+  const { target } = toRefs(props)
 
   const contentConfig = {
     marks: {

package/front/src/DocumentPreviewTest.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "DocumentPreviewTest"
+}
+</script>
+
+<style scoped>
+
+</style>

package/front/src/components/DocumentEditor.vue

@@ -75,7 +75,7 @@
     initialContent: props.initialContent
   })
 
-  const saveState = computed(() => authority.synchronizationState ?? 'loading')
+  const saveState = computed(() => authority.synchronizationState.value ?? 'loading')
   emit('update:saveState', saveState.value)
   watch(() => saveState.value, async (state) => {
     emit('update:saveState', state)
@@ -110,9 +110,8 @@
   const documentData = await authority.loadDocument()
   version.value = authority.remoteVersion
 
-  console.log("CONFIG", props.config, 'EXTENSIONS', extensions
-  )
-  console.log("DOCUMENT DATA", documentData)
+  //console.log("CONFIG", props.config, 'EXTENSIONS', extensions)
+  //console.log("DOCUMENT DATA", documentData)
   const editor = useEditor({
     content: documentData.content,
     extensions: [

package/front/src/components/EditorMenu.vue

@@ -76,6 +76,9 @@
         </FileInput>
   <!--    </div>-->
 
+      <Button v-if="config.nodes.component" label="Insert Component" class="p-button-sm p-button-primary"
+              @click="editor.chain().focus().setHorizontalRule().run()" />
+
       <span v-if="saveState"
             class="p-button p-component p-button-sm p-button-outlined p-button-secondary cursor-auto
              inline-block mr-1 mb-1"
@@ -122,6 +125,10 @@
     saveState: {
       type: String,
       default: null
+    },
+    availableComponents: {
+      type: Array,
+      default: () => []
     }
   })
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/wysiwyg-frontend",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "scripts": {
     "memDev": "lcli memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -20,7 +20,7 @@
     "debug": "node --inspect-brk server"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^6.1.1",
+    "@fortawesome/fontawesome-free": "^6.2.0",
     "@live-change/cli": "0.7.4",
     "@live-change/dao": "0.5.8",
     "@live-change/dao-vue3": "0.5.8",
@@ -31,8 +31,8 @@
     "@live-change/secret-code-service": "0.3.2",
     "@live-change/secret-link-service": "0.3.2",
     "@live-change/session-service": "0.3.2",
-    "@live-change/vue3-components": "0.2.15",
-    "@live-change/vue3-ssr": "0.2.15",
+    "@live-change/vue3-components": "0.2.16",
+    "@live-change/vue3-ssr": "0.2.16",
     "@tiptap/extension-blockquote": "^2.0.0-beta.29",
     "@tiptap/extension-bold": "^2.0.0-beta.28",
     "@tiptap/extension-bullet-list": "^2.0.0-beta.29",
@@ -85,5 +85,5 @@
   "author": "",
   "license": "ISC",
   "description": "",
-  "gitHead": "ef577fb31dd857acb491bd7114e611638283fe6f"
+  "gitHead": "703c9723562ade7b2420e1b25b28ced51a96db09"
 }