@webflow/designer-extension-typings 0.1.0 → 0.1.2

package/elements-generated.d.ts

@@ -87,6 +87,7 @@ interface DOMElement
   readonly id: ElementId;
   readonly type: 'DOM';
   readonly plugin: 'Builtin';
+  getTag(): null | string;
   getAttribute(name: string): null | string;
   setAttribute(name: string, value: string): undefined;
 }
@@ -3018,6 +3019,45 @@ interface CellElement
   readonly plugin: 'Layout';
 }
 
+interface FlexContainerElement
+  extends WebflowElement,
+    Configurable,
+    CustomAttributes,
+    DomId,
+    Styles,
+    Children,
+    NoTextContent {
+  readonly id: ElementId;
+  readonly type: 'FlexContainer';
+  readonly plugin: 'Layout';
+}
+
+interface VFlexElement
+  extends WebflowElement,
+    Configurable,
+    CustomAttributes,
+    DomId,
+    Styles,
+    Children,
+    NoTextContent {
+  readonly id: ElementId;
+  readonly type: 'VFlex';
+  readonly plugin: 'Layout';
+}
+
+interface HFlexElement
+  extends WebflowElement,
+    Configurable,
+    CustomAttributes,
+    DomId,
+    Styles,
+    Children,
+    NoTextContent {
+  readonly id: ElementId;
+  readonly type: 'HFlex';
+  readonly plugin: 'Layout';
+}
+
 interface LightboxWrapperElement
   extends WebflowElement,
     Configurable,
@@ -4338,6 +4378,9 @@ declare type AnyElement =
   | GridElement
   | LayoutElement
   | CellElement
+  | FlexContainerElement
+  | VFlexElement
+  | HFlexElement
   | LightboxWrapperElement
   | NavbarBrandElement
   | NavbarButtonElement

package/index.d.ts

@@ -7,13 +7,28 @@ declare global {
 
 interface WebflowApi {
   getSelectedElement(): Promise<null | AnyElement>;
-  getElements<t extends AnyElement['type']>(
-    types: Array<t>
-  ): Promise<Array<Extract<AnyElement, {type: t}>>>;
+  getMediaQuery(): Promise<BreakpointId>;
+  getAllElements(): Promise<Array<AnyElement>>;
   createStyle(name: string): Style;
+  getStyleByName(name: string): Promise<null | Style>;
+  getAllStyles(): Promise<Array<Style>>;
   createString(text: string): StringElement;
   createDOM(tag: string): DOMElement;
-  createHeading(tag: 1 | 2 | 3 | 4 | 5 | 6): DOMElement;
+  createHeading(tag: 1 | 2 | 3 | 4 | 5 | 6): HeadingElement;
+  notify(opts: {
+    type: 'Error' | 'Info' | 'Success';
+    message: string;
+  }): Promise<void>;
+  subscribe(
+    event: 'selectedelement',
+    callback: (element: null | AnyElement) => void
+  ): Unsubscribe;
+  subscribe(
+    event: 'mediaquery',
+    callback: (breakpoint: BreakpointId) => void
+  ): Unsubscribe;
 }
 
+type Unsubscribe = () => undefined;
+
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webflow/designer-extension-typings",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Typings for the Webflow Designer Extension API",
   "main": "",

package/styles.d.ts

@@ -1,6 +1,6 @@
 interface Style {
   readonly id: StyleId;
-  getClassName(): string;
+  getName(): string;
   getProperties(options?: BreakpointAndPseudo): PropertyMap;
   setProperties(props: PropertyMap, options?: BreakpointAndPseudo): undefined;
   getProperty(prop: string, options?: BreakpointAndPseudo): null | string;