chore(editor): entity name type

Author: Novout

src/components/editor/entity/EditorEntityInput.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ContextStatePageContent } from '@/types/context'
+  import { Entity } from '@/types/context'
   import { useEntity } from '@/use/entity'
   import { useFormat } from '@/use/format'
   import { useInput } from '@/use/input'
@@ -138,7 +138,7 @@
         raw: env.pageBreak(),
         createdAt: format.actually(),
         updatedAt: format.actually(),
-      } as ContextStatePageContent
+      } as Entity
 
       type.value = 'paragraph'
       input.value.placeholder = t('editor.text.placeholder.paragraph')
@@ -156,7 +156,7 @@
         raw: env.lineBreak(),
         createdAt: format.actually(),
         updatedAt: format.actually(),
-      } as ContextStatePageContent
+      } as Entity
 
       type.value = 'paragraph'
       input.value.placeholder = t('editor.text.placeholder.paragraph')
@@ -169,7 +169,7 @@
     if (entity.utils().entry(_cmp, 'im')) {
       cmp.value = ''
 
-      factory.simulate().file((content: ContextStatePageContent) => {
+      factory.simulate().file((content: Entity) => {
         type.value = 'paragraph'
         input.value.placeholder = t('editor.text.placeholder.paragraph')
 
@@ -190,7 +190,7 @@
       raw: props.modelValue,
       createdAt: format.actually(),
       updatedAt: format.actually(),
-    } as ContextStatePageContent
+    } as Entity
 
     type.value = 'paragraph'
     input.value.placeholder = t('editor.text.placeholder.paragraph')
@@ -220,7 +220,7 @@
         raw: normalize,
         createdAt: format.actually(),
         updatedAt: format.actually(),
-      } as ContextStatePageContent
+      } as Entity
 
       CONTEXT.addInPageWithPaste(content)
 

src/components/editor/entity/EditorEntityShow.vue

@@ -125,7 +125,7 @@
       "
       :style="{ height, whiteSpace: 'break-spaces' }"
       @keypress.enter.prevent="onEnter"
-      @keydown="generalHandler"
+      @keydown="onKeyboard"
       @input="onChangeArea"
       @click="onClick"
     />
@@ -142,7 +142,7 @@
   import { useFactory } from '@/use/factory'
   import { useToast } from 'vue-toastification'
   import { useI18n } from 'vue-i18n'
-  import { ContextStatePageContent } from '@/types/context'
+  import { Entity } from '@/types/context'
   import { EntityShowEditOptions } from '@/types/entity'
   import { VueEmitterEntityOpen, VueEmitterEntityClose } from '@/types/emitter'
   import { useScroll } from '@/use/scroll'
@@ -154,7 +154,7 @@
   const props = defineProps({
     entity: {
       required: true,
-      type: Object as () => ContextStatePageContent,
+      type: Object as () => Entity,
     },
   })
 
@@ -272,7 +272,7 @@
       data.value = ''
 
       factory.simulate().file(
-        (content: ContextStatePageContent) => {
+        (content: Entity) => {
           edit.value = false
 
           CONTEXT.newInExistentEntity({
@@ -290,7 +290,7 @@
   onMounted(() => {
     emitter.on(
       'entity-close',
-      (ent?: ContextStatePageContent, options?: VueEmitterEntityClose) => {
+      (ent?: Entity, options?: VueEmitterEntityClose) => {
         if (document.activeElement === input.value) return
 
         if (options?.all) {
@@ -346,7 +346,7 @@
       }
     })
 
-    emitter.on('entity-not-mutate', async (entity: ContextStatePageContent) => {
+    emitter.on('entity-not-mutate', async (entity: Entity) => {
       const _id = CONTEXT.entity.indexOf(entity)
 
       focus.value = false
@@ -473,7 +473,7 @@
     })
   }
 
-  const generalHandler = async (e: KeyboardEvent) => {
+  const onKeyboard = async (e: KeyboardEvent) => {
     const _input = input.value as HTMLTextAreaElement
 
     // in ctrl press

src/components/editor/main/EditorBase.vue

@@ -44,7 +44,7 @@
 
 <script lang="ts" setup>
   import { ref, nextTick } from 'vue'
-  import { ContextStatePageContent } from '@/types/context'
+  import { Entity } from '@/types/context'
   import { useScroll } from '@/use/scroll'
   import { useEnv } from '@/use/env'
   import useEmitter from '@/use/emitter'
@@ -64,7 +64,7 @@
   const main = ref<HTMLElement | null>(null)
   const entry = ref<string>('')
 
-  const enterListener = async (content: ContextStatePageContent) => {
+  const enterListener = async (content: Entity) => {
     CONTEXT.addInPage(content)
 
     await nextTick()

src/store/context.ts

@@ -1,9 +1,5 @@
 import { defineStore } from 'pinia'
-import {
-  ContextState,
-  ContextStatePageContent,
-  EntityType,
-} from '../types/context'
+import { ContextState, Entity, EntityType } from '../types/context'
 import { useEnv } from '../use/env'
 import { useFormat } from '../use/format'
 import { useUtils } from '../use/utils'
@@ -20,10 +16,10 @@ export const useContextStore = defineStore('context', {
       this.id = content.id
       this.entity = content.entity
     },
-    addInPage(content: ContextStatePageContent) {
+    addInPage(content: Entity) {
       this.entity.push(content)
     },
-    addInPageWithPaste(content: ContextStatePageContent) {
+    addInPageWithPaste(content: Entity) {
       // force nextTick for id append...
     },
     updateInPage(obj: Record<string, any>) {
@@ -39,13 +35,13 @@ export const useContextStore = defineStore('context', {
         this.entity[index].updatedAt = useFormat().actually()
       }
     },
-    removeInPage(entity: ContextStatePageContent) {
+    removeInPage(entity: Entity) {
       const index = this.entity.indexOf(entity)
 
       if (index === -1 || entity.type === 'heading-one') return
 
       this.entity = this.entity.filter(
-        (item: ContextStatePageContent) => this.entity.indexOf(item) !== index
+        (item: Entity) => this.entity.indexOf(item) !== index
       )
     },
     switchInPage(obj: Record<any, any>) {
@@ -78,10 +74,7 @@ export const useContextStore = defineStore('context', {
 
       this.entity[index].raw = r
     },
-    newInExistentEntity(
-      this: ContextState,
-      payload: Record<string, ContextStatePageContent>
-    ) {
+    newInExistentEntity(this: ContextState, payload: Record<string, Entity>) {
       const index = this.entity.indexOf(payload.old)
 
       if (index === -1) return
@@ -92,10 +85,8 @@ export const useContextStore = defineStore('context', {
       this.entity[index].updatedAt = useFormat().actually()
       this.entity[index].external = payload.new.external || {}
     },
-    newInPage(payload: Record<string, ContextStatePageContent | string>) {
-      const index = this.entity.indexOf(
-        payload.entity as ContextStatePageContent
-      )
+    newInPage(payload: Record<string, Entity | string>) {
+      const index = this.entity.indexOf(payload.entity as Entity)
 
       if (index === -1) return
 
@@ -104,16 +95,12 @@ export const useContextStore = defineStore('context', {
         raw: useEnv().emptyLine(),
         createdAt: useFormat().actually(),
         updatedAt: useFormat().actually(),
-      } as ContextStatePageContent
+      } as Entity
 
       this.entity = useUtils().array().insert(this.entity, index, entity)
     },
-    newInPagePosEdit(
-      payload: Record<string, ContextStatePageContent | string>
-    ) {
-      const index = this.entity.indexOf(
-        payload.entity as ContextStatePageContent
-      )
+    newInPagePosEdit(payload: Record<string, Entity | string>) {
+      const index = this.entity.indexOf(payload.entity as Entity)
 
       if (index === -1) return
 
@@ -122,28 +109,26 @@ export const useContextStore = defineStore('context', {
         raw: payload.raw || useEnv().emptyLine(),
         createdAt: useFormat().actually(),
         updatedAt: useFormat().actually(),
-      } as ContextStatePageContent
+      } as Entity
 
       this.entity = useUtils()
         .array()
         .insert(this.entity, index + 1, entity)
     },
-    alterInPage(payload: Record<string, ContextStatePageContent | EntityType>) {
-      const index = this.entity.indexOf(
-        payload.entity as ContextStatePageContent
-      )
+    alterInPage(payload: Record<string, Entity | EntityType>) {
+      const index = this.entity.indexOf(payload.entity as Entity)
 
       if (index === -1) return
 
-      const entity = payload.entity as ContextStatePageContent
+      const entity = payload.entity as Entity
 
       this.entity[index].type = payload.type as EntityType
       this.entity[index].raw = entity.raw
       this.entity[index].createdAt = useFormat().actually()
       this.entity[index].updatedAt = useFormat().actually()
       this.entity[index].external = entity.external || {}
     },
-    insertRawInExistentEntity(entity: ContextStatePageContent) {
+    insertRawInExistentEntity(entity: Entity) {
       const index = this.entity.indexOf(entity)
 
       if (index === -1) return

src/store/project.ts

@@ -3,7 +3,7 @@ import { ContextState } from '@/types/context'
 import { ProjectState } from '@/types/project'
 import { useFormat } from '@/use/format'
 import { useText } from '../use/text'
-import { ContextStatePageContent } from '../types/context'
+import { Entity } from '../types/context'
 
 export const useProjectStore = defineStore('project', {
   state: (): ProjectState => {
@@ -168,7 +168,7 @@ export const useProjectStore = defineStore('project', {
     },
     resetDates() {
       this.pages.forEach((page: ContextState) => {
-        page.entity.forEach((line: ContextStatePageContent) => {
+        page.entity.forEach((line: Entity) => {
           line.createdAt = useFormat().actually()
           line.updatedAt = useFormat().actually()
         })

src/types/context.ts

@@ -9,10 +9,10 @@ export type EntityType =
 
 export type ContextState = {
   id: number
-  entity: Array<ContextStatePageContent>
+  entity: Array<Entity>
 }
 
-export type ContextStatePageContent = {
+export type Entity = {
   type: EntityType
   raw: string
   createdAt: string

src/types/emitter.ts

@@ -1,10 +1,10 @@
-import { ContextStatePageContent } from './context'
+import { Entity } from './context'
 export interface VueEmitterEntityClose {
   all?: boolean
 }
 
 export interface VueEmitterEntityOpen {
-  entity: ContextStatePageContent
+  entity: Entity
   up?: boolean
   selectionInitial?: boolean
   switch?: boolean

src/use/entity.ts

@@ -1,4 +1,4 @@
-import { ContextStatePageContent } from '@/types/context'
+import { Entity } from '@/types/context'
 import { ContextState } from '@/types/context'
 import { useScroll } from '@/use/scroll'
 import { computed, reactive, nextTick, watch, ref } from 'vue'
@@ -70,7 +70,7 @@ export const useEntity = () => {
       // TODO: Deletar em caso de output vazio
       if (!entry || !output) return
 
-      arr.forEach((e: ContextStatePageContent) => {
+      arr.forEach((e: Entity) => {
         const text = e.raw.split(' ')
 
         text.forEach((t: string) => {
@@ -110,7 +110,7 @@ export const useEntity = () => {
       fstate.maxLetterCounter = 0
 
       pages.value.forEach((context: ContextState) => {
-        context.entity.forEach((entity: ContextStatePageContent) => {
+        context.entity.forEach((entity: Entity) => {
           if (!fstate.entry) return
 
           if (entity.raw.includes(fstate.entry)) {

src/use/factory.ts

@@ -1,12 +1,12 @@
 import { useEnv } from './env'
-import { ContextStatePageContent, EntityType } from '@/types/context'
+import { Entity, EntityType } from '@/types/context'
 import { useFormat } from './format'
 export const useFactory = () => {
   const env = useEnv()
   const format = useFormat()
 
   const entity = () => {
-    const create = (type: EntityType): ContextStatePageContent => {
+    const create = (type: EntityType): Entity => {
       if (type === 'line-break') {
         return {
           type,
@@ -59,7 +59,7 @@ export const useFactory = () => {
             raw: reader.result,
             createdAt: format.actually(),
             updatedAt: format.actually(),
-          } as ContextStatePageContent
+          } as Entity
 
           load && load(content)
         }

src/use/pdf.ts

@@ -2,7 +2,7 @@ import { Callback } from '@/types/utils'
 import { useToast } from 'vue-toastification'
 import * as pdfMake from 'pdfmake/build/pdfmake'
 import { GenerateParagraphOptions } from '@/types/pdf'
-import { ContextState, ContextStatePageContent } from '@/types/context'
+import { ContextState, Entity } from '@/types/context'
 import { useRaw } from './raw'
 import { useEnv } from './env'
 import { useFonts } from './google/fonts'
@@ -227,7 +227,7 @@ export const usePDF = () => {
       if (!project.isBlankProject()) frontCover(arr)
 
       pages.forEach((page: ContextState) => {
-        page.entity.forEach((entity: ContextStatePageContent) => {
+        page.entity.forEach((entity: Entity) => {
           let _raw = {}
 
           if (entity.raw === env.emptyLine()) {

src/use/raw.ts

@@ -1,4 +1,4 @@
-import { ContextStatePageContent } from '@/types/context'
+import { Entity } from '@/types/context'
 
 export const bold = () => {
   const open = () => {
@@ -93,7 +93,7 @@ export const useRaw = () => {
     return final
   }
 
-  const convert = (entity: ContextStatePageContent) => {
+  const convert = (entity: Entity) => {
     let final = ''
     let _italic = false
     let _bold = false