spire.officejs-angular-ve 1.0.2

package/README.md

@@ -0,0 +1,320 @@
+# spire.officejs-angular
+
+An Angular component library for integrating Spire.OfficeJS editors into your Angular applications.
+
+# Installation
+
+```bash
+npm install spire.officejs-angular
+```
+
+# Usage
+
+## Using with Template Reference
+
+```typescript
+import { Component, AfterViewInit, OnInit, ViewChild, isDevMode } from '@angular/core';
+import { SpireOfficejsEditorComponent } from 'spire.officejs-angular';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [SpireOfficejsEditorComponent],
+  template: `
+    <div>
+      <button (click)="openEditor()">Open Editor</button>
+      <spire-officejs-editor
+        #editorRef
+        [config]="config"
+        [serverUrl]="serverUrl"
+      ></spire-officejs-editor>
+    </div>
+  `
+})
+export class OfficeJS implements AfterViewInit, OnInit {
+  constructor (private router: Router) {}
+
+  file = new File() // The actual File Data of the document
+  fileUint8Data = new Uint8Array() // The actual Uint8Array data of the document
+  serverUrl = window.location.origin
+  Editor: any
+  config: any = {}
+  Api: any
+
+  editorTypes = {
+    document: 'document',
+    pdf: 'pdf',
+    spreadsheet: 'spreadsheet',
+    presentation: 'presentation'
+  }
+  exts_document = ['docx', 'docm', 'doc', 'dotx', 'dotm', 'dot', 'odt', 'fodt', 'ott', 'txt', 'wps', 'wpt']
+  exts_spreadsheet = ['xlsx', 'csv', 'xlsm', 'xls', 'xltx', 'xltm', 'xlt', 'et', 'ett']
+  exts_presentation = ['pptx', 'pptm', 'ppt', 'ppsx', 'ppsm', 'pps', 'potx', 'potm', 'dps', 'dpt']
+  exts_pdf= ['pdf', 'xps']
+
+
+  @ViewChild('editorRef') editorRef?: SpireOfficejsEditorComponent
+
+  ngOnInit () {
+    this.init()
+  }
+
+  ngAfterViewInit () {
+    this.openEditor()
+  }
+  init () {
+    if (!this.file) {
+      this.router.navigate([''])
+      return
+    }
+    this.initConfig()
+  }
+  initConfig () {
+    var url = new URL(import.meta.url)
+    var editorType = ''
+    var ext = this.getFileExtension()
+    if (isDevMode()) {
+      this.serverUrl = `http://127.0.0.1:7000`
+    } else {
+      this.serverUrl = `${url.origin}/spire.officejs`
+      this.serverUrl = `${url.origin}/spire.officejs`
+    }
+    if (this.exts_document.includes(ext)) editorType = this.editorTypes.document
+    else if (this.exts_spreadsheet.includes(ext))
+      editorType = this.editorTypes.spreadsheet
+    else if (this.exts_presentation.includes(ext))
+      editorType = this.editorTypes.presentation
+    else if (this.exts_pdf.includes(ext)) editorType = this.editorTypes.pdf
+
+    this.config = {
+      fileAttrs: {
+        fileInfo: {
+          name: this.file.name,
+          ext: ext,
+          primary: String(new Date().getTime()), //this is key
+          creator: 'Jonn',
+          createTime: '2022-04-18 11:30:43'
+        },
+        sourceUrl: this.serverUrl + '/files/__ffff_192.168.2.134/' + this.file.name,
+        createUrl: this.serverUrl + '/open',
+        mergeFolderUrl: '',
+        fileChoiceUrl: '',
+        templates: {}
+      },
+      user: {
+        id: 'uid-1',
+        name: 'Jonn',
+        canSave: true
+      },
+      editorAttrs: {
+        editorMode: this.file.name.endsWith('.pdf') ? 'view' : 'edit',
+        editorWidth: '100%',
+        editorHeight: '100%',
+        editorType: editorType,
+        platform: 'desktop', //desktop£¬ mobile£¬ embedded
+        viewLanguage: 'zh', //en/zh
+        isReadOnly: false,
+        canChat: true,
+        canComment: true,
+        canReview: true,
+        canDownload: true,
+        canEdit: this.file.name.endsWith('.pdf') ? false : true,
+        canForcesave: true,
+        embedded: {
+          saveUrl: '',
+          embedUrl: '',
+          shareUrl: '',
+          toolbarDocked: 'top'
+        },
+        useWebAssemblyDoc: true,
+        useWebAssemblyExcel: true,
+        useWebAssemblyPpt: true,
+        useWebAssemblyPdf: true,
+        spireDocJsLicense: '',
+        spireXlsJsLicense: '',
+        spirePresentationJsLicense: '',
+        spirePdfJsLicense: '',
+        serverless: {
+          useServerless: true,
+          baseUrl: this.serverUrl,
+          fileData: this.fileUint8Data
+        },
+        events: {
+          onSave: this.onFileSave
+        },
+        plugins: {
+          pluginsData: []
+        }
+      }
+    }
+  }
+  OnWindowReSize () {
+    let wrapEl = document.getElementsByClassName('form') as any
+    if (wrapEl.length) {
+      wrapEl[0].style.height = screen.availHeight + 'px'
+      window.scrollTo(0, -1)
+      wrapEl[0].style.height = window.innerHeight + 'px'
+    }
+  }
+  getFileExtension () {
+    const filename = this.file.name.split(/[\\/]/).pop() as string
+    return filename.substring(filename.lastIndexOf('.') + 1).toLowerCase() || ''
+  }
+  onFileSave (data: any) {
+    console.log('save data', data)
+  }
+  openEditor () {
+    if(this.editorRef?.open)
+      this.editorRef.open()
+  }
+}
+```
+
+## Using in NgModule-based Applications
+
+If you're using NgModule-based Angular applications:
+
+```typescript
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { SpireOfficejsEditorModule } from 'spire.officejs-angular';
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [
+    BrowserModule,
+    SpireOfficejsEditorModule
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
+```
+
+# Parameters
+
+## Input Properties
+
+| Property | Description | Type | Default |
+|----------|-------------|------|---------|
+| id | Editor container ID | `string` | `'SpireofficejsEditor'` |
+| config | Editor configuration object | `object` | **Required** |
+| serverUrl | Server URL for Spire.OfficeJS | `string` | **Required** |
+
+## Methods
+
+| Method | Description |
+|--------|-------------|
+| open() | Manually initialize and open the editor |
+
+## Config Structure
+
+The `config` object should contain:
+
+```typescript
+{
+  fileAttrs: {
+    fileInfo: {
+      name: string,
+      ext: string,
+      primary: string,
+      creator: string,
+      createTime: string
+    },
+    sourceUrl: string,
+    createUrl?: string,
+    mergeFolderUrl?: string,
+    fileChoiceUrl?: string,
+    templates?: object
+  },
+  user: {
+    id: string,
+    name: string,
+    canSave: boolean
+  },
+  editorAttrs: {
+    editorMode: 'edit' | 'view',
+    editorWidth: string,
+    editorHeight: string,
+    editorType: 'document' | 'spreadsheet' | 'presentation' | 'pdf',
+    platform: 'desktop' | 'mobile',
+    viewLanguage: string,
+    isReadOnly: boolean,
+    canChat: boolean,
+    canComment: boolean,
+    canReview: boolean,
+    canDownload: boolean,
+    canEdit: boolean,
+    canForcesave: boolean,
+    embedded?: {
+      saveUrl: string,
+      embedUrl: string,
+      shareUrl: string,
+      toolbarDocked: string
+    },
+    useWebAssemblyDoc: boolean,
+    useWebAssemblyExcel: boolean,
+    useWebAssemblyPpt: boolean,
+    useWebAssemblyPdf: boolean,
+    spireDocJsLicense: string,
+    spireXlsJsLicense: string,
+    spirePresentationJsLicense: string,
+    spirePdfJsLicense: string,
+    serverless?: {
+      useServerless: boolean,
+      baseUrl: string,
+      fileData: Uint8Array
+    },
+    events: {
+      onSave: (data: any) => void
+    },
+    plugins: {
+      pluginsData: any[]
+    }
+  }
+}
+```
+
+# Important Notes
+
+1. Using this component requires the `vite` plugin to build a standalone server. You can refer to [Using the Official Migration Schematic](#using-the-official-migration-schematic) or configure it yourself.
+2. Make sure your server is running and accessible from the client application.
+3. The component will automatically load the necessary editor scripts from the provided `serverUrl`.
+4. For production use, ensure proper error handling and loading states.
+5. This component is built as a standalone Angular component and supports both standalone and NgModule-based applications.
+
+# Supported File Formats
+
+## Document
+.docx, .docm, .doc, .dotx, .dotm, .dot, .odt, .fodt, .ott, .txt, .wps, .wpt
+
+## Spreadsheet
+.xlsx, .csv, .xlsm, .xls, .xltx, .xltm, .xlt, .et, .ett
+
+## Presentation
+.pptx, .pptm, .ppt, .ppsx, .ppsm, .pps, .potx, .potm, .dps, .dpt
+
+## PDF
+.pdf, .xps
+
+# Build Tool Plugins
+
+| Build Tool | Plugin Name | NPM Package |
+|------------|-------------|-------------|
+| Vite | vite-plugin-spire.officejs | [vite-plugin-spire.officejs](https://www.npmjs.com/package/vite-plugin-spire.officejs) |
+
+# Using the Official Migration Schematic
+
+1. In your Angular project root directory, run the following command:
+```bash
+npm i @analogjs/platform @nx/devkit
+
+npx ng generate @analogjs/platform:migrate --project [your-project-name]
+```
+If you're unsure about the project name, you can check the `projects` field in the `angular.json` file.
+
+2. Execute the automatic migration
+This Schematic will automatically complete the following tasks:
+  - Install the necessary dependency packages.
+  - Create the `vite.config.ts` configuration file in the project root directory.
+  - Update `angular.json`, replacing the original `build` and `serve` builders with the Vite builders provided by Analog.
+  - Modify entry files such as `src/main.ts` to adapt to Vite's workflow.

package/fesm2022/spire.officejs-angular.mjs

@@ -0,0 +1,111 @@
+import * as i0 from '@angular/core';
+import { Input, Component, NgModule } from '@angular/core';
+import SpireofficeEditor from 'spire.officejs-web-editors';
+
+class SpireOfficejsEditorComponent {
+    id = 'SpireofficejsEditor';
+    config;
+    serverUrl;
+    SpireEditor;
+    baseUrl;
+    isEditorInitialized = false;
+    ngOnInit() {
+        this.validateProps();
+    }
+    ngAfterViewInit() {
+        this.init();
+    }
+    validateProps() {
+        if (!this.config) {
+            throw new Error('Missing parameter "config"');
+        }
+        if (this.serverUrl == null || this.serverUrl == undefined) {
+            throw new Error('Missing parameter "serverUrl"');
+        }
+    }
+    init() {
+        this.initServerUrl();
+        this.loadScript();
+    }
+    initServerUrl() {
+        if (this.serverUrl) {
+            if (this.serverUrl.endsWith('/')) {
+                this.baseUrl = this.serverUrl.substring(0, this.serverUrl.length - 1);
+            }
+            else {
+                this.baseUrl = this.serverUrl;
+            }
+        }
+        else {
+            this.baseUrl = window.location.origin;
+        }
+    }
+    initEditor() {
+        if (SpireofficeEditor && SpireofficeEditor.OpenApi) {
+            const OpenApi = SpireofficeEditor.OpenApi;
+            this.SpireEditor = new OpenApi(this.id, this.config);
+            window.Api = this.SpireEditor.GetOpenApi();
+            this.onWindowResize();
+        }
+    }
+    loadScript() {
+        const scriptTag = document.createElement('script');
+        const url = `${this.baseUrl}/web/editors/spireapi/SpireCloudEditor.js`;
+        scriptTag.setAttribute('src', url);
+        scriptTag.onerror = () => {
+            console.error(`Failed to load script: ${url}`);
+        };
+        document.body.appendChild(scriptTag);
+    }
+    onWindowResize() {
+        const wrapEl = document.getElementsByClassName('spire-officejs-editors-wrapper');
+        if (wrapEl.length) {
+            if (wrapEl[0]) {
+                wrapEl[0].style.height = screen.availHeight + 'px';
+            }
+            window.scrollTo(0, -1);
+            if (wrapEl[0]) {
+                wrapEl[0].style.height = window.innerHeight + 'px';
+            }
+        }
+    }
+    open() {
+        this.initEditor();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SpireOfficejsEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: SpireOfficejsEditorComponent, isStandalone: true, selector: "spire-officejs-editor", inputs: { id: "id", config: "config", serverUrl: "serverUrl" }, ngImport: i0, template: `<div [id]="id" class="spire-officejs-editors-wrapper">Loading editor...</div>`, isInline: true, styles: [".spire-officejs-editors-wrapper{width:100%;height:100%}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SpireOfficejsEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spire-officejs-editor', template: `<div [id]="id" class="spire-officejs-editors-wrapper">Loading editor...</div>`, standalone: true, styles: [".spire-officejs-editors-wrapper{width:100%;height:100%}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], serverUrl: [{
+                type: Input
+            }] } });
+
+class SpireOfficejsEditorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SpireOfficejsEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: SpireOfficejsEditorModule, imports: [SpireOfficejsEditorComponent], exports: [SpireOfficejsEditorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SpireOfficejsEditorModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SpireOfficejsEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SpireOfficejsEditorComponent],
+                    exports: [SpireOfficejsEditorComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of src
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpireOfficejsEditorComponent, SpireOfficejsEditorModule };
+//# sourceMappingURL=spire.officejs-angular.mjs.map

package/fesm2022/spire.officejs-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spire.officejs-angular.mjs","sources":["../../components/projects/src/officejsEditor/officejsEditor.component.ts","../../components/projects/src/officejsEditor/officejsEditor.module.ts","../../components/projects/src/public-api.ts","../../components/projects/src/spire.officejs-angular.ts"],"sourcesContent":["import { Component, OnInit, AfterViewInit, Input, Output, EventEmitter } from '@angular/core'\r\nimport type { OfficejsEditorProps, OfficejsEditorMethods } from './officejsEditor.types'\r\nimport SpireofficeEditor from 'spire.officejs-web-editors'\r\n\r\n\r\n@Component({\r\n  selector: 'spire-officejs-editor',\r\n  template: `<div [id]=\"id\" class=\"spire-officejs-editors-wrapper\">Loading editor...</div>`,\r\n  styles: [\r\n    `\r\n      .spire-officejs-editors-wrapper {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    `\r\n  ],\r\n  standalone: true\r\n})\r\nexport class SpireOfficejsEditorComponent\r\n  implements OnInit, AfterViewInit, OfficejsEditorProps, OfficejsEditorMethods\r\n{\r\n  @Input() id: string = 'SpireofficejsEditor'\r\n  @Input() config!: object\r\n  @Input() serverUrl!: string\r\n\r\n  private SpireEditor: any\r\n  private baseUrl!: string\r\n  private isEditorInitialized = false\r\n\r\n  ngOnInit (): void {\r\n    this.validateProps()\r\n  }\r\n\r\n  ngAfterViewInit (): void {\r\n    this.init()\r\n  }\r\n\r\n  protected validateProps (): void {\r\n    if (!this.config) {\r\n      throw new Error('Missing parameter \"config\"')\r\n    }\r\n    if (this.serverUrl == null || this.serverUrl == undefined) {\r\n      throw new Error('Missing parameter \"serverUrl\"')\r\n    }\r\n  }\r\n\r\n  protected init (): void {\r\n    this.initServerUrl()\r\n    this.loadScript()\r\n  }\r\n\r\n  protected initServerUrl (): void {\r\n    if (this.serverUrl) {\r\n      if (this.serverUrl.endsWith('/')) {\r\n        this.baseUrl = this.serverUrl.substring(0, this.serverUrl.length - 1)\r\n      } else {\r\n        this.baseUrl = this.serverUrl\r\n      }\r\n    } else {\r\n      this.baseUrl = window.location.origin\r\n    }\r\n  }\r\n\r\n  protected initEditor (): void {\r\n    if (SpireofficeEditor && SpireofficeEditor.OpenApi) {\r\n      const OpenApi: any = SpireofficeEditor.OpenApi\r\n      this.SpireEditor = new OpenApi(this.id, this.config)\r\n      window.Api = this.SpireEditor.GetOpenApi()\r\n      this.onWindowResize()\r\n    }\r\n  }\r\n\r\n  protected loadScript (): void {\r\n    const scriptTag = document.createElement('script')\r\n    const url = `${this.baseUrl}/web/editors/spireapi/SpireCloudEditor.js`\r\n\r\n    scriptTag.setAttribute('src', url)\r\n    scriptTag.onerror = () => {\r\n      console.error(`Failed to load script: ${url}`)\r\n    }\r\n    document.body.appendChild(scriptTag)\r\n  }\r\n\r\n  protected onWindowResize (): void {\r\n    const wrapEl = document.getElementsByClassName(\r\n      'spire-officejs-editors-wrapper'\r\n    ) as HTMLCollectionOf<HTMLElement>\r\n    if (wrapEl.length) {\r\n      if (wrapEl[0]) {\r\n        wrapEl[0].style.height = screen.availHeight + 'px'\r\n      }\r\n      window.scrollTo(0, -1)\r\n      if (wrapEl[0]) {\r\n        wrapEl[0].style.height = window.innerHeight + 'px'\r\n      }\r\n    }\r\n  }\r\n\r\n  public open (): void {\r\n    this.initEditor()\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { SpireOfficejsEditorComponent } from './officejsEditor.component';\r\n\r\n@NgModule({\r\n  imports: [SpireOfficejsEditorComponent],\r\n  exports: [SpireOfficejsEditorComponent]\r\n})\r\nexport class SpireOfficejsEditorModule { }","/*\r\n * Public API Surface of src\r\n */\r\n\r\nexport * from './officejsEditor/public-api';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "spire.officejs-angular-ve",
+  "version": "1.0.2",
+  "sideEffects": false,
+  "module": "fesm2022/spire.officejs-angular.mjs",
+  "typings": "types/spire.officejs-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/spire.officejs-angular.d.ts",
+      "default": "./fesm2022/spire.officejs-angular.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0",
+    "vite-plugin-spire.officejs": "^10.0.0",
+    "spire.officejs-ve": "1.0.2"
+  },
+  "keywords": [
+    "spire.officejs",
+    "Angular",
+    "TypeScript",
+    "Vite"
+  ],
+  "author": "icebluezhang",
+  "license": "MIT",
+  "description": ""
+}

package/types/spire.officejs-angular.d.ts

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { OnInit, AfterViewInit } from '@angular/core';
+
+declare global {
+    interface Window {
+        Api: any;
+    }
+}
+interface OfficejsEditorProps {
+    id?: string;
+    config: object;
+    serverUrl: string;
+}
+interface OfficejsEditorMethods {
+    open(): void;
+}
+
+declare class SpireOfficejsEditorComponent implements OnInit, AfterViewInit, OfficejsEditorProps, OfficejsEditorMethods {
+    id: string;
+    config: object;
+    serverUrl: string;
+    private SpireEditor;
+    private baseUrl;
+    private isEditorInitialized;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    protected validateProps(): void;
+    protected init(): void;
+    protected initServerUrl(): void;
+    protected initEditor(): void;
+    protected loadScript(): void;
+    protected onWindowResize(): void;
+    open(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpireOfficejsEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpireOfficejsEditorComponent, "spire-officejs-editor", never, { "id": { "alias": "id"; "required": false; }; "config": { "alias": "config"; "required": false; }; "serverUrl": { "alias": "serverUrl"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class SpireOfficejsEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpireOfficejsEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SpireOfficejsEditorModule, never, [typeof SpireOfficejsEditorComponent], [typeof SpireOfficejsEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SpireOfficejsEditorModule>;
+}
+
+export { SpireOfficejsEditorComponent, SpireOfficejsEditorModule };