@design.estate/dees-wcctools 2.0.0 → 3.0.0

package/npmextra.json

@@ -1,5 +1,5 @@
 {
-  "gitzone": {
+  "@git.zone/cli": {
     "projectType": "wcc",
     "module": {
       "githost": "code.foss.global",
@@ -21,13 +21,19 @@
         "element testing",
         "page development"
       ]
+    },
+    "release": {
+      "registries": [
+        "https://verdaccio.lossless.digital",
+        "https://registry.npmjs.org"
+      ],
+      "accessLevel": "public"
     }
   },
-  "npmci": {
-    "npmGlobalTools": [],
-    "npmAccessLevel": "public"
-  },
-  "tsdoc": {
+  "@git.zone/tsdoc": {
     "legal": "\n## License and Legal Information\n\nThis repository contains open-source code that is licensed under the MIT License. A copy of the MIT License can be found in the [license](license) file within this repository. \n\n**Please note:** The MIT License does not grant permission to use the trade names, trademarks, service marks, or product names of the project, except as required for reasonable and customary use in describing the origin of the work and reproducing the content of the NOTICE file.\n\n### Trademarks\n\nThis project is owned and maintained by Task Venture Capital GmbH. The names and logos associated with Task Venture Capital GmbH and any related products or services are trademarks of Task Venture Capital GmbH and are not included within the scope of the MIT license granted herein. Use of these trademarks must comply with Task Venture Capital GmbH's Trademark Guidelines, and any usage must be approved in writing by Task Venture Capital GmbH.\n\n### Company Information\n\nTask Venture Capital GmbH  \nRegistered at District court Bremen HRB 35230 HB, Germany\n\nFor any legal inquiries or if you require further information, please contact us via email at hello@task.vc.\n\nBy using this repository, you acknowledge that you have read this section, agree to comply with its terms, and understand that the licensing of the code does not imply endorsement by Task Venture Capital GmbH of any derivative works.\n"
+  },
+  "@ship.zone/szci": {
+    "npmGlobalTools": []
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-wcctools",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "private": false,
   "description": "A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.",
   "exports": {
@@ -8,6 +8,12 @@
     "./demotools": "./dist_ts_demotools/index.js"
   },
   "type": "module",
+  "scripts": {
+    "test": "(npm run build)",
+    "build": "(tsbuild tsfolders --allowimplicitany && tsbundle element)",
+    "watch": "tswatch element",
+    "buildDocs": "tsdoc"
+  },
   "author": "Lossless GmbH",
   "license": "UNLICENSED",
   "dependencies": {
@@ -18,13 +24,13 @@
   },
   "devDependencies": {
     "@api.global/typedserver": "^7.11.1",
-    "@git.zone/tsbuild": "^3.1.2",
+    "@git.zone/tsbuild": "^4.0.2",
     "@git.zone/tsbundle": "^2.6.3",
-    "@git.zone/tsrun": "^2.0.0",
+    "@git.zone/tsrun": "^2.0.1",
     "@git.zone/tstest": "^3.1.3",
-    "@git.zone/tswatch": "^2.3.11",
+    "@git.zone/tswatch": "^2.3.13",
     "@push.rocks/projectinfo": "^5.0.2",
-    "@types/node": "^25.0.0"
+    "@types/node": "^25.0.3"
   },
   "files": [
     "ts/**/*",
@@ -53,10 +59,5 @@
     "element testing",
     "page development"
   ],
-  "scripts": {
-    "test": "(npm run build)",
-    "build": "(tsbuild tsfolders --allowimplicitany && tsbundle element)",
-    "watch": "tswatch element",
-    "buildDocs": "tsdoc"
-  }
-}
+  "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977"
+}

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-wcctools',
-  version: '2.0.0',
+  version: '3.0.0',
   description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
 }

package/ts_web/elements/wcc-dashboard.ts

@@ -34,8 +34,10 @@ export class WccDashboard extends DeesElement {
   @property()
   accessor selectedTheme: TTheme = 'dark';
 
-  @property()
-  accessor isFullscreen: boolean = false;
+  // Derived from selectedViewport - no need for separate property
+  public get isNative(): boolean {
+    return this.selectedViewport === 'native';
+  }
 
   @property()
   accessor pages: Record<string, TTemplateFactory> = {};
@@ -84,7 +86,7 @@ export class WccDashboard extends DeesElement {
       <wcc-sidebar
         .dashboardRef=${this}
         .selectedItem=${this.selectedItem}
-        .isFullscreen=${this.isFullscreen}
+        .isNative=${this.isNative}
         @selectedType=${(eventArg) => {
           this.selectedType = eventArg.detail;
         }}
@@ -101,7 +103,7 @@ export class WccDashboard extends DeesElement {
         .selectedItem=${this.selectedItem}
         .selectedViewport=${this.selectedViewport}
         .selectedTheme=${this.selectedTheme}
-        .isFullscreen=${this.isFullscreen}
+        .isNative=${this.isNative}
         @selectedViewport=${(eventArg) => {
           this.selectedViewport = eventArg.detail;
           this.scheduleUpdate();
@@ -116,11 +118,11 @@ export class WccDashboard extends DeesElement {
             frame.requestUpdate();
           }
         }}
-        @toggleFullscreen=${() => {
-          this.toggleFullscreen();
+        @toggleNative=${() => {
+          this.toggleNative();
         }}
       ></wcc-properties>
-      <wcc-frame id="wccFrame" viewport=${this.selectedViewport} .isFullscreen=${this.isFullscreen}>
+      <wcc-frame id="wccFrame" viewport=${this.selectedViewport} .isNative=${this.isNative}>
       </wcc-frame>
     `;
   }
@@ -135,17 +137,20 @@ export class WccDashboard extends DeesElement {
     }
   }
 
-  public toggleFullscreen() {
-    this.isFullscreen = !this.isFullscreen;
+  public toggleNative() {
+    // Toggle between 'native' and 'desktop' viewports
+    this.selectedViewport = this.selectedViewport === 'native' ? 'desktop' : 'native';
+    this.buildUrl();
   }
 
   public async firstUpdated() {
     this.domtools = await plugins.deesDomtools.DomTools.setupDomTools();
     
-    // Add ESC key handler for fullscreen mode
+    // Add ESC key handler for native mode
     document.addEventListener('keydown', (event) => {
-      if (event.key === 'Escape' && this.isFullscreen) {
-        this.isFullscreen = false;
+      if (event.key === 'Escape' && this.isNative) {
+        this.selectedViewport = 'desktop';
+        this.buildUrl();
       }
     });
     

package/ts_web/elements/wcc-frame.ts

@@ -17,7 +17,7 @@ export class WccFrame extends DeesElement {
   accessor advancedEditorOpen: boolean = false;
 
   @property({ type: Boolean })
-  accessor isFullscreen: boolean = false;
+  accessor isNative: boolean = false;
 
   public static styles = [
     css`
@@ -46,7 +46,7 @@ export class WccFrame extends DeesElement {
     return html`
       <style>
         :host {
-          ${this.isFullscreen ? `
+          ${this.isNative ? `
             border: none !important;
             left: 0px !important;
             right: 0px !important;
@@ -58,7 +58,7 @@ export class WccFrame extends DeesElement {
             left: 200px;
           `}
           transition: all 0.3s ease;
-          ${this.isFullscreen ? 'padding: 0px;' : (() => {
+          ${this.isNative ? 'padding: 0px;' : (() => {
           switch (this.viewport) {
             case 'desktop':
               return `
@@ -87,7 +87,7 @@ export class WccFrame extends DeesElement {
         }
 
         .viewport {
-          ${!this.isFullscreen && this.viewport !== 'desktop'
+          ${!this.isNative && this.viewport !== 'desktop'
             ? html` border-right: 1px dotted #444; border-left: 1px dotted #444; `
             : html``
           }

package/ts_web/elements/wcc-properties.ts

@@ -35,7 +35,7 @@ export class WccProperties extends DeesElement {
   accessor warning: string = null;
 
   @property()
-  accessor isFullscreen: boolean = false;
+  accessor isNative: boolean = false;
 
   @state()
   accessor propertyContent: TemplateResult[] = [];
@@ -96,11 +96,11 @@ export class WccProperties extends DeesElement {
           overflow: hidden;
           background: var(--background);
           color: var(--foreground);
-          display: ${this.isFullscreen ? 'none' : 'block'};
+          display: ${this.isNative ? 'none' : 'block'};
         }
         .grid {
           display: grid;
-          grid-template-columns: 1fr 150px 300px 70px 70px;
+          grid-template-columns: 1fr 150px 350px 70px;
           height: 100%;
         }
         .properties {
@@ -214,6 +214,11 @@ export class WccProperties extends DeesElement {
           grid-template-columns: repeat(4, 1fr);
           flex: 1;
         }
+        .selectorButtons5 {
+          display: grid;
+          grid-template-columns: repeat(5, 1fr);
+          flex: 1;
+        }
         .button {
           display: flex;
           flex-direction: column;
@@ -623,7 +628,7 @@ export class WccProperties extends DeesElement {
           </div>
           <div class="viewportSelector">
             <div class="panelheading">Viewport</div>
-            <div class="selectorButtons4">
+            <div class="selectorButtons5">
               <div
                 class="button ${this.selectedViewport === 'phone' ? 'selected' : null}"
                 @click=${() => {
@@ -649,23 +654,23 @@ export class WccProperties extends DeesElement {
                 Tablet<i class="material-symbols-outlined">tablet</i>
               </div>
               <div
-                class="button ${this.selectedViewport === 'desktop' ||
-                this.selectedViewport === 'native'
-                  ? 'selected'
-                  : null}"
+                class="button ${this.selectedViewport === 'desktop' ? 'selected' : null}"
                 @click=${() => {
-                  this.selectViewport('native');
+                  this.selectViewport('desktop');
                 }}
               >
                 Desktop<i class="material-symbols-outlined">desktop_windows</i>
               </div>
+              <div
+                class="button ${this.selectedViewport === 'native' ? 'selected' : null}"
+                @click=${() => {
+                  this.selectViewport('native');
+                }}
+              >
+                Native<i class="material-symbols-outlined">fullscreen</i>
+              </div>
             </div>
           </div>
-          <div class="docs" @click=${() => this.toggleFullscreen()}>
-            <i class="material-symbols-outlined" style="font-size: 20px;">
-              ${this.isFullscreen ? 'fullscreen_exit' : 'fullscreen'}
-            </i>
-          </div>
           <!-- Recording Button -->
           <wcc-record-button
             .state=${this.isRecording ? 'recording' : 'idle'}
@@ -1016,9 +1021,9 @@ export class WccProperties extends DeesElement {
     );
   }
 
-  private toggleFullscreen() {
+  private toggleNative() {
     this.dispatchEvent(
-      new CustomEvent('toggleFullscreen', {
+      new CustomEvent('toggleNative', {
         bubbles: true
       })
     );

package/ts_web/elements/wcc-sidebar.ts

@@ -18,7 +18,7 @@ export class WccSidebar extends DeesElement {
   accessor dashboardRef: WccDashboard;
 
   @property()
-  accessor isFullscreen: boolean = false;
+  accessor isNative: boolean = false;
 
   // Track which elements are expanded (for multi-demo elements)
   @state()
@@ -45,7 +45,7 @@ export class WccSidebar extends DeesElement {
           --ring: #3b82f6;
           --radius: 4px;
 
-          display: ${this.isFullscreen ? 'none' : 'block'};
+          display: ${this.isNative ? 'none' : 'block'};
           border-right: 1px solid rgba(255, 255, 255, 0.08);
           font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
           font-size: 14px;

package/dist_ts_web/services/ffmpeg.service.d.ts

@@ -1,42 +0,0 @@
-/**
- * FFmpegService - Handles client-side video format conversion using FFmpeg.wasm
- * Uses a custom worker implementation to bypass COEP/CORS issues with the standard library
- */
-export interface IConversionProgress {
-    stage: 'loading' | 'converting' | 'finalizing';
-    progress: number;
-    message: string;
-}
-export interface IConversionOptions {
-    inputBlob: Blob;
-    outputFormat: 'mp4' | 'webm';
-    onProgress?: (progress: IConversionProgress) => void;
-}
-export declare class FFmpegService {
-    private worker;
-    private core;
-    private loadPromise;
-    private messageId;
-    private pendingMessages;
-    private onLog?;
-    private onProgress?;
-    /**
-     * Lazy load FFmpeg.wasm from CDN using custom worker
-     */
-    ensureLoaded(onProgress?: (progress: IConversionProgress) => void): Promise<void>;
-    private loadFFmpeg;
-    private sendMessage;
-    /**
-     * Convert WebM blob to MP4
-     */
-    convertToMp4(options: IConversionOptions): Promise<Blob>;
-    /**
-     * Check if FFmpeg is currently loaded
-     */
-    get isLoaded(): boolean;
-    /**
-     * Terminate FFmpeg worker to free resources
-     */
-    terminate(): Promise<void>;
-}
-export declare function getFFmpegService(): FFmpegService;

package/dist_ts_web/services/ffmpeg.service.js

@@ -1,276 +0,0 @@
-/**
- * FFmpegService - Handles client-side video format conversion using FFmpeg.wasm
- * Uses a custom worker implementation to bypass COEP/CORS issues with the standard library
- */
-export class FFmpegService {
-    worker = null;
-    core = null;
-    loadPromise = null;
-    messageId = 0;
-    pendingMessages = new Map();
-    onLog;
-    onProgress;
-    /**
-     * Lazy load FFmpeg.wasm from CDN using custom worker
-     */
-    async ensureLoaded(onProgress) {
-        if (this.worker && this.core)
-            return;
-        if (this.loadPromise) {
-            await this.loadPromise;
-            return;
-        }
-        this.loadPromise = this.loadFFmpeg(onProgress);
-        await this.loadPromise;
-    }
-    async loadFFmpeg(onProgress) {
-        console.log('[FFmpeg] Starting FFmpeg load with custom worker...');
-        onProgress?.({
-            stage: 'loading',
-            progress: 0,
-            message: 'Loading FFmpeg library...'
-        });
-        // Import toBlobURL utility
-        const { toBlobURL } = await import('@ffmpeg/util');
-        // Use jsdelivr CDN (has proper CORS/CORP headers)
-        const coreBaseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.9/dist/umd';
-        onProgress?.({
-            stage: 'loading',
-            progress: 10,
-            message: 'Downloading FFmpeg core (~31MB)...'
-        });
-        console.log('[FFmpeg] Creating blob URLs...');
-        const coreURL = await toBlobURL(`${coreBaseURL}/ffmpeg-core.js`, 'text/javascript');
-        const wasmURL = await toBlobURL(`${coreBaseURL}/ffmpeg-core.wasm`, 'application/wasm');
-        console.log('[FFmpeg] Blob URLs created');
-        onProgress?.({
-            stage: 'loading',
-            progress: 50,
-            message: 'Initializing FFmpeg...'
-        });
-        // Create custom worker code that bypasses @ffmpeg/ffmpeg wrapper issues
-        const workerCode = `
-      let ffmpeg = null;
-
-      self.onmessage = async (e) => {
-        const { id, type, data } = e.data;
-
-        try {
-          switch (type) {
-            case 'LOAD': {
-              const { coreURL, wasmURL } = data;
-              console.log('[FFmpeg Worker] Loading core...');
-              importScripts(coreURL);
-
-              console.log('[FFmpeg Worker] Initializing with WASM...');
-              ffmpeg = await self.createFFmpegCore({
-                mainScriptUrlOrBlob: coreURL + '#' + btoa(JSON.stringify({ wasmURL }))
-              });
-
-              // Set up logging
-              ffmpeg.setLogger((log) => {
-                console.log('[FFmpeg Worker Log]', log);
-                self.postMessage({ type: 'LOG', data: log });
-              });
-
-              // Set up progress - progress is an object { ratio: 0-1, time: seconds }
-              ffmpeg.setProgress((progress) => {
-                const ratio = typeof progress === 'number' ? progress : (progress.ratio || 0);
-                console.log('[FFmpeg Worker Progress]', ratio);
-                self.postMessage({ type: 'PROGRESS', data: ratio });
-              });
-
-              console.log('[FFmpeg Worker] Core initialized successfully');
-              console.log('[FFmpeg Worker] Available methods:', Object.keys(ffmpeg).join(', '));
-              self.postMessage({ id, type: 'LOAD', data: true });
-              break;
-            }
-
-            case 'EXEC': {
-              const { args, timeout = -1 } = data;
-              console.log('[FFmpeg Worker] Executing:', args.join(' '));
-
-              try {
-                ffmpeg.setTimeout(timeout);
-                ffmpeg.exec(...args);
-                const ret = ffmpeg.ret;
-                console.log('[FFmpeg Worker] Exec returned:', ret);
-                ffmpeg.reset();
-                self.postMessage({ id, type: 'EXEC', data: ret });
-              } catch (execErr) {
-                console.error('[FFmpeg Worker] Exec error:', execErr);
-                throw execErr;
-              }
-              break;
-            }
-
-            case 'WRITE_FILE': {
-              const { path, fileData } = data;
-              console.log('[FFmpeg Worker] Writing file:', path, 'size:', fileData.length);
-              ffmpeg.FS.writeFile(path, fileData);
-              self.postMessage({ id, type: 'WRITE_FILE', data: true });
-              break;
-            }
-
-            case 'READ_FILE': {
-              const { path } = data;
-              console.log('[FFmpeg Worker] Reading file:', path);
-              const fileData = ffmpeg.FS.readFile(path);
-              console.log('[FFmpeg Worker] Read file size:', fileData.length);
-              self.postMessage({ id, type: 'READ_FILE', data: fileData }, [fileData.buffer]);
-              break;
-            }
-
-            case 'DELETE_FILE': {
-              const { path } = data;
-              console.log('[FFmpeg Worker] Deleting file:', path);
-              ffmpeg.FS.unlink(path);
-              self.postMessage({ id, type: 'DELETE_FILE', data: true });
-              break;
-            }
-
-            default:
-              throw new Error('Unknown message type: ' + type);
-          }
-        } catch (err) {
-          console.error('[FFmpeg Worker] Error:', err);
-          self.postMessage({ id, type: 'ERROR', data: err.message || String(err) });
-        }
-      };
-    `;
-        // Create worker from blob
-        const workerBlob = new Blob([workerCode], { type: 'text/javascript' });
-        const workerURL = URL.createObjectURL(workerBlob);
-        this.worker = new Worker(workerURL);
-        // Set up message handler
-        this.worker.onmessage = (e) => {
-            const { id, type, data } = e.data;
-            if (type === 'LOG') {
-                console.log('[FFmpeg Log]', data);
-                this.onLog?.(data.message || data);
-                return;
-            }
-            if (type === 'PROGRESS') {
-                this.onProgress?.(data);
-                return;
-            }
-            const pending = this.pendingMessages.get(id);
-            if (pending) {
-                this.pendingMessages.delete(id);
-                if (type === 'ERROR') {
-                    pending.reject(new Error(data));
-                }
-                else {
-                    pending.resolve(data);
-                }
-            }
-        };
-        this.worker.onerror = (e) => {
-            console.error('[FFmpeg] Worker error:', e);
-        };
-        // Initialize FFmpeg in worker
-        console.log('[FFmpeg] Initializing worker...');
-        await this.sendMessage('LOAD', { coreURL, wasmURL });
-        this.core = true; // Mark as loaded
-        console.log('[FFmpeg] Worker initialized successfully');
-        onProgress?.({
-            stage: 'loading',
-            progress: 100,
-            message: 'FFmpeg loaded successfully'
-        });
-    }
-    sendMessage(type, data) {
-        return new Promise((resolve, reject) => {
-            const id = ++this.messageId;
-            this.pendingMessages.set(id, { resolve, reject });
-            this.worker.postMessage({ id, type, data });
-        });
-    }
-    /**
-     * Convert WebM blob to MP4
-     */
-    async convertToMp4(options) {
-        const { inputBlob, onProgress } = options;
-        // Check file size limit (2GB)
-        const MAX_FILE_SIZE = 2 * 1024 * 1024 * 1024;
-        if (inputBlob.size > MAX_FILE_SIZE) {
-            throw new Error('File size exceeds 2GB limit for conversion');
-        }
-        // Set up progress callback
-        this.onProgress = (progress) => {
-            const percent = Math.round((progress || 0) * 100);
-            console.log('[FFmpeg] Conversion progress:', percent + '%');
-            onProgress?.({
-                stage: 'converting',
-                progress: percent,
-                message: `Converting video... ${percent}%`
-            });
-        };
-        await this.ensureLoaded(onProgress);
-        onProgress?.({
-            stage: 'converting',
-            progress: 0,
-            message: 'Preparing video for conversion...'
-        });
-        // Read input blob as Uint8Array
-        const inputData = new Uint8Array(await inputBlob.arrayBuffer());
-        // Write input file to virtual filesystem
-        await this.sendMessage('WRITE_FILE', { path: 'input.webm', fileData: inputData });
-        // Execute conversion with optimized settings for web playback
-        await this.sendMessage('EXEC', {
-            args: [
-                '-i', 'input.webm',
-                '-c:v', 'libx264',
-                '-preset', 'fast',
-                '-crf', '23',
-                '-c:a', 'aac',
-                '-b:a', '128k',
-                '-movflags', '+faststart',
-                'output.mp4'
-            ]
-        });
-        onProgress?.({
-            stage: 'finalizing',
-            progress: 95,
-            message: 'Finalizing video...'
-        });
-        // Read output file
-        const outputData = await this.sendMessage('READ_FILE', { path: 'output.mp4' });
-        // Clean up virtual filesystem
-        await this.sendMessage('DELETE_FILE', { path: 'input.webm' });
-        await this.sendMessage('DELETE_FILE', { path: 'output.mp4' });
-        onProgress?.({
-            stage: 'finalizing',
-            progress: 100,
-            message: 'Conversion complete!'
-        });
-        return new Blob([new Uint8Array(outputData)], { type: 'video/mp4' });
-    }
-    /**
-     * Check if FFmpeg is currently loaded
-     */
-    get isLoaded() {
-        return this.worker !== null && this.core !== null;
-    }
-    /**
-     * Terminate FFmpeg worker to free resources
-     */
-    async terminate() {
-        if (this.worker) {
-            this.worker.terminate();
-            this.worker = null;
-            this.core = null;
-            this.loadPromise = null;
-            this.pendingMessages.clear();
-        }
-    }
-}
-// Singleton instance for caching
-let ffmpegServiceInstance = null;
-export function getFFmpegService() {
-    if (!ffmpegServiceInstance) {
-        ffmpegServiceInstance = new FFmpegService();
-    }
-    return ffmpegServiceInstance;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmZtcGVnLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvc2VydmljZXMvZmZtcGVnLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBdUJILE1BQU0sT0FBTyxhQUFhO0lBQ2hCLE1BQU0sR0FBa0IsSUFBSSxDQUFDO0lBQzdCLElBQUksR0FBUSxJQUFJLENBQUM7SUFDakIsV0FBVyxHQUF5QixJQUFJLENBQUM7SUFDekMsU0FBUyxHQUFHLENBQUMsQ0FBQztJQUNkLGVBQWUsR0FBeUQsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNsRixLQUFLLENBQTZCO0lBQ2xDLFVBQVUsQ0FBOEI7SUFFaEQ7O09BRUc7SUFDSCxLQUFLLENBQUMsWUFBWSxDQUFDLFVBQW9EO1FBQ3JFLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFFckMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckIsTUFBTSxJQUFJLENBQUMsV0FBVyxDQUFDO1lBQ3ZCLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQy9DLE1BQU0sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN6QixDQUFDO0lBRU8sS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFvRDtRQUMzRSxPQUFPLENBQUMsR0FBRyxDQUFDLHFEQUFxRCxDQUFDLENBQUM7UUFFbkUsVUFBVSxFQUFFLENBQUM7WUFDWCxLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsQ0FBQztZQUNYLE9BQU8sRUFBRSwyQkFBMkI7U0FDckMsQ0FBQyxDQUFDO1FBRUgsMkJBQTJCO1FBQzNCLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUVuRCxrREFBa0Q7UUFDbEQsTUFB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

package/dist_ts_web/services/mp4.service.d.ts

@@ -1,32 +0,0 @@
-/**
- * MP4Service - Handles client-side video format conversion using Mediabunny
- * Uses WebCodecs API for hardware-accelerated encoding (10-50x faster than FFmpeg.wasm)
- * @see https://mediabunny.dev/
- */
-export interface IConversionProgress {
-    stage: 'loading' | 'converting' | 'finalizing';
-    progress: number;
-    message: string;
-}
-export interface IConversionOptions {
-    inputBlob: Blob;
-    outputFormat: 'mp4' | 'webm';
-    onProgress?: (progress: IConversionProgress) => void;
-}
-export declare class MP4Service {
-    /**
-     * Check if WebCodecs is supported in this browser
-     */
-    static isSupported(): boolean;
-    /**
-     * Check if H.264 encoding is actually available (not just API presence)
-     */
-    static isEncodingSupported(): Promise<boolean>;
-    /**
-     * Convert WebM blob to MP4 using Mediabunny (hardware accelerated via WebCodecs)
-     */
-    convertToMp4(options: IConversionOptions): Promise<Blob>;
-}
-export declare function getMP4Service(): MP4Service;
-export { MP4Service as FFmpegService };
-export { getMP4Service as getFFmpegService };