@pixeasy/customizer 0.0.3-beta.0 → 0.0.5-beta.0

package/LICENSE

@@ -1,20 +1,20 @@
-Pixeasy Customizer SDK License
-
-Copyright (c) Pixeasy.
-All rights reserved.
-
-Permission is hereby granted to any person obtaining a copy of this software and
-associated documentation files (the "Software") to use the Software for internal
-evaluation and integration with authorized Pixeasy services only.
-
-Any redistribution, sublicensing, sale, modification for redistribution, or
-public hosting of the Software is prohibited unless expressly authorized in
-writing by Pixeasy.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM,
-OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+Pixeasy Customizer SDK License
+
+Copyright (c) Pixeasy.
+All rights reserved.
+
+Permission is hereby granted to any person obtaining a copy of this software and
+associated documentation files (the "Software") to use the Software for internal
+evaluation and integration with authorized Pixeasy services only.
+
+Any redistribution, sublicensing, sale, modification for redistribution, or
+public hosting of the Software is prohibited unless expressly authorized in
+writing by Pixeasy.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM,
+OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,115 +1,115 @@
-# Pixeasy Customizer SDK
-
-Framework-agnostic SDK to embed the Pixeasy customizer in Angular, React, Vue, or any ESM app.
-
-## Install
-
-```bash
-npm install @pixeasy/customizer
-```
-
-## Quick start
-
-```ts
-import { createPixeasyBuilder } from '@pixeasy/customizer';
-import '@pixeasy/customizer/styles.css';
-
-const builder = createPixeasyBuilder();
-
-builder.open({
-  container: 'pixeasyBuilder',
-  apiKey: 'dk_xxx_yyy',
-  productId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
-});
-```
-
-`container` can be an element id (`string`) or an `HTMLElement`.
-
-## API
-
-### `createPixeasyBuilder()`
-
-Returns an instance of `PixeasyBuilder`.
-
-### `PixeasyBuilder.open(options)`
-
-```ts
-type PixeasyOpenOptions = {
-  container: string | HTMLElement;
-  apiKey: string;
-  productId: string;
-  locale?: string;
-  theme?: string;
-  readonly?: boolean;
-};
-```
-
-### `PixeasyBuilder` events
-
-- `manifest-loaded`
-- `sdk-ready`
-- `design-change`
-- `design:created`
-- `error`
-- `closed`
-
-Usage:
-
-```ts
-builder
-  .on('sdk-ready', (event) => console.log(event.productId))
-  .on('design:created', (event) => console.log(event.data.designs))
-  .on('error', (event) => console.error(event.code, event.message));
-```
-
-## Framework examples
-
-### React
-
-```tsx
-import { useEffect } from 'react';
-import { createPixeasyBuilder } from '@pixeasy/customizer';
-import '@pixeasy/customizer/styles.css';
-
-export function CustomizerHost() {
-  useEffect(() => {
-    const builder = createPixeasyBuilder();
-    builder.open({
-      container: 'pixeasyBuilder',
-      apiKey: 'dk_xxx_yyy',
-      productId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
-    });
-    return () => builder.close();
-  }, []);
-
-  return <div id="pixeasyBuilder" />;
-}
-```
-
-### Vue
-
-```ts
-import { onMounted, onBeforeUnmount } from 'vue';
-import { createPixeasyBuilder } from '@pixeasy/customizer';
-import '@pixeasy/customizer/styles.css';
-
-const builder = createPixeasyBuilder();
-
-onMounted(() => {
-  builder.open({
-    container: 'pixeasyBuilder',
-    apiKey: 'dk_xxx_yyy',
-    productId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
-  });
-});
-
-onBeforeUnmount(() => builder.close());
-```
-
-## Exports
-
-- `createPixeasyBuilder`
-- `PixeasyBuilder`
-- `definePixeasyCustomizerElement`
-- typed options/events (`PixeasyOpenOptions`, `ManifestLoadedEventDetail`, etc.)
-- stylesheet export: `@pixeasy/customizer/styles.css`
+# Pixeasy Customizer SDK
+
+Framework-agnostic SDK to embed the Pixeasy customizer in Angular, React, Vue, or any ESM app.
+
+## Install
+
+```bash
+npm install @pixeasy/customizer
+```
+
+## Quick start
+
+```ts
+import { createPixeasyBuilder } from '@pixeasy/customizer';
+import '@pixeasy/customizer/styles.css';
+
+const builder = createPixeasyBuilder();
+
+builder.open({
+  container: 'pixeasyBuilder',
+  apiKey: 'dk_xxx_yyy',
+  productId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
+});
+```
+
+`container` can be an element id (`string`) or an `HTMLElement`.
+
+## API
+
+### `createPixeasyBuilder()`
+
+Returns an instance of `PixeasyBuilder`.
+
+### `PixeasyBuilder.open(options)`
+
+```ts
+type PixeasyOpenOptions = {
+  container: string | HTMLElement;
+  apiKey: string;
+  productId: string;
+  locale?: string;
+  theme?: string;
+  readonly?: boolean;
+};
+```
+
+### `PixeasyBuilder` events
+
+- `manifest-loaded`
+- `sdk-ready`
+- `design-change`
+- `design:created`
+- `error`
+- `closed`
+
+Usage:
+
+```ts
+builder
+  .on('sdk-ready', (event) => console.log(event.productId))
+  .on('design:created', (event) => console.log(event.data.designs))
+  .on('error', (event) => console.error(event.code, event.message));
+```
+
+## Framework examples
+
+### React
+
+```tsx
+import { useEffect } from 'react';
+import { createPixeasyBuilder } from '@pixeasy/customizer';
+import '@pixeasy/customizer/styles.css';
+
+export function CustomizerHost() {
+  useEffect(() => {
+    const builder = createPixeasyBuilder();
+    builder.open({
+      container: 'pixeasyBuilder',
+      apiKey: 'dk_xxx_yyy',
+      productId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
+    });
+    return () => builder.close();
+  }, []);
+
+  return <div id="pixeasyBuilder" />;
+}
+```
+
+### Vue
+
+```ts
+import { onMounted, onBeforeUnmount } from 'vue';
+import { createPixeasyBuilder } from '@pixeasy/customizer';
+import '@pixeasy/customizer/styles.css';
+
+const builder = createPixeasyBuilder();
+
+onMounted(() => {
+  builder.open({
+    container: 'pixeasyBuilder',
+    apiKey: 'dk_xxx_yyy',
+    productId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
+  });
+});
+
+onBeforeUnmount(() => builder.close());
+```
+
+## Exports
+
+- `createPixeasyBuilder`
+- `PixeasyBuilder`
+- `definePixeasyCustomizerElement`
+- typed options/events (`PixeasyOpenOptions`, `ManifestLoadedEventDetail`, etc.)
+- stylesheet export: `@pixeasy/customizer/styles.css`

package/index.d.ts

@@ -77,3 +77,16 @@ export class PixeasyBuilder {
 
 export function createPixeasyBuilder(): PixeasyBuilder;
 export function definePixeasyCustomizerElement(): void;
+
+export type ThumbnailView = 'front' | 'right' | 'back' | 'left';
+
+export interface GeneratedThumbnail {
+  view: ThumbnailView;
+  dataUrl: string;
+}
+
+export function generateThumbnails(
+  svgUrl: string,
+  objUrl: string,
+  mtlUrl: string,
+): Promise<GeneratedThumbnail[]>;

package/package.json

@@ -1,33 +1,33 @@
-{
-  "name": "@pixeasy/customizer",
-  "version": "0.0.3-beta.0",
-  "type": "module",
-  "license": "SEE LICENSE IN LICENSE",
-  "publishConfig": {
-    "access": "public"
-  },
-  "main": "./pixeasy-customizer.min.js",
-  "module": "./pixeasy-customizer.min.js",
-  "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./pixeasy-customizer.min.js",
-      "default": "./pixeasy-customizer.min.js"
-    },
-    "./styles.css": "./pixeasy-customizer.css"
-  },
-  "sideEffects": [
-    "./pixeasy-customizer.min.js",
-    "./pixeasy-customizer.css"
-  ],
-  "files": [
-    "pixeasy-customizer.min.js",
-    "pixeasy-customizer.css",
-    "index.d.ts",
-    "README.md",
-    "LICENSE",
-    "assets",
-    "media"
-  ]
+{
+  "name": "@pixeasy/customizer",
+  "version": "0.0.5-beta.0",
+  "type": "module",
+  "license": "SEE LICENSE IN LICENSE",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./pixeasy-customizer.min.js",
+  "module": "./pixeasy-customizer.min.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./pixeasy-customizer.min.js",
+      "default": "./pixeasy-customizer.min.js"
+    },
+    "./styles.css": "./pixeasy-customizer.css"
+  },
+  "sideEffects": [
+    "./pixeasy-customizer.min.js",
+    "./pixeasy-customizer.css"
+  ],
+  "files": [
+    "pixeasy-customizer.min.js",
+    "pixeasy-customizer.css",
+    "index.d.ts",
+    "README.md",
+    "LICENSE",
+    "assets",
+    "media"
+  ]
 }