shop-components 0.0.25 → 0.0.26

package/dist/stories/step-viewer/index.js

@@ -0,0 +1,109 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+const url = 'http://192.168.0.31:3000';
+let StepViewer = class StepViewer extends LitElement {
+    constructor() {
+        super();
+        this.files = [];
+        this._upload = async (filePath) => {
+            const formData = new FormData();
+            const file = await this.blobURLToFile(filePath);
+            URL.revokeObjectURL(filePath);
+            console.log(file);
+            if (!file)
+                return;
+            formData.append('file', file);
+            const response = await fetch(`${url}/api/v1/resource/upload`, {
+                method: 'POST',
+                body: formData
+            });
+            const { id } = await response.json();
+            if (id) {
+                const r = await this._startTask(id);
+                console.log(r);
+            }
+        };
+    }
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        if (!this.container)
+            return;
+    }
+    updated(_changedProperties) {
+        super.updated(_changedProperties);
+        if (this.files.length > 0) {
+            const file = this.files[0];
+            this._upload(file)
+                .then();
+        }
+    }
+    async blobURLToFile(blobURL, fileName) {
+        try {
+            const response = await fetch(blobURL);
+            const blob = await response.blob();
+            if (!fileName) {
+                fileName = blobURL.slice(blobURL.lastIndexOf('/')) + '.stp';
+            }
+            return new File([blob], fileName, { type: blob.type });
+        }
+        catch (error) {
+            console.error('Error:', error);
+            return null;
+        }
+    }
+    async _startTask(id) {
+        const response = await fetch(`${url}/api/`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                metadata: {
+                    resID: id,
+                    targetExt: 'fbx'
+                }
+            })
+        });
+        if (response.ok) {
+            return await response.json();
+        }
+    }
+    render() {
+        return html `
+      ${this.files?.map(r => {
+            return html `
+          <div>
+            <img src="${r}" alt=""/>
+          </div>`;
+        })}
+      <div class="container"></div>`;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+
+    img {
+      width: 40px;
+    }
+  `; }
+};
+__decorate([
+    query('.container')
+], StepViewer.prototype, "container", void 0);
+__decorate([
+    property()
+], StepViewer.prototype, "files", void 0);
+StepViewer = __decorate([
+    customElement('step-viewer')
+], StepViewer);
+export default StepViewer;
+//# sourceMappingURL=index.js.map

package/dist/stories/step-viewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stories/step-viewer/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/step-viewer/index.stories.d.ts

@@ -0,0 +1,20 @@
+import StepViewer, { Props } from './index';
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: (args: Props) => StepViewer;
+    argTypes: {
+        files: {
+            control: {
+                type: string;
+                accept: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Primary: {
+    args: {
+        files: never[];
+    };
+};

package/dist/stories/step-viewer/index.stories.js

@@ -0,0 +1,24 @@
+import StepViewer from './index';
+export default {
+    title: 'Shop/StepViewer',
+    tags: ['autodocs'],
+    render: (args) => {
+        const viewer = new StepViewer();
+        viewer.files = args.files;
+        return viewer;
+    },
+    argTypes: {
+        files: {
+            control: {
+                type: 'file',
+                accept: '.stp,.step'
+            }
+        }
+    }
+};
+export const Primary = {
+    args: {
+        files: []
+    }
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/stories/step-viewer/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../stories/step-viewer/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,UAAqB,MAAM,SAAS,CAAA;AAE3C,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,CAAC,IAAW,EAAE,EAAE;QACtB,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAA;QAC/B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QACzB,OAAO,MAAM,CAAA;IACf,CAAC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,YAAY;aACrB;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;KACV;CACF,CAAA"}

package/dist/stories/test/index.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValues } from 'lit';
+import { Scene3D } from './scene';
+export interface Props {
+    test: string;
+    count: number;
+    onChange: () => {};
+}
+export declare class TestViewer extends LitElement {
+    scene: Scene3D;
+    container: HTMLDivElement | undefined;
+    drag: HTMLButtonElement | undefined;
+    constructor();
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    test: string;
+    count: number;
+    theme: undefined | string;
+    onChange: undefined | Function;
+    usePathTracing: boolean;
+    progressBar: HTMLDivElement | undefined;
+    cancel: () => void;
+    protected render(): unknown;
+    static styles: import("lit").CSSResult;
+}

package/dist/stories/test/index.js

@@ -0,0 +1,99 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { Scene3D } from './scene';
+let TestViewer = class TestViewer extends LitElement {
+    constructor() {
+        super();
+        this.scene = new Scene3D();
+        this.test = '';
+        this.count = 4;
+        this.usePathTracing = false;
+        this.cancel = () => {
+            this.usePathTracing = false;
+            this.scene.usePathTracing = false;
+        };
+        const style = document.createElement('style');
+        document.head.append(style);
+        this.scene.renderer.domElement.addEventListener('ticker', () => {
+            const percent = this.scene.sampleCount / this.scene.maxSample;
+            if (this.progressBar) {
+                this.progressBar.style.width = percent * 100 + '%';
+            }
+        });
+    }
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        if (!this.container)
+            return;
+        this.scene.appendTo(this.container);
+    }
+    updated(_changedProperties) {
+        super.updated(_changedProperties);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.scene.destroy();
+    }
+    render() {
+        return html `
+      <div class="container">
+        <div class="progress-bar"></div>
+        <div class="actions">
+          ${this.usePathTracing
+            ? html `
+                <button @click=${this.cancel}>取消渲染</button>`
+            : html `
+                <button @click=${this.generateBVH}>渲染</button>`}
+        </div>
+      </div>`;
+    }
+    static { this.styles = css `
+  
+  .actions {
+  position:relative;
+  z-index:100;
+  }
+  canvas {
+  position:absolute;
+  left:0;
+  top:0;
+    width:100%;
+    height: 100%;
+  }
+  `; }
+};
+__decorate([
+    query('.container')
+], TestViewer.prototype, "container", void 0);
+__decorate([
+    query('#drag')
+], TestViewer.prototype, "drag", void 0);
+__decorate([
+    property()
+], TestViewer.prototype, "test", void 0);
+__decorate([
+    property()
+], TestViewer.prototype, "count", void 0);
+__decorate([
+    property()
+], TestViewer.prototype, "theme", void 0);
+__decorate([
+    property()
+], TestViewer.prototype, "onChange", void 0);
+__decorate([
+    state()
+], TestViewer.prototype, "usePathTracing", void 0);
+__decorate([
+    query('.progress-bar')
+], TestViewer.prototype, "progressBar", void 0);
+TestViewer = __decorate([
+    customElement('test-viewer')
+], TestViewer);
+export { TestViewer };
+//# sourceMappingURL=index.js.map

package/dist/stories/test/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stories/test/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,MAAoC,SAAS,CAAA;AASxD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAcxC;QACE,KAAK,EAAE,CAAA;QAbT,UAAK,GAAG,IAAI,OAAO,EAAE,CAAA;QAyCrB,SAAI,GAAG,EAAE,CAAA;QAGT,UAAK,GAAG,CAAC,CAAA;QAST,mBAAc,GAAG,KAAK,CAAA;QAKtB,WAAM,GAAG,GAAG,EAAE;YACZ,IAAI,CAAC,cAAc,GAAG,KAAK,CAAA;YAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,KAAK,CAAA;QACnC,CAAC,CAAA;QA/CC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC7C,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAE3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;YAC7D,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,CAAA;YACpD,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAES,YAAY,CAAC,kBAAkC;QACvD,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAA;QACtC,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAM;QAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACrC,CAAC;IAES,OAAO,CAAC,kBAAkC;QAClD,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAA;IACnC,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAC5B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA;IACtB,CAAC;IAyBS,MAAM;QACd,OAAO,IAAI,CAAA;;;;YAKH,IAAI,CAAC,cAAc;YACjB,CAAC,CAAC,IAAI,CAAA;iCACa,IAAI,CAAC,MAAM,gBAAgB;YAC9C,CAAC,CAAC,IAAI,CAAA;iCACa,IAAI,CAAC,WAAW,cACvC;;aAEG,CAAA;IACX,CAAC;aAEM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;GAalB,AAbY,CAaZ;;AAzFD;IADC,KAAK,CAAC,YAAY,CAAC;6CACiB;AAGrC;IADC,KAAK,CAAC,OAAO,CAAC;wCACoB;AAmCnC;IADC,QAAQ,EAAE;wCACF;AAGT;IADC,QAAQ,EAAE;yCACF;AAGT;IADC,QAAQ,EAAE;yCACc;AAGzB;IADC,QAAQ,EAAE;4CACmB;AAG9B;IADC,KAAK,EAAE;kDACc;AAGtB;IADC,KAAK,CAAC,eAAe,CAAC;+CACgB;AA1D5B,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA+FtB"}

package/dist/stories/test/index.stories.d.ts

@@ -0,0 +1,14 @@
+import { TestViewer, Props } from './index';
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: (args: Props) => TestViewer;
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: {
+    args: {
+        test: string;
+        count: number;
+    };
+};

package/dist/stories/test/index.stories.js

@@ -0,0 +1,16 @@
+import { TestViewer } from './index';
+export default {
+    title: 'Shop/TestViewer',
+    tags: ['autodocs'],
+    render: (args) => {
+        return new TestViewer();
+    },
+    argTypes: {}
+};
+export const Primary = {
+    args: {
+        test: 'test',
+        count: 4
+    }
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/stories/test/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../stories/test/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,SAAS,CAAA;AAE3C,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,CAAC,IAAW,EAAE,EAAE;QACtB,OAAO,IAAI,UAAU,EAAE,CAAA;IACzB,CAAC;IACD,QAAQ,EAAE,EACT;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,CAAC;KACT;CACF,CAAA"}

package/dist/stories/test/scene.d.ts

@@ -0,0 +1,20 @@
+import { PerspectiveCamera, Scene, WebGLRenderer } from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+import { WebGLPathTracer } from 'three-gpu-pathtracer';
+export declare class Scene3D {
+    readonly maxSample = 1024;
+    sampleCount: number;
+    renderer: WebGLRenderer;
+    camera: PerspectiveCamera;
+    scene: Scene;
+    controls: OrbitControls;
+    _usePathTracing: boolean;
+    pathTracer: WebGLPathTracer;
+    usePathTracing: boolean;
+    constructor();
+    resize: () => void;
+    private _loadEnv;
+    generateBVH(): void;
+    appendTo(parent: any): void;
+    ticker: () => void;
+}

package/dist/stories/test/scene.js

@@ -0,0 +1,86 @@
+import { BoxGeometry, EquirectangularReflectionMapping, LinearFilter, LoadingManager, Mesh, PerspectiveCamera, Scene, SRGBColorSpace, Vector3, WebGLRenderer } from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
+import HDR from '../device-viewer/asserts/lightroom_14b_512.hdr?url';
+import { WebGLPathTracer } from 'three-gpu-pathtracer';
+const initialDamp = 0.2;
+export class Scene3D {
+    constructor() {
+        this.maxSample = 1024;
+        this.sampleCount = 0;
+        this.renderer = new WebGLRenderer({
+            antialias: true,
+            alpha: true,
+            logarithmicDepthBuffer: true,
+            powerPreference: 'high-performance',
+            preserveDrawingBuffer: true
+        });
+        this.camera = new PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.01, 10000);
+        this.scene = new Scene();
+        this._usePathTracing = false;
+        this.usePathTracing = false;
+        this.resize = () => {
+            const parent = this.renderer.domElement.parentElement;
+            if (!parent)
+                return;
+            parent.style.display = 'flex';
+            this.renderer.domElement.style.width = '100%';
+            this.renderer.domElement.style.height = '100%';
+            this.renderer.domElement.style.flexGrow = '1';
+            const width = parent.clientWidth;
+            const height = parent.clientHeight;
+            this.camera.aspect = width / height;
+            this.camera.updateProjectionMatrix();
+            const pixelRatio = this.renderer.getPixelRatio();
+            this.sampleCount = 0;
+            this.renderer.setSize(width, height);
+        };
+        this.ticker = () => {
+            requestAnimationFrame(this.ticker);
+            this.renderer.domElement.dispatchEvent(new CustomEvent('ticker'));
+            this.pathTracer?.renderSample();
+        };
+        this.controls = new OrbitControls(this.camera, this.renderer.domElement);
+        this.controls.enablePan = false;
+        this.controls.rotateSpeed = 0.3;
+        this.controls.dampingFactor = initialDamp;
+        this.controls.enableDamping = true;
+        this.controls.maxDistance = 50;
+        this.controls.minDistance = 0.3;
+        this._loadEnv();
+        const box = new Mesh(new BoxGeometry(1, 1, 1));
+        this.scene.add(box);
+        this.ticker();
+        this.camera.position.set(10, 0, -10);
+        this.camera.lookAt(new Vector3());
+        this.pathTracer = new WebGLPathTracer(this.renderer);
+        this.pathTracer.setScene(this.scene, this.camera);
+        this.resize();
+    }
+    _loadEnv() {
+        const loader = new RGBELoader(new LoadingManager());
+        loader.load(HDR, (texture) => {
+            texture.mapping = EquirectangularReflectionMapping;
+            texture.minFilter = LinearFilter;
+            texture.magFilter = LinearFilter;
+            texture.colorSpace = SRGBColorSpace;
+            texture.needsUpdate = true;
+            if (this._usePathTracing) {
+            }
+            else {
+                this.scene.environment = texture;
+            }
+            this.scene.background = texture;
+            this.scene.backgroundIntensity = 1;
+            this.scene.backgroundBlurriness = 0;
+        }, () => {
+        }, () => {
+        });
+    }
+    generateBVH() {
+    }
+    appendTo(parent) {
+        parent.append(this.renderer.domElement);
+    }
+}
+//# sourceMappingURL=scene.js.map

package/dist/stories/test/scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene.js","sourceRoot":"","sources":["../../../stories/test/scene.ts"],"names":[],"mappings":"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"}

package/dist/stories/utils/index.d.ts

@@ -0,0 +1,4 @@
+export declare function downloadBlob(blob: Blob, filename: string): void;
+export declare function calculateArrayAverage(array: number[]): number;
+export declare function arrayBufferToUrl(arrayBuffer: ArrayBuffer, mimeType: string): string;
+export declare function isAppleDevice(): boolean;

package/dist/stories/utils/index.js

@@ -0,0 +1,28 @@
+export function downloadBlob(blob, filename) {
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+}
+export function calculateArrayAverage(array) {
+    if (array.length === 0) {
+        return 0;
+    }
+    const sum = array.reduce((accumulator, currentValue) => {
+        return accumulator + currentValue;
+    }, 0);
+    return sum / array.length;
+}
+export function arrayBufferToUrl(arrayBuffer, mimeType) {
+    const blob = new Blob([arrayBuffer], { type: mimeType });
+    return URL.createObjectURL(blob);
+}
+export function isAppleDevice() {
+    return /Mac|iPod|iPhone|iPad/.test(navigator.platform) ||
+        /Mac OS|iOS/.test(navigator.userAgent);
+}
+//# sourceMappingURL=index.js.map

package/dist/stories/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stories/utils/index.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAAC,IAAU,EAAE,QAAgB;IAEvD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;IAGrC,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACrC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAA;IACZ,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAGrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAC5B,CAAC,CAAC,KAAK,EAAE,CAAA;IAGT,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAC5B,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAe;IAEnD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CAAC,CAAA;IACV,CAAC;IAGD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,YAAY,EAAE,EAAE;QACrD,OAAO,WAAW,GAAG,YAAY,CAAA;IACnC,CAAC,EAAE,CAAC,CAAC,CAAA;IAGL,OAAO,GAAG,GAAG,KAAK,CAAC,MAAM,CAAA;AAC3B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,WAAwB,EAAE,QAAgB;IACzE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;IACxD,OAAO,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;AAClC,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,sBAAsB,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;QACpD,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAC3C,CAAC"}

package/dist/test/index.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValues } from 'lit';
+import { Scene3D } from './scene';
+export interface Props {
+    test: string;
+    count: number;
+    onChange: () => {};
+}
+export declare class TestViewer extends LitElement {
+    scene: Scene3D;
+    container: HTMLDivElement | undefined;
+    drag: HTMLButtonElement | undefined;
+    constructor();
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    test: string;
+    count: number;
+    theme: undefined | string;
+    onChange: undefined | Function;
+    usePathTracing: boolean;
+    progressBar: HTMLDivElement | undefined;
+    cancel: () => void;
+    protected render(): unknown;
+    static styles: import("lit").CSSResult;
+}

package/dist/test/index.stories.d.ts

@@ -0,0 +1,14 @@
+import { TestViewer, Props } from './index';
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: (args: Props) => TestViewer;
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: {
+    args: {
+        test: string;
+        count: number;
+    };
+};

package/dist/test/scene.d.ts

@@ -0,0 +1,20 @@
+import { PerspectiveCamera, Scene, WebGLRenderer } from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+import { WebGLPathTracer } from 'three-gpu-pathtracer';
+export declare class Scene3D {
+    readonly maxSample = 1024;
+    sampleCount: number;
+    renderer: WebGLRenderer;
+    camera: PerspectiveCamera;
+    scene: Scene;
+    controls: OrbitControls;
+    _usePathTracing: boolean;
+    pathTracer: WebGLPathTracer;
+    usePathTracing: boolean;
+    constructor();
+    resize: () => void;
+    private _loadEnv;
+    generateBVH(): void;
+    appendTo(parent: any): void;
+    ticker: () => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shop-components",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "Shop components",
   "main": "dist/shop-components.umd.js",
   "module": "dist/shop-components.mjs",
@@ -31,25 +31,28 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^8.0.6",
-    "three": "^0.159.0"
+    "three": "^0.164.0"
   },
   "resolutions": {
     "string-width": "4.2.3"
   },
   "dependencies": {
-    "@types/three": "^0.160.0",
     "@storybook/addon-themes": "^8.0.6",
     "@tweakpane/core": "^2.0.3",
-    "@tweenjs/tween.js": "^21.0.0",
+    "@tweenjs/tween.js": "^23.1.2",
+    "@types/bezier-js": "^4.1.1",
     "@types/howler": "^2.2.11",
+    "@types/three": "^0.164.0",
+    "bezier-js": "^6.1.4",
     "eventemitter3": "^5.0.1",
     "howler": "^2.2.4",
     "pixi-viewport": "^5.0.2",
     "pixi.js": "^7.4.0",
     "stats-fps.js": "0.0.6",
     "stylus": "^0.63.0",
-    "three-gpu-pathtracer": "^0.0.17",
-    "three-mesh-bvh": "^0.7.0",
+    "three-gpu-pathtracer": "0.0.23",
+    "three-mesh-bvh": "^0.7.5",
+    "troika-three-text": "^0.49.1",
     "tweakpane": "^4.0.3",
     "vite": "^5.1.6",
     "vite-plugin-dts": "^3.7.3"