sur-onlyoffice 1.0.0

package/.history/package_20251218095321.json

@@ -0,0 +1,12 @@
+{
+  "name": "sur-onlyoffice",
+  "version": "1.0.0",
+  "description": "文档",
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/.history/package_20251218095342.json

@@ -0,0 +1,12 @@
+{
+  "name": "sur-onlyoffice",
+  "version": "1.0.0",
+  "description": "文档",
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/.history/package_20251218100409.json

@@ -0,0 +1,12 @@
+{
+  "name": "sur-onlyoffice",
+  "version": "1.0.0",
+  "description": "文档",
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/.history/package_20251218100517.json

@@ -0,0 +1,15 @@
+{
+  "name": "sur-onlyoffice",
+  "version": "1.0.0",
+  "description": "文档",
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "peerDependencies": {
+    "vue": "^2.6.0 || ^3.0.0"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/.history/package_20251218100518.json

@@ -0,0 +1,15 @@
+{
+  "name": "sur-onlyoffice",
+  "version": "1.0.0",
+  "description": "文档",
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "peerDependencies": {
+    "vue": "^2.6.0 || ^3.0.0"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "sur-onlyoffice",
+  "version": "1.0.0",
+  "description": "文档",
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "peerDependencies": {
+    "vue": "^2.6.0 || ^3.0.0"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/src/components/DocumentEditor.stories.js

@@ -0,0 +1,151 @@
+/*
+* (c) Copyright Ascensio System SIA 2025
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import DocumentEditor from "./DocumentEditor.vue";
+import config from "../../config/default.json";
+
+export default {
+  title: 'DocumentEditor',
+  component: DocumentEditor,
+  tags: ["autodocs"],
+  argTypes: {
+    documentType: {
+        options: ["word", "cell", "slide", "pdf", "diagram"],
+        control: { type: "select" },
+    },
+    editorConfig_lang: {
+        options: [
+            "en", "az", "be", "bg", "ca", "zh", "cs", "da", "nl", "fi",
+            "fr", "gl", "de", "el", "hu", "id", "it", "ja", "ko", "lv",
+            "lo", "nb", "pl", "pt", "ro", "ru", "sk", "sl", "es", "sv",
+            "tr", "uk", "vi"
+        ],
+        control: { type: "select" },
+    },
+    type: {
+        options: ["desktop", "mobile"],
+        control: { type: "select" },
+    },
+    events_onAppReady: { action: "onAppReady" },
+    events_onDocumentStateChange: { action: "onDocumentStateChange" },
+    events_onMetaChange: { action: "onMetaChange" },
+    events_onDocumentReady: { action: "onDocumentReady" },
+    events_onInfo: { action: "onInfo" },
+    events_onWarning: { action: "onWarning" },
+    events_onError: { action: "onError" },
+    events_onRequestSharingSettings: { action: "onRequestSharingSettings" },
+    events_onRequestSendNotify: { action: "onRequestSendNotify" },
+    events_onRequestRename: { action: "onRequestRename" },
+    events_onMakeActionLink: { action: "onMakeActionLink" },
+    events_onRequestInsertImage: { action: "onRequestInsertImage" },
+    events_onRequestSaveAs: { action: "onRequestSaveAs" },
+    events_onRequestMailMergeRecipients: { action: "onRequestMailMergeRecipients" },
+    events_onRequestCompareFile: { action: "onRequestCompareFile" },
+    events_onRequestEditRights: { action: "onRequestEditRights" },
+    events_onRequestHistory: { action: "onRequestHistory" },
+    events_onRequestHistoryClose: { action: "onRequestHistoryClose" },
+    events_onRequestHistoryData: { action: "onRequestHistoryData" },
+    events_onRequestRestore: { action: "onRequestRestore" }
+  },
+};
+
+const Template = (args) => ({
+  components: { DocumentEditor },
+  setup() {
+    return { args };
+  },
+  template: '<DocumentEditor v-bind="args" />',
+});
+
+export const DocumentTemplate = Template.bind({});
+DocumentTemplate.storyName = "Document";
+DocumentTemplate.args = {
+    id: "docxEditor",
+    documentServerUrl: config.documentServerUrl,
+    config: {
+        document: {
+            fileType: "docx",
+            key: "docx" + Math.random(),
+            title: "demo.docx",
+            url: config.demoStorage + "demo.docx",
+        },
+        documentType: "word",
+    },
+};
+
+export const SpreadsheetTemplate = Template.bind({});
+SpreadsheetTemplate.storyName = "Spreadsheet";
+SpreadsheetTemplate.args = {
+    id: "xlsxEditor",
+    documentServerUrl: config.documentServerUrl,
+    config: {
+        document: {
+            fileType: "xlsx",
+            key: "xlsx" + Math.random(),
+            title: "demo.xlsx",
+            url: config.demoStorage + "demo.xlsx",
+        },
+        documentType: "cell",
+    },
+};
+
+export const PresentationTemplate = Template.bind({});
+PresentationTemplate.storyName = "Presentation";
+PresentationTemplate.args = {
+    id: "pptxEditor",
+    documentServerUrl: config.documentServerUrl,
+    config: {
+        document: {
+            fileType: "pptx",
+            key: "pptx" + Math.random(),
+            title: "demo.pptx",
+            url: config.demoStorage + "demo.pptx",
+        },
+        documentType: "slide",
+    },
+};
+
+export const FormTemplate = Template.bind({});
+FormTemplate.storyName = "Form";
+FormTemplate.args = {
+    id: "pdfEditor",
+    documentServerUrl: config.documentServerUrl,
+    config: {
+        document: {
+            fileType: "pdf",
+            key: "pdf" + Math.random(),
+            title: "oform.pdf",
+            url: config.demoStorage + "oform.pdf",
+        },
+        documentType: "word",
+    },
+};
+
+export const DiagramTemplate = Template.bind({});
+DiagramTemplate.storyName = "Diagram";
+DiagramTemplate.args = {
+    id: "diagramEditor",
+    documentServerUrl: config.documentServerUrl,
+    config: {
+        document: {
+            fileType: "vsdx",
+            key: "vsdx" + Math.random(),
+            title: "demo.vsdx",
+            url: config.demoStorage + "demo.vsdx",
+        },
+        documentType: "diagram",
+    },
+};

package/src/components/DocumentEditor.vue

@@ -0,0 +1,264 @@
+/*
+* (c) Copyright Ascensio System SIA 2025
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+<template>
+  <div :id="id"></div>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType } from 'vue';
+import loadScript from "../utils/loadScript";
+import { IConfig } from "../model/config";
+import cloneDeep from "lodash/cloneDeep";
+
+declare global {
+  interface Window {
+    DocsAPI?: any;
+    DocEditor?: any;
+  }
+}
+
+export default defineComponent({
+  name: 'DocumentEditor',
+  props: {
+    id: {
+      type: String,
+      required: true
+    },
+    documentServerUrl: {
+      type: String,
+      required: true
+    },
+    shardkey: {
+      type: [String, Boolean], 
+      default: true
+    },
+    config: {
+      type: Object as PropType<IConfig>,
+      required: true
+    },
+    document_fileType: String,
+    document_title: String,
+    documentType: String,
+    editorConfig_lang: String,
+    height: String,
+    type: String,
+    width: String,
+
+    onLoadComponentError: Function,
+
+    events_onAppReady: Function,
+    events_onDocumentStateChange: Function,
+    events_onMetaChange: Function,
+    events_onDocumentReady: Function,
+    events_onInfo: Function,
+    events_onWarning: Function,
+    events_onError: Function,
+    events_onRequestSharingSettings: Function,
+    events_onRequestSendNotify: Function,
+    events_onRequestRename: Function,
+    events_onMakeActionLink: Function,
+    events_onRequestInsertImage: Function,
+    events_onRequestSaveAs: Function,
+    /**
+     * @deprecated Deprecated since version 7.5, please use events_onRequestSelectSpreadsheet instead.
+     */
+    events_onRequestMailMergeRecipients: Function,
+    /**
+     * @deprecated Deprecated since version 7.5, please use events_onRequestSelectDocument instead.
+     */
+    events_onRequestCompareFile: Function,
+    events_onRequestEditRights: Function,
+    events_onRequestHistory: Function,
+    events_onRequestHistoryClose: Function,
+    events_onRequestHistoryData: Function,
+    events_onRequestRestore: Function,
+    events_onRequestSelectSpreadsheet: Function,
+    events_onRequestSelectDocument: Function,
+    events_onRequestUsers: Function,
+  },
+  mounted() {
+    let url = this.documentServerUrl;
+    if (!url!.endsWith("/")) url += "/";
+
+    let docsApiUrl = `${url}web-apps/apps/api/documents/api.js`;
+    if (this.shardkey) {
+      if (typeof this.shardkey === "boolean") {
+        docsApiUrl += `?shardkey=${this.config.document?.key}`;
+      } else {
+        docsApiUrl += `?shardkey=${this.shardkey}`;
+      }
+    }
+
+    loadScript(docsApiUrl, "onlyoffice-api-script")
+      .then(() => this.onLoad())
+      .catch(()=> {this.onError(-2)});
+  },
+  unmounted() {
+    const id = this.id || "";
+
+    if (window?.DocEditor?.instances[id]) {
+      window.DocEditor.instances[id].destroyEditor();
+      window.DocEditor.instances[id] = undefined;
+    }
+  },
+  watch: {
+    config: {
+      handler: function (newVal, oldVal) {
+        this.onChangeProps()     
+      },
+      deep: true
+    },
+    document_fileType: function(newVal, oldVal) { this.onChangeProps() },
+    document_title: function(newVal, oldVal) { this.onChangeProps() },
+    documentType: function(newVal, oldVal) { this.onChangeProps() },
+    editorConfig_lang: function(newVal, oldVal) { this.onChangeProps() },
+    height: function(newVal, oldVal) { this.onChangeProps() },
+    type: function(newVal, oldVal) { this.onChangeProps() },
+    width: function(newVal, oldVal) { this.onChangeProps() }
+  },
+  methods: {
+    onLoad () {
+       try {
+        const id = this.id || "";
+
+        if (!window.DocsAPI) this.onError(-3);
+        if (window?.DocEditor?.instances[id]) {
+          console.log("Skip loading. Instance already exists", id);
+          return;
+        }
+
+        if (!window?.DocEditor?.instances) {
+          window.DocEditor = { instances: {} };
+        }
+
+        var cloneConfig = cloneDeep(this.config);
+
+        var propsConfig: any = {
+          documentType: this.documentType,
+          events: {
+            onAppReady: this.onAppReady,
+            onDocumentStateChange: this.events_onDocumentStateChange,
+            onMetaChange: this.events_onMetaChange,
+            onDocumentReady: this.events_onDocumentReady,
+            onInfo: this.events_onInfo,
+            onWarning: this.events_onWarning,
+            onError: this.events_onError,
+            onRequestSharingSettings: this.events_onRequestSharingSettings,
+            onRequestSendNotify: this.events_onRequestSendNotify,
+            onRequestRename: this.events_onRequestRename,
+            onMakeActionLink: this.events_onMakeActionLink,
+            onRequestInsertImage: this.events_onRequestInsertImage,
+            onRequestSaveAs: this.events_onRequestSaveAs,
+            onRequestMailMergeRecipients: this.events_onRequestMailMergeRecipients,
+            onRequestCompareFile: this.events_onRequestCompareFile,
+            onRequestEditRights: this.events_onRequestEditRights,
+            onRequestHistory: this.events_onRequestHistory,
+            onRequestHistoryClose: this.events_onRequestHistoryClose,
+            onRequestHistoryData: this.events_onRequestHistoryData,
+            onRequestRestore: this.events_onRequestRestore,
+            onRequestSelectSpreadsheet: this.events_onRequestSelectSpreadsheet,
+            onRequestSelectDocument: this.events_onRequestSelectDocument,
+            onRequestUsers: this.events_onRequestUsers
+          },
+          height: this.height,
+          type: this.type,
+          width: this.width,
+        };
+
+        const document = this.getDocument();
+        const editorConfig = this.getEditorConfig();
+
+        if (document !== null) {
+          propsConfig.document = document;
+        }
+
+        if (editorConfig !== null) {
+          propsConfig.editorConfig = editorConfig;
+        }
+
+        let initConfig = Object.assign(propsConfig, cloneConfig || {});
+
+        const editor = window.DocsAPI.DocEditor(id, initConfig);
+        window.DocEditor.instances[id] = editor;
+      } catch (err: any) {
+        console.error(err);
+        this.onError(-1);
+      }
+    },
+    getDocument() {
+      var document: any = null;
+
+      if (this.document_fileType) {
+        document = document || {};
+        document.fileType = this.document_fileType;
+      }
+      if (this.document_title) {
+        document = document || {};
+        document.document_title = this.document_title;
+      }
+
+      return document;
+    },
+    getEditorConfig() {
+      var editorConfig: any = null;
+
+      if (this.editorConfig_lang) {
+        editorConfig = editorConfig || {};
+        editorConfig.lang = this.editorConfig_lang;
+      }
+
+      return editorConfig;
+    },
+    onError(errorCode: Number) {
+      let message;
+
+      switch(errorCode) {
+        case -2:
+          message = "Error load DocsAPI from " + this.documentServerUrl;
+          break;
+        case -3:
+          message = "DocsAPI is not defined";
+          break;
+        default:
+          message = "Unknown error loading component";
+          errorCode = -1;
+      }
+
+      if (typeof this.onLoadComponentError == "undefined") {
+        console.error(message);
+      } else {
+        this.onLoadComponentError(errorCode, message);
+      }
+    },
+    onAppReady() {
+      const id = this.id || "";
+      this.events_onAppReady!(window.DocEditor.instances[id]);
+    },
+    onChangeProps () {
+      const id = this.id || "";
+
+      if (window?.DocEditor?.instances[id]) {
+        window.DocEditor.instances[id].destroyEditor();
+        window.DocEditor.instances[id] = undefined;
+  
+        console.log("Important props have been changed. Load new Editor.");
+        this.onLoad();
+      }
+    }
+  }
+});
+</script>

package/src/components/DocumentsEditor.spec.ts

@@ -0,0 +1,41 @@
+/*
+* (c) Copyright Ascensio System SIA 2025
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import { shallowMount } from "@vue/test-utils";
+import DocumentEditor from "./DocumentEditor.vue";
+
+describe("DocumentEditor", () => {
+  it("renders the DocumentEditor component", () => {
+    const wrapper = shallowMount(DocumentEditor, {
+      props: { 
+        id: "docxEditor",
+        documentServerUrl: "http://documentserver/",
+        config: {
+          "document": {
+            "fileType": "docx",
+            "key": "Khirz6zTPdfd7",
+            "title": "Example Document Title.docx",
+            "url": "https://example.com/url-to-example-document.docx"
+          },
+          "documentType": "word",
+          "editorConfig": {
+            "callbackUrl": "https://example.com/url-to-callback.ashx"
+          }
+        }
+      }
+    });
+  });
+});

package/src/index.ts

@@ -0,0 +1,20 @@
+/*
+* (c) Copyright Ascensio System SIA 2025
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import SurDocumentEditor from "./components/DocumentEditor.vue";
+
+export { SurDocumentEditor };
+export * from "./model/config";

package/src/model/config.ts

@@ -0,0 +1,267 @@
+/*
+* (c) Copyright Ascensio System SIA 2025
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+export interface IConfig {
+  documentType?: string,
+  height?: string,
+  token?: string,
+  type?: string,
+  width?: string,
+  document?: {
+    fileType: string,
+    key: string,
+    referenceData?: {
+      fileKey: string,
+      instanceId: string,
+      key: string,
+    },
+    title: string,
+    url: string,
+    info?: {
+      owner?: string,
+      uploaded?: string,
+      favorite?: boolean,
+      folder?: string,
+      sharingSettings?: any[],
+    },
+    permissions?: {
+      /**
+       * @deprecated Deprecated since version 5.5, please add the onRequestRestore field instead.
+       */
+      changeHistory?: boolean,
+      chat?: boolean,
+      comment?: boolean,
+      commentGroups?: any,
+      copy?: boolean,
+      deleteCommentAuthorOnly?: boolean,
+      download?: boolean,
+      edit?: boolean,
+      editCommentAuthorOnly?: boolean,
+      fillForms?: boolean,
+      modifyContentControl?: boolean,
+      modifyFilter?: boolean,
+      print?: boolean,
+      protect?: boolean,
+      /**
+       * @deprecated Deprecated since version 6.0, please add the onRequestRename field instead.
+       */
+      rename?: boolean,
+      review?: boolean,
+      reviewGroups?: string[],
+      userInfoGroups?: string[],
+    },
+  },
+  editorConfig?: {
+    actionLink?: any,
+    callbackUrl?: string,
+    coEditing?: {
+      mode: string,
+      change: boolean,
+    },
+    createUrl?: string,
+    lang?: string,
+    /**
+     * @deprecated Deprecated since version 8.2, please use the region parameter instead.
+     */
+    location?: string,
+    mode?: string,
+    recent?: any[],
+    region?: string,
+    templates?: any[],
+    user?: {
+      /**
+       * @deprecated Deprecated since version 4.2, please use name instead.
+       */
+      firstname?: string,
+      group?: string,
+      id?: string,
+      image?: string,
+      /**
+       * @deprecated Deprecated since version 4.2, please use name instead.
+       */
+      lastname?: string,
+      name?: string,
+    },
+    customization?: {
+      anonymous?: {
+        request?: boolean,
+        label?: string,
+      },
+      autosave?: boolean,
+      /**
+       * @deprecated Deprecated since version 7.1, please use the document.permissions.chat parameter instead.
+       */
+      chat?: boolean,
+      close?: {
+        visible: boolean,
+        text: string,
+      },
+      /**
+       * @deprecated Deprecated since version 6.3, please use the document.permissions.editCommentAuthorOnly and document.permissions.deleteCommentAuthorOnly fields instead.
+       */
+      commentAuthorOnly?: boolean,
+      comments?: boolean,
+      compactHeader?: boolean,
+      compactToolbar?: boolean,
+      compatibleFeatures?: boolean,
+      customer?: {
+        address?: string,
+        info?: string,
+        logo?: string,
+        logoDark?: string,
+        mail?: string,
+        name?: string,
+        phone?: string,
+        www?: string,
+      },
+      features?: any,
+      feedback?: any,
+      forcesave?: boolean,
+      forceWesternFontSize?: boolean,
+      goback?: any,
+      help?: boolean,
+      hideNotes?: boolean,
+      hideRightMenu?: boolean,
+      hideRulers?: boolean,
+      integrationMode?: string,
+      layout?: any,
+      logo?: {
+        image?: string,
+        imageDark?: string,
+        imageLight?: string,
+        imageEmbedded?: string,
+        url?: string,
+        visible?: boolean,
+      },
+      macros?: boolean,
+      macrosMode?: string,
+      mentionShare?: boolean,
+      mobile?: {
+        forceView?: boolean,
+        info?: boolean,
+        standardView?: boolean,
+      },
+      /**
+       * @deprecated Starting from version 8.2, please use the mobile parameter instead.
+       */
+      mobileForceView?: boolean,
+      plugins?: boolean,
+      pointerMode?: 'select' | 'hand',
+      review?: {
+        hideReviewDisplay?: boolean,
+        hoverMode?: boolean,
+        reviewDisplay?: string,
+        showReviewChanges?: boolean,
+        trackChanges?: boolean,
+      },
+      /**
+       * @deprecated Deprecated since version 7.0. Please use the review.reviewDisplay parameter instead.
+       */
+      reviewDisplay?: string,
+      showHorizontalScroll?: boolean,
+      /**
+       * @deprecated Deprecated since version 7.0. Please use the review.showReviewChanges parameter instead.
+       */
+      showReviewChanges?: boolean,
+      showVerticalScroll?: boolean,
+      slidePlayerBackground?: string,
+      /**
+       * @deprecated Deprecated since version 7.1. Please use the features.spellcheck parameter instead.
+       */
+      spellcheck?: boolean,
+      submitForm?: {
+        visible: boolean,
+        resultMessage: string,
+      } | boolean,
+      toolbarHideFileName?: boolean,
+      toolbarNoTabs?: boolean,
+      /**
+       * @deprecated Deprecated since version 7.0. Please use the review.trackChanges parameter instead.
+       */
+      trackChanges?: boolean,
+      uiTheme?: string,
+      unit?: string,
+      wordHeadingsColor?: string,
+      zoom?: number,
+    },
+    embedded?: {
+      embedUrl?: string,
+      fullscreenUrl?: string,
+      saveUrl?: string,
+      shareUrl?: string,
+      toolbarDocked?: string,
+    },
+    plugins?: {
+      autostart?: string[],
+      options?: {
+        all?: Object,
+        pluginGuid: Object,
+      },
+      pluginsData?: string[],
+      /**
+       * @deprecated Deprecated since version 4.3, please use the absolute URLs in pluginsData field.
+       */
+      url?: string,
+    },
+  },
+  events?: {
+    onAppReady?: (event: object) => void,
+    onCollaborativeChanges?: (event: object) => void,
+    onDocumentReady?: (event: object) => void,
+    onDocumentStateChange?: (event: object) => void,
+    onDownloadAs?: (event: object) => void,
+    onError?: (event: object) => void,
+    onInfo?: (event: object) => void,
+    onMetaChange?: (event: object) => void,
+    onMakeActionLink?: (event: object) => void,
+    onOutdatedVersion?: (event: object) => void,
+    onPluginsReady?: (event: object) => void,
+    onReady?: (event: object) => void,
+    onRequestClose?: (event: object) => void,
+    /**
+     * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead.
+     */
+    onRequestCompareFile?: (event: object) => void,
+    onRequestCreateNew?: (event: object) => void,
+    onRequestEditRights?: (event: object) => void,
+    onRequestFillingStatus?: (event: object) => void,
+    onRequestHistory?: (event: object) => void,
+    onRequestHistoryClose?: (event: object) => void,
+    onRequestHistoryData?: (event: object) => void,
+    onRequestInsertImage?: (event: object) => void,
+    /**
+     * @deprecated Deprecated since version 7.5, please use onRequestSelectSpreadsheet instead.
+     */
+    onRequestMailMergeRecipients?: (event: object) => void,
+    onRequestOpen?: (event: object) => void,
+    onRequestReferenceData?: (event: object) => void,
+    onRequestReferenceSource?: (event: object) => void,
+    onRequestRefreshFile?: (event: object) => void,
+    onRequestRename?: (event: object) => void,
+    onRequestRestore?: (event: object) => void,
+    onRequestSaveAs?: (event: object) => void,
+    onRequestSelectDocument?: (event: object) => void,
+    onRequestSelectSpreadsheet?: (event: object) => void,
+    onRequestSendNotify?: (event: object) => void,
+    onRequestSharingSettings?: (event: object) => void,
+    onRequestStartFilling?: (event: object) => void,
+    onRequestUsers?: (event: object) => void,
+    onStartFilling?: (event: object) => void,
+    onSubmit?: (event: object) => void,
+    onUserActionRequired?: (event: object) => void,
+    onWarning?: (event: object) => void,
+  },
+}

package/src/shims-vue.d.ts

@@ -0,0 +1,22 @@
+/*
+* (c) Copyright Ascensio System SIA 2025
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/src/utils/loadScript.ts

@@ -0,0 +1,82 @@
+/*
+* (c) Copyright Ascensio System SIA 2025
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+const loadScript = async (url: string, id: string) => {
+  return new Promise((resolve, reject) => {
+    try {
+      // If DocsAPI is defined return resolve.
+      //@ts-ignore
+      if (window.DocsAPI) return resolve(null);
+
+      const existedScript = document.getElementById(id);
+
+      if (existedScript) {
+        // If the script element is found, wait for it to load.
+        let intervalHandler = setInterval(() => {
+          const loading = existedScript.getAttribute("loading");
+          if (loading) {
+            // If the download is not completed, continue to wait.
+            return;
+          } else {
+            // If the download is completed, stop the wait.
+            clearInterval(intervalHandler);
+
+            // If DocsAPI is defined, after loading return resolve.
+            //@ts-ignore
+            if (window.DocsAPI) return resolve(null);
+
+            // If DocsAPI is not defined, delete the existing script and create a new one.
+            const script = _createScriptTag(id, url, resolve, reject);
+            existedScript.remove();
+            document.body.appendChild(script);
+          }
+        }, 500);
+      } else {
+        // If the script element is not found, create it.
+        const script = _createScriptTag(id, url, resolve, reject);
+        document.body.appendChild(script);
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  });
+};
+
+const _createScriptTag = (id: string, url: string, resolve: (value: unknown) => void, reject: (reason?: any) => void) => {
+  const script = document.createElement("script");
+
+  script.id = id;
+  script.type = "text/javascript";
+  script.src = url;
+  script.async = true;
+
+  script.onload = () => {
+    // Remove attribute loading after loading is complete.
+    script.removeAttribute("loading");
+    resolve(null);
+  };
+  script.onerror = (error: any) => {
+    // Remove attribute loading after loading is complete.
+    script.removeAttribute("loading");
+    reject(error);
+  };
+
+  script.setAttribute("loading", "");
+
+  return script;
+};
+
+export default loadScript;