DEVREL-2672: Create elements by tag name (#19)

Author: tim-webflow

src/designer-extension-typings/elements-generated.d.ts

@@ -2,7 +2,7 @@
 
 type InsertOrMoveElement = <
   el extends AnyElement,
-  target extends el | ElementPreset<el> | Component | BuilderElement,
+  target extends el | ElementPreset<el> | Component | BuilderElement | string,
 >(
   this: {id: FullElementId},
   that: target

src/examples/components.ts

@@ -151,7 +151,7 @@ export const Components = {
 
     if (root.children) {
       // Append DIV block to Root element
-      await root?.append(webflow.elementPresets.DivBlock)
+      await root?.append('div')
     }
   },
 

src/examples/elements.ts

@@ -307,7 +307,7 @@ export const Elements = {
       if (selectedElement) {
         // Insert DIV before selected Element
         const newDiv = await selectedElement.before(
-          webflow.elementPresets.DivBlock,
+          'div',
         )
 
         // Print element details
@@ -322,7 +322,7 @@ export const Elements = {
       if (selectedElement) {
         // Insert DIV after selected Element
         const newDiv = await selectedElement.after(
-          webflow.elementPresets.DivBlock,
+          'div',
         )
 
         // Print element details
@@ -337,7 +337,7 @@ export const Elements = {
       // Check if element supports child elements
       if (el?.children) {
         // Append newElement as a child to of the selected element
-        const newElement = await el?.append(webflow.elementPresets.DivBlock)
+        const newElement = await el?.append('div')
 
         // Print element Details
         console.log(JSON.stringify(newElement))
@@ -351,7 +351,7 @@ export const Elements = {
       // Check if element supports child elements
       if (el?.children) {
         // Prepend newElement as a child to of the selected element
-        const newElement = await el?.prepend(webflow.elementPresets.DivBlock)
+        const newElement = await el?.prepend('div')
 
         // Print element Details
         console.log(JSON.stringify(newElement))