@cesdk/cesdk-js 1.4.0-alpha.4 → 1.4.0-alpha.5

package/BlockAPI.d.ts

@@ -1,7 +1,11 @@
 type Vec2 = { x: number; y: number };
 type DesignElementId = number;
 type DesignElementType = string;
-type MimeType = 'image/png' | 'image/jpeg';
+type MimeType =
+  | 'image/png'
+  | 'image/jpeg'
+  | 'image/x-tga'
+  | 'application/octet-stream';
 type Size = number; // | 'auto';
 type Size2 = {
   width: Size;
@@ -13,10 +17,26 @@ export default class BlockAPI {
    * Exports a design block element as a file of the given mime type.
    * Performs an internal update to resolve the final layout for the blocks.
    * @param handle The design block element to export.
-   * @param mimeType The mime type of the output file.
+   * @param mimeType The mime type of the output file. Defaults to 'image/png'
    * @returns A promise that resolves with the exported image or is rejected with an error.
    */
-  export(handle: DesignElementId, mimeType: MimeType): Promise<Blob>;
+  export(handle: DesignElementId, mimeType?: MimeType): Promise<Blob>;
+
+  /**
+   * Loads existing blocks from the given string.
+   * The blocks are not attached by default and won't be visible until attached to a page or the scene.
+   * @param content A string representing the given blocks.
+   * @returns A promise that resolves with a list of handles representing the found blocks or an error.
+   */
+  loadFromString(content: string): Promise<DesignElementId[]>;
+
+  /**
+   * Saves the given blocks into a string. If given the root of a block hierarchy, e.g. a
+   * page with multiple children, the entire hierarchy is saved.
+   * @param blocks
+   * @returns A promise that resolves to a string representing the blocks or an error.
+   */
+  saveToString(blocks: DesignElementId[]): Promise<string>;
 
   /**
    * Create a new block, fails if type is unknown.

package/PropertyAPI.d.ts

@@ -0,0 +1,359 @@
+type DesignBlockId = number;
+type RGBA = [r: number, g: number, b: number, a: number];
+type Size2 = {
+  width: number;
+  height: number;
+};
+type Crop = {
+  scaleX: number;
+  scaleY: number;
+  rotation: number;
+  translationX: number;
+  translationY: number;
+};
+
+export enum PropertyType {
+  Bool = 'Bool',
+  Int = 'Int',
+  Float = 'Float',
+  String = 'String',
+  Color = 'Color',
+  Size = 'Size',
+  Enum = 'Enum',
+  Struct = 'Struct'
+}
+
+export default class PropertyAPI {
+  /**
+   * Get all available properties of a block.
+   * @param id The block whose properties should be queried.
+   * @returns A list of the property names.
+   */
+  findAll(id: DesignBlockId): string[];
+
+  /**
+   * Get the type of a property given its name.
+   * @param property The name of the property whose type should be queried.
+   * @returns The property type.
+   */
+  getType(property: string): PropertyType;
+
+  /**
+   * Get all the possible values of an enum given an enum property.
+   * @param enumProperty The name of the property whose enum values should be queried.
+   * @returns A list of the enum value names as string.
+   */
+  getEnumValues<T = string>(enumProperty: string): T[];
+
+  /**
+   * Set a bool property of the given design block to the given value.
+   * @param id The block whose property should be set.
+   * @param property The name of the property to set.
+   * @param value The value to set.
+   */
+  setBool(id: DesignBlockId, property: string, value: boolean): void;
+
+  /**
+   * Get the value of a bool property of the given design block.
+   * @param id The block whose property should be queried.
+   * @param property The name of the property to query.
+   * @returns The value of the property.
+   */
+  getBool(id: DesignBlockId, property: string): boolean;
+
+  /**
+   * Set an int property of the given design block to the given value.
+   * @param id The block whose property should be set.
+   * @param property The name of the property to set.
+   * @param value The value to set.
+   */
+  setInt(id: DesignBlockId, property: string, value: number): void;
+
+  /**
+   * Get the value of an int property of the given design block.
+   * @param id The block whose property should be queried.
+   * @param property The name of the property to query.
+   * @returns The value of the property.
+   */
+  getInt(id: DesignBlockId, property: string): number;
+
+  /**
+   * Set a float property of the given design block to the given value.
+   * @param id The block whose property should be set.
+   * @param property The name of the property to set.
+   * @param value The value to set.
+   */
+  setFloat(id: DesignBlockId, property: string, value: number): void;
+
+  /**
+   * Get the value of a float property of the given design block.
+   * @param id The block whose property should be queried.
+   * @param property The name of the property to query.
+   * @returns The value of the property.
+   */
+  getFloat(id: DesignBlockId, property: string): number;
+
+  /**
+   * Set a string property of the given design block to the given value.
+   * @param id The block whose property should be set.
+   * @param property The name of the property to set.
+   * @param value The value to set.
+   */
+  setString(id: DesignBlockId, property: string, value: string): void;
+
+  /**
+   * Get the value of a string property of the given design block.
+   * @param id The block whose property should be queried.
+   * @param property The name of the property to query.
+   * @returns The value of the property.
+   */
+  getString(id: DesignBlockId, property: string): string;
+
+  /**
+   * Set a color property of the given design block to the given value.
+   * @param id The block whose property should be set.
+   * @param property The name of the property to set.
+   * @param color A tuple of channels red, green, blue and alpha in the range 0 to 1.
+   */
+  setColorRGBA(id: DesignBlockId, property: string, color: RGBA): void;
+
+  /**
+   * Get the value of a string property of the given design block.
+   * @param id The block whose property should be queried.
+   * @param property The name of the property to query.
+   * @returns The value of the property.
+   */
+  getColorRGBA(id: DesignBlockId, property: string): RGBA;
+
+  /**
+   * Set a size property's width of the given design block to the given value.
+   * @param id The block whose property should be set.
+   * @param property The name of the property to set.
+   * @param value The width to set to.
+   */
+  setSize2Width(id: DesignBlockId, property: string, value: number);
+
+  /**
+   * Set a size property's height of the given design block to the given value.
+   * @param id The block whose property should be set.
+   * @param property The name of the property to set.
+   * @param value The height to set to.
+   */
+  setSize2Height(id: DesignBlockId, property: string, value: number): void;
+
+  /**
+   * Get the value of a size property of the given design block.
+   * @param id The block whose property should be queried.
+   * @param property The name of the property to query.
+   * @returns The value of the property.
+   */
+  getSize2(id: DesignBlockId, property: string): Size2;
+
+  /**
+   * Set an enum property of the given design block to the given value.
+   * @param block The block whose property should be set.
+   * @param property The name of the property to set.
+   * @param value The enum value as string.
+   */
+  setEnum(id: DesignBlockId, property: string, value: string): void;
+
+  /**
+   * Get the value of an enum property of the given design block.
+   * @param block The block whose property should be queried.
+   * @param property The name of the property to query.
+   * @returns The value as string.
+   */
+  getEnum(id: DesignBlockId, property: string): string;
+
+  /**
+   * Query if the given block has crop properties.
+   * @param id The block to query.
+   * @returns true, if the block has crop properties.
+   */
+  hasCrop(id: DesignBlockId): boolean;
+
+  /**
+   * Set the crop scale in x direction of the given design block.
+   * @param id The block whose crop should be set.
+   * @param scaleX The scale in x direction.
+   */
+  setCropScaleX(id: DesignBlockId, scaleX: number): void;
+
+  /**
+   * Set the crop scale in y direction of the given design block.
+   * @param id The block whose crop should be set.
+   * @param scaleY The scale in y direction.
+   */
+  setCropScaleY(id: DesignBlockId, scaleY: number): void;
+
+  /**
+   * Set the crop rotation of the given design block.
+   * @param id The block whose crop should be set.
+   * @param rotation The rotation in radians.
+   */
+  setCropRotation(id: DesignBlockId, rotation: number): void;
+
+  /**
+   * Set the crop translation in x direction of the given design block.
+   * @param id The block whose crop should be set.
+   * @param translationY The translation in x direction.
+   */
+  setCropTranslationX(id: DesignBlockId, translationX: number): void;
+
+  /**
+   * Set the crop translation in y direction of the given design block.
+   * @param id The block whose crop should be set.
+   * @param translationY The translation in y direction.
+   */
+  setCropTranslationY(id: DesignBlockId, translationY: number): void;
+
+  /**
+   * Get the crop of the given design block.
+   * @param id The block whose crop should be queried.
+   * @returns An object with crop properties of scale, rotation and translation.
+   */
+  getCrop(id: DesignBlockId): Crop;
+
+  /**
+   * Query if the given block has an opacity.
+   * @param id The block to query.
+   * @returns true, if the block has an opcity.
+   */
+  hasOpacity(id: DesignBlockId): boolean;
+
+  /**
+   * Set the opacity of the given design block.
+   * @param id The block whose opacity should be set.
+   * @param opacity The opacity to be set. The valid range is 0 to 1.
+   */
+  setOpacity(id: DesignBlockId, opacity: number): void;
+
+  /**
+   * Get the opacity of the given design block.
+   * @param id The block whose opacity should be queried.
+   * @param opacity The opacity.
+   */
+  getOpacity(id: DesignBlockId): number;
+
+  /**
+   * Query if the given block has fill color properties.
+   * @param id The block to query.
+   * @returns true, if the block has fill color properties.
+   */
+  hasFillColor(id: DesignBlockId): boolean;
+
+  /**
+   * Set the fill color of the given design block.
+   * @param id The block whose fill color should be set.
+   * @param color The fill color to be set, a tuple of
+   * red, green, blue and alpha in the range of 0 to 1.
+   */
+  setFillColorRGBA(id: DesignBlockId, color: RGBA): void;
+
+  /**
+   * Get the fill color of the given design block.
+   * @param id The block whose fill color should be queried.
+   * @returns The fill color.
+   */
+  getFillColorRGBA(id: DesignBlockId): RGBA;
+
+  /**
+   * Enable or disable the fill of the given design block.
+   * @param id The block whose fill should be enabled or disabled.
+   * @param enabled If true, the fill will be enabled.
+   */
+  setFillColorEnabled(id: DesignBlockId, enabled: boolean): void;
+
+  /**
+   * Query if the fill of the given design block is enabled.
+   * @param id The block whose fill state should be queried.
+   * @returns True, if fill is enabled.
+   */
+  isFillColorEnabled(id: DesignBlockId): boolean;
+
+  /**
+   * Query if the given block has background color properties.
+   * @param id The block to query.
+   * @returns true, if the block has background color properties.
+   */
+  hasBackgroundColor(id: DesignBlockId): boolean;
+
+  /**
+   * Set the background color of the given design block.
+   * @param id The block whose background color should be set.
+   * @param color The background color to be set, a tuple of
+   * red, green, blue and alpha in the range of 0 to 1.
+   */
+  setBackgroundColorRGBA(id: DesignBlockId, color: RGBA): void;
+
+  /**
+   * Get the background color of the given design block.
+   * @param id The block whose background color should be queried.
+   * @returns The background color.
+   */
+  getBackgroundColorRGBA(id: DesignBlockId): RGBA;
+
+  /**
+   * Enable or disable the background of the given design block.
+   * @param id The block whose background should be enabled or disabled.
+   * @param enabled If true, the background will be enabled.
+   */
+  setBackgroundColorEnabled(id: DesignBlockId, enabled: boolean): void;
+
+  /**
+   * Query if the background of the given design block is enabled.
+   * @param id The block whose background state should be queried.
+   * @returns True, if background is enabled.
+   */
+  isBackgroundColorEnabled(id: DesignBlockId): boolean;
+
+  /**
+   * Query if the given block has outline properties.
+   * @param id The block to query.
+   * @returns true, if the block has outline properties.
+   */
+  hasOutline(id: DesignBlockId): boolean;
+
+  /**
+   * Set the outline color of the given design block.
+   * @param id The block whose outline color should be set.
+   * @param color The outline color to be set, a tuple of
+   * red, green, blue and alpha in the range of 0 to 1.
+   */
+  setOutlineColorRGBA(id: DesignBlockId, color: RGBA): void;
+
+  /**
+   * Get the outline color of the given design block.
+   * @param id The block whose outline color should be queried.
+   * @returns The outline color.
+   */
+  getOutlineColorRGBA(id: DesignBlockId): RGBA;
+
+  /**
+   * Enable or disable the outline of the given design block.
+   * @param id The block whose outline should be enabled or disabled.
+   * @param enabled If true, the outline will be enabled.
+   */
+  setOutlineEnabled(id: DesignBlockId, enabled: boolean): void;
+
+  /**
+   * Query if the outline of the given design block is enabled.
+   * @param id The block whose outline state should be queried.
+   * @returns True, if outline is enabled.
+   */
+  isOutlineEnabled(id: DesignBlockId): boolean;
+
+  /**
+   * Set the outline width of the given design block.
+   * @param id The block whose outline width should be set.
+   * @param width The outline width to be set.
+   */
+  setOutlineWidth(id: DesignBlockId, width: number): void;
+
+  /**
+   * Get the outline width of the given design block.
+   * @param id The block whose outline width should be queried.
+   * @returns The outline width.
+   */
+  getOutlineWidth(id: DesignBlockId): number;
+}

package/SceneAPI.d.ts

@@ -6,7 +6,7 @@ export default class SceneAPI {
    * @param sceneContent The scene file contents, a base64 string.
    * @returns A handle to the loaded scene.
    */
-  loadFromString(sceneContent: string): DesignBlockId;
+  loadFromString(sceneContent: string): Promise<DesignBlockId>;
 
   /**
    * Load a scene from the URL to the scene file.

package/api.d.ts

@@ -1,5 +1,6 @@
 import BlockAPI from './BlockAPI';
 import SceneAPI from './SceneAPI';
+import PropertyAPI from './PropertyAPI';
 import VariableAPI from './VariableAPI';
 
 export default class API {
@@ -7,5 +8,7 @@ export default class API {
 
   scene: SceneAPI;
 
+  property: PropertyAPI;
+
   variable: VariableAPI;
 }