@meistrari/minuta-nuxt 1.1.1 → 1.2.0

package/dist/runtime/components/MinutaEmbed.vue

@@ -5,7 +5,7 @@ import type { Minuta, MinutaAnalysis, MinutaChrome, MinutaVersion } from '../com
 import { useMinutaApi } from '../composables/useMinutaApi'
 import type { ApplyChatEditResult, MinutaChatEdit } from '../composables/chatEditOps'
 import { applyChatEditOps, mergeChatAnnotations } from '../composables/chatEditOps'
-import { pocPageKey } from '../composables/paginationPlugin'
+import { pocPageKey } from '@meistrari/minuta-editor'
 import { pocEnterVersionDiff, pocExitVersionDiff } from '../composables/versionDiff'
 import { refreshVaultImages } from '../composables/vaultImages'
 import TelaButton from '@meistrari/tela-build/components/tela/button/button.vue'
@@ -219,7 +219,7 @@ async function exportDocx() {
         await saveNow()
         // a lib `docx` é o maior pedaço do bundle e só serve no clique:
         // carregar sob demanda tira ~1 MB do abrir da minuta
-        const { pocExportDocx } = await import('../composables/docxExport')
+        const { pocExportDocx } = await import('@meistrari/minuta-editor/docx')
         const breaks = pocPageKey.getState(ed.state)?.breaks ?? []
         const blob = await pocExportDocx(ed, props.margins, {
             headerText: chromeText.header,

package/dist/runtime/components/MinutaTemplateEditor.vue

@@ -3,8 +3,8 @@ import { computed, onMounted, onUnmounted, reactive, ref, watch } from 'vue'
 import type { Editor } from '@tiptap/core'
 import MinutaDocxEditor from './MinutaDocxEditor.vue'
 import MinutaChromeEditor from './MinutaChromeEditor.vue'
-import type { MinutaVariableDef } from '../utils/templateVariables'
-import { extractTemplateVariables } from '../utils/templateVariables'
+import type { MinutaVariableDef } from '@meistrari/minuta-editor'
+import { extractTemplateVariables } from '@meistrari/minuta-editor'
 import type { MinutaChrome } from '../composables/useMinutaApi'
 
 /**

package/dist/runtime/composables/useMinutaApi.d.ts

@@ -1,5 +1,5 @@
-import { extractTemplateVariables, resolveTemplateVariables } from '../utils/templateVariables.js';
-export type { MinutaVariableDef } from '../utils/templateVariables.js';
+import { extractTemplateVariables, resolveTemplateVariables } from '@meistrari/minuta-editor';
+export type { MinutaVariableDef } from '@meistrari/minuta-editor';
 export { extractTemplateVariables, resolveTemplateVariables };
 export interface MinutaFile {
     name: string;

package/dist/runtime/composables/useMinutaApi.js

@@ -1,5 +1,5 @@
 import { $fetch } from "ofetch";
-import { extractTemplateVariables, resolveTemplateVariables } from "../utils/templateVariables.js";
+import { extractTemplateVariables, resolveTemplateVariables } from "@meistrari/minuta-editor";
 export { extractTemplateVariables, resolveTemplateVariables };
 export function useMinutaApi() {
   const base = "/api/minuta";

package/dist/runtime/composables/vaultImages.d.ts

@@ -1,9 +1,5 @@
 import type { Editor } from '@tiptap/core';
-/** mesmo escape do lazy-vault-images pro valor do atributo */
-export declare function escapeVaultAttr(value: string): string;
-export declare function decodeVaultAttr(value: string): string;
-/** tag de imagem que o editor insere após o upload */
-export declare function vaultImageHtml(src: string, vaultUrl: string): string;
+export { decodeVaultAttr, escapeVaultAttr, vaultImageHtml } from '@meistrari/minuta-editor';
 /**
  * Re-resolve todas as imagens vault:// do documento (o src presignado salvo
  * pode ter expirado). Transação fora do histórico de undo e marcada como

package/dist/runtime/composables/vaultImages.js

@@ -1,19 +1,9 @@
 import { PROGRAMMATIC_META } from "./annotationAnchors.js";
+import { decodeVaultAttr } from "@meistrari/minuta-editor";
+export { decodeVaultAttr, escapeVaultAttr, vaultImageHtml } from "@meistrari/minuta-editor";
 function escapeAttr(value) {
   return value.replace(/&/g, "&").replace(/"/g, """);
 }
-function escapeRegExp(value) {
-  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-export function escapeVaultAttr(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-export function decodeVaultAttr(value) {
-  return value.replace(/&quot;/g, '"').replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&amp;/g, "&");
-}
-export function vaultImageHtml(src, vaultUrl) {
-  return `<img src="${escapeAttr(src)}" data-vault-src="${escapeVaultAttr(vaultUrl)}" style="width: 420px; height: auto; max-width: 100%;">`;
-}
 function swapSrcKeepRef(html, attrValue, freshUrl) {
   const needle = `data-vault-src="${attrValue}"`;
   if (!html.includes(needle))

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@meistrari/minuta-nuxt",
-    "version": "1.1.1",
+    "version": "1.2.0",
     "description": "Embed do editor de minuta (docx paginado A4) do defesa.ai para apps Nuxt — componente + proxy Nitro, sem segredos no browser",
     "repository": {
         "type": "git",
@@ -39,6 +39,7 @@
     },
     "dependencies": {
         "@fontsource-variable/inter": "5.3.0",
+        "@meistrari/minuta-editor": "^1.0.0",
         "@nuxt/kit": "^3.17.7",
         "@phosphor-icons/vue": "2.2.1",
         "@tiptap/core": "2.11.9",

package/dist/runtime/components/MinutaVariablePicker.vue

@@ -1,149 +0,0 @@
-<script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue'
-import type { MinutaVariableDef } from '../utils/templateVariables'
-
-/**
- * Seletor de variável do template — o popover que abre pelo `/` no texto ou
- * pelo botão da toolbar.
- *
- * A busca é por RÓTULO, não por chave: quem monta o template pensa em "número
- * do processo", não em `PROCESSO`. A chave aparece ao lado porque é ela que o
- * host recebe de volta, e ver as duas juntas é o que ensina o vocabulário.
- */
-
-const props = defineProps<{
-    variables: MinutaVariableDef[]
-    /** posição absoluta dentro do container do editor */
-    top: number
-    left: number
-    /** texto digitado depois do `/` (busca ao vivo do gatilho no documento) */
-    query?: string
-}>()
-
-const emit = defineEmits<{ select: [variable: MinutaVariableDef], close: [] }>()
-
-const search = ref('')
-const activeIndex = ref(0)
-const searchInput = ref<HTMLInputElement | null>(null)
-
-/** o gatilho `/` filtra pelo que está sendo digitado NO DOCUMENTO; o botão, pelo campo */
-const term = computed(() => (props.query ?? search.value).trim().toLowerCase())
-
-const filtered = computed(() => {
-    if (!term.value)
-        return props.variables
-    return props.variables.filter(v =>
-        v.label.toLowerCase().includes(term.value)
-        || v.key.toLowerCase().includes(term.value)
-        || (v.description?.toLowerCase().includes(term.value) ?? false),
-    )
-})
-
-/** lista achatada com cabeçalhos de grupo — o índice ativo anda só nos itens */
-const rows = computed(() => {
-    const out: Array<{ kind: 'group', label: string } | { kind: 'item', variable: MinutaVariableDef, index: number }> = []
-    let index = 0
-    let lastGroup: string | null = null
-    for (const variable of filtered.value) {
-        const group = variable.group ?? null
-        if (group && group !== lastGroup)
-            out.push({ kind: 'group', label: group })
-        lastGroup = group
-        out.push({ kind: 'item', variable, index })
-        index++
-    }
-    return out
-})
-
-watch(filtered, () => {
-    activeIndex.value = 0
-})
-
-/**
- * Aberto pelo BOTÃO (sem `query`), o filtro é o campo daqui e ele precisa do
- * foco — quem abriu não estava digitando no documento. Aberto pelo GATILHO `/`,
- * o foco fica no editor de propósito: a pessoa continua digitando o texto do
- * filtro no próprio parágrafo, e é o pai que encaminha as teclas para cá.
- *
- * `onMounted`, e não um watcher `immediate`: no watcher o ref do input ainda
- * não existe, e o foco caía no editor — daí o que se digitava virar texto do
- * documento em vez de busca.
- */
-onMounted(() => {
-    if (props.query === undefined)
-        searchInput.value?.focus()
-})
-
-function move(delta: number) {
-    const total = filtered.value.length
-    if (!total)
-        return
-    activeIndex.value = (activeIndex.value + delta + total) % total
-}
-
-function choose(index = activeIndex.value) {
-    const variable = filtered.value[index]
-    if (variable)
-        emit('select', variable)
-}
-
-/** o gatilho `/` mantém o foco no editor — o pai delega as teclas para cá */
-defineExpose({ move, choose, hasResults: () => filtered.value.length > 0 })
-</script>
-
-<template>
-    <div
-        class="poc-varpicker"
-        :style="{ top: `${top}px`, left: `${left}px` }"
-        @click.stop
-    >
-        <input
-            v-if="query === undefined"
-            ref="searchInput"
-            v-model="search"
-            class="poc-varpicker__search"
-            placeholder="Buscar variável…"
-            spellcheck="false"
-            @keydown.down.prevent="move(1)"
-            @keydown.up.prevent="move(-1)"
-            @keydown.enter.prevent="choose()"
-            @keydown.esc.prevent="emit('close')"
-        >
-        <div v-else class="poc-varpicker__hint">
-            Variável<span v-if="query">: <b>{{ query }}</b></span>
-        </div>
-
-        <!-- `mousedown.prevent` só na lista: na raiz ele impediria o clique de
-             focar o próprio campo de busca. Aqui ele serve para o clique num
-             item não tirar o foco de onde está (editor ou campo) antes do
-             `click` — o que fecharia o popover pelo caminho de "clicou fora". -->
-        <div class="poc-varpicker__list" @mousedown.prevent>
-            <p v-if="!filtered.length" class="poc-varpicker__empty">
-                Nenhuma variável encontrada.
-            </p>
-            <template v-for="(row, i) in rows" :key="i">
-                <div v-if="row.kind === 'group'" class="poc-varpicker__group">
-                    {{ row.label }}
-                </div>
-                <button
-                    v-else
-                    type="button"
-                    class="poc-varpicker__item"
-                    :class="{ 'poc-varpicker__item--on': row.index === activeIndex }"
-                    @mouseenter="activeIndex = row.index"
-                    @click="choose(row.index)"
-                >
-                    <span class="poc-varpicker__label">{{ row.variable.label }}</span>
-                    <span class="poc-varpicker__key">{{ row.variable.key }}</span>
-                    <span v-if="row.variable.description" class="poc-varpicker__desc">
-                        {{ row.variable.description }}
-                    </span>
-                </button>
-            </template>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-.poc-varpicker{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 24px -8px rgba(0,0,0,.25);display:flex;flex-direction:column;font-size:13px;max-height:300px;overflow:hidden;position:absolute;width:320px;z-index:60}.poc-varpicker__search{border:0;border-bottom:1px solid #f3f4f6;font-family:inherit;font-size:13px;outline:none;padding:10px 12px}.poc-varpicker__hint{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:12px;padding:8px 12px}.poc-varpicker__list{flex:1;min-height:0;overflow-y:auto;padding:4px}.poc-varpicker__empty{color:#6b7280;font-size:12px;margin:0;padding:12px}.poc-varpicker__group{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 8px 4px;text-transform:uppercase}.poc-varpicker__item{background:none;border:0;border-radius:6px;cursor:pointer;display:grid;font-family:inherit;gap:2px 8px;grid-template-columns:1fr auto;padding:6px 8px;text-align:left;width:100%}.poc-varpicker__item--on{background:#f3f4f6}.poc-varpicker__label{color:#111827;font-weight:500}.poc-varpicker__key{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.poc-varpicker__desc{color:#6b7280;display:-webkit-box;font-size:11px;grid-column:1/-1;-webkit-line-clamp:2;line-height:1.4;overflow:hidden;-webkit-box-orient:vertical}
-</style>

package/dist/runtime/composables/docxExport.d.ts

@@ -1,24 +0,0 @@
-import type { Editor } from '@tiptap/core';
-import type { PocPageBreak } from './paginationPlugin.js';
-export interface PocDocxChrome {
-    headerText?: string;
-    footerText?: string;
-    headerLogoUrl?: string | null;
-    headerPosition?: 'left' | 'center' | 'right';
-    /** cabeçalho em todas as páginas ou só na primeira */
-    headerScope?: 'all' | 'first';
-    /** conteúdo custom do rodapé (o nº de página aparece sempre) */
-    footerScope?: 'all' | 'first';
-    /** numeração "Página N de M" no rodapé (default: ligada) */
-    showPageNumber?: boolean;
-}
-export interface PocDocxExportOptions {
-    /** quebras calculadas pelo engine de paginação do preview → paginação 1:1 */
-    breaks?: PocPageBreak[];
-}
-export declare function pocExportDocx(editor: Editor, margins: {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-}, chrome?: PocDocxChrome, options?: PocDocxExportOptions): Promise<Blob>;