@webflow/webflow-cli 1.6.10 → 1.6.12

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @webflow/webflow-cli
 
+## 1.6.12
+
+### Patch Changes
+
+- Updates to extension feature flagging support
+
+## 1.6.11
+
+### Patch Changes
+
+- Updating Designer Extension templates and adding ESLint configs
+
 ## 1.6.10
 
 ### Patch Changes

package/dist/index.js

@@ -1018,7 +1018,7 @@ ${s.message}`,s}},Psi={loadJs:Tsi,loadJsSync:Cmt,loadJson:ksi,loadYaml:Fsi};V_e.
 `).trim(),{parser:"css"});return Tot(s)}catch{return t8.log(PN("There was a problem skipping global tags from CSS. Falling back to normal global CSS.")),e}}function Pot(e){return e.reduce((r,i)=>(i.name==="global"?r.globalCss=i:r.rest.push(i),r),{rest:[]})}var MS=class extends Error{constructor(r){super(r)}},tCe=e=>t8.render({text:`${tpe("Something went wrong while trying to export your components:")} ${MA.red(e.message)}
   ${e==null?void 0:e.stack}`});function Oot(e){if(e.status>=200&&e.status<300){switch(e.status){case 206:t8.log(PN("You exceeded the limit of components and some components were not exported."));break;case 207:t8.log(PN("Certain components couldn't be exported due to an unexpected error."));break}return}switch(e.status){case 400:throw new MS("Something unexpected happened. Report a bug here: https://airtable.com/shr47EWPVsV9xCwOH");case 401:throw new MS("Your access token is invalid for the provided siteId. Double check your configs in your .webflowrc configuration file.");case 404:throw new MS("You're not currently enrolled in the DevLink beta. You can apply for access here: https://webflow.com/devlink");default:throw new MS("Something went wrong. Try again later or report a bug here: https://airtable.com/shr47EWPVsV9xCwOH")}}async function dHn(e){try{let{siteId:r,host:i,authToken:s,components:c,cssModules:l}=e,p=new URLSearchParams({cssModules:l?"true":"false"});c&&p.append("components",encodeURIComponent(c));let h=`?${p.toString()}`,g=await IN(`${i}/devlink/${r}${h}`,{headers:{Authorization:`Bearer ${s}`},timeout:6e4});Oot(g);let v=await g.json();return v.components||v}catch(r){if(r instanceof MS)tCe(r),process.exit(1);else throw r}}async function fHn(e){try{let{siteId:r,host:i,authToken:s}=e,c=await IN(`${i}/devlink/${r}/engine`,{headers:{Authorization:`Bearer ${s}`},timeout:6e4});return Oot(c),await c.json()}catch(r){if(r instanceof MS)tCe(r),process.exit(1);else throw r}}async function rCe(e){let{rootDir:r}=e;t8.render({text:`Exporting components into ${e.rootDir}.`,showSpinner:!0});try{let[i,s]=await Promise.all([dHn(e),fHn(e)]),c=s;if(e.skipTagSelectors===!0){let{rest:l,globalCss:p}=Pot(i),h=Fot(p);c.push(...l,h)}else c.push(...i);await NUe(c,e),t8.render({text:epe(`Succesfully exported components into ${r} folder.`),flushLogs:!0})}catch(i){i instanceof Error&&(tCe(i),FK(i))}}async function Bot(e){lit();let r={...e&&e.length>0?{components:_be(e),overwriteModule:!1}:{overwriteModule:!0}},i=await ape(r);if(!i)return Not.default.exit();await rCe(i)}var p2t=ol(require("http"));var d2t=ol(Vut()),f2t=require("fs"),h2t=ol(require("path")),m2t=require("commander");var Zmt=ol($dt()),lTe=require("commander"),Q_e=require("fs");var Kmt=ol(zmt()),Hmt=require("commander"),J_e=async(e,r)=>{let i=await roi(r);return{filepath:i.filepath,config:{publicDir:e,...i.config}}},roi=async e=>{let i=await(0,Kmt.cosmiconfig)("webflow",{searchPlaces:[e]}).search();return i||Hmt.program.error(`No ${e} file was found. Run this command within your extension folder.`),i};var e2t=ol(Qmt()),X_e=ol(require("path")),loi=5*1024*1024,poi=new Set(["application/javascript","application/json","application/xml","image/png","image/jpeg","image/gif","image/svg+xml","image/webp","image/vnd.microsoft.icon","image/x-icon","video/webm","font/ttf","font/otf","font/woff","font/woff2","text/plain","text/markdown","text/html","text/css"]),t2t=async(e,r,i)=>{let{config:s,filepath:c}=await J_e(e,r),l=X_e.join(c,".."),p=!0,h=!1,g=b=>{let E=b.name,S=e2t.default.lookup(E);return E==="index.html"&&(h=!0),E&&E.endsWith(".DS_Store")||!S?!1:poi.has(S)?b:(console.log(`Invalid file type: ${S} for file: ${E}`),p=!1,!1)},v=b=>{(0,Q_e.unlink)(i,E=>{E&&console.error(`Failed to delete file: ${E}`),lTe.program.error(b)})};return console.log(`Packaging the contents of the ${s.publicDir} folder into ${i}...`),new Promise(b=>{let E=(0,Zmt.default)("zip",{zlib:{level:9}}),S=(0,Q_e.createWriteStream)(X_e.join(l,i));S.on("close",()=>{b(void 0)}),E.directory(X_e.join(l,s.publicDir),!1,g),E.file(c,{name:r}),E.pipe(S),E.finalize(),E.on("warning",w=>{console.log(w)}),E.on("error",w=>{lTe.program.error(w.message)}),E.on("finish",()=>{if(!h){v("Could not find index.html in your `publicDir`, all Designer Extension code needs to be inside of `publicDir`");return}if(!p){v("Bundling failed due to invalid file types");return}if(!E.pointer()||E.pointer()===0){v("Bundling failed with no output");return}if(E.pointer()>=loi){v("Bundling failed due to the bundle exceeding 5MB");return}console.log(`${E.pointer()} total bytes written`),console.log(`Done! ${i} is ready for you to upload to your Webflow app.`)})})};var iT=ol(require("fs")),i4=ol(require("path"));var lae="webflow.json",r2t="index.html",n2t="bundle.zip",pTe="public",dTe="scaffolds",Z_e="default",i2t="./";var a2t="package.json",s2t="wf-placeholder-name",fTe=e=>JSON.stringify(e,null,2),o2t=e=>{let r="\u2500".repeat(e.length+2);return"\u256D"+r+`\u256E
 \u2502 `+e+` \u2502
-\u2570`+r+"\u256F"};var u2t=async(e,r=i2t,i=Z_e,s)=>{let c=s[i];try{for(let l of c){let p=i4.join(r,l),h=foi(p,i,e);if(l.includes(a2t)||l.includes(lae))await doi(l,h,e);else{let g=await iT.promises.readFile(l);await l2t(h,g)}}}catch(l){console.error("Error writing file, ",l)}},hTe=async()=>{let e={},r=i4.resolve(__dirname),i=i4.join(r,dTe),s=await iT.promises.readdir(i);for(let c of s){let l=i4.join(i,c),p=await c2t(l);e[c]=p}return e},c2t=async e=>{let r=[];try{let i=await iT.promises.readdir(e);for(let s of i){let c=i4.join(e,s);if((await iT.promises.stat(c)).isDirectory()){let p=await c2t(c);r.push(...p)}else r.push(c)}}catch(i){console.error(`Error reading ${i4}, `,i)}return r},l2t=async(e,r)=>{try{await iT.promises.mkdir(i4.dirname(e),{recursive:!0}),await iT.promises.writeFile(e,r)}catch(i){console.error("Error writing file ",i)}},doi=async(e,r,i)=>iT.promises.readFile(e,"utf8").then(async s=>{let c=s.replace(s2t,i);await l2t(r,c)}),foi=(e,r,i)=>{let s=i4.join(dTe,r),c=e.indexOf(s);if(c!==-1){let l=e.substring(c+s.length+1);return i4.join(i,l)}return""};var _2t=async()=>{let e=await hTe(),r=Object.keys(e).join(", ");console.log(`Your available templates are: ${r}`),console.log('\u{1F4A1} Syntax: "webflow extension init projectName templateName"'),console.log('\u{1F31F} Example: "webflow extension init my-first-extension react"')},g2t=async(e,r=Z_e)=>{let i=`./${e}`;console.log(`Scaffolding your new extension named: ${e}...`);let s=await hTe();await u2t(e,i,r,s),console.log(`Done! Check out ${i}/README.md for steps on how to develop your extension.`)},x2t=()=>t2t(pTe,lae,n2t),v2t=async e=>{let{config:r,filepath:i}=await J_e(pTe,lae),s=h2t.join(i,"..",r.publicDir,r2t),l=(await NV([],!0)).extensionTemplateDomain||"webflow-ext.com",p=r.apiVersion==="2"?"template/v2":"template",h=Object.keys(r.featureFlags||{}).map(w=>r.featureFlags&&r.featureFlags[w]===!0?`ff=${w}`:null).filter(Boolean).join("&"),g=h?`&${h}`:"",b=await(await IN(`https://${l}/${p}?name=${r.name}${g}`)).text(),E=new p2t.Server((w,k)=>{if(w.url==="/"){f2t.promises.readFile(s,{encoding:"utf-8"}).catch(B=>{m2t.program.error(B.message)}).then(B=>{let V=b.replace("{{ui}}",B);return k.writeHead(200,{"Content-Length":Buffer.byteLength(V),"Content-Type":"text/html"}),k.end(V)});return}if(w.url==="/__webflow")return k.writeHead(200,{"Content-Length":Buffer.byteLength(fTe(r)),"Content-Type":"application/json","Access-Control-Allow-Origin":"*","Access-Control-Allow-Headers":"*"}),k.end(fTe(r));(0,d2t.default)(w,k,{public:r.publicDir,cleanUrls:!1,directoryListing:!1})}),S=hoi(e);E.listen(S),console.log(o2t(`Serving your extension at http://localhost:${S}`)+`
+\u2570`+r+"\u256F"};var u2t=async(e,r=i2t,i=Z_e,s)=>{let c=s[i];try{for(let l of c){let p=i4.join(r,l),h=foi(p,i,e);if(l.includes(a2t)||l.includes(lae))await doi(l,h,e);else{let g=await iT.promises.readFile(l);await l2t(h,g)}}}catch(l){console.error("Error writing file, ",l)}},hTe=async()=>{let e={},r=i4.resolve(__dirname),i=i4.join(r,dTe),s=await iT.promises.readdir(i);for(let c of s){let l=i4.join(i,c),p=await c2t(l);e[c]=p}return e},c2t=async e=>{let r=[];try{let i=await iT.promises.readdir(e);for(let s of i){let c=i4.join(e,s);if((await iT.promises.stat(c)).isDirectory()){let p=await c2t(c);r.push(...p)}else r.push(c)}}catch(i){console.error(`Error reading ${i4}, `,i)}return r},l2t=async(e,r)=>{try{await iT.promises.mkdir(i4.dirname(e),{recursive:!0}),await iT.promises.writeFile(e,r)}catch(i){console.error("Error writing file ",i)}},doi=async(e,r,i)=>iT.promises.readFile(e,"utf8").then(async s=>{let c=s.replace(s2t,i);await l2t(r,c)}),foi=(e,r,i)=>{let s=i4.join(dTe,r),c=e.indexOf(s);if(c!==-1){let l=e.substring(c+s.length+1);return i4.join(i,l)}return""};var _2t=async()=>{let e=await hTe(),r=Object.keys(e).join(", ");console.log(`Your available templates are: ${r}`),console.log('\u{1F4A1} Syntax: "webflow extension init projectName templateName"'),console.log('\u{1F31F} Example: "webflow extension init my-first-extension react"')},g2t=async(e,r=Z_e)=>{let i=`./${e}`;console.log(`Scaffolding your new extension named: ${e}...`);let s=await hTe();await u2t(e,i,r,s),console.log(`Done! Check out ${i}/README.md for steps on how to develop your extension.`)},x2t=()=>t2t(pTe,lae,n2t),v2t=async e=>{let{config:r,filepath:i}=await J_e(pTe,lae),s=h2t.join(i,"..",r.publicDir,r2t),l=(await NV([],!0)).extensionTemplateDomain||"webflow-ext.com",p=r.apiVersion==="2"?"template/v2":"template",h=Object.keys(r.featureFlags||{}).map(w=>{var k;return((k=r.featureFlags)==null?void 0:k[w])===!0?`ff_on=${w}`:`ff_off=${w}`}).join("&"),g=h?`&${h}`:"",b=await(await IN(`https://${l}/${p}?name=${r.name}${g}`)).text(),E=new p2t.Server((w,k)=>{if(w.url==="/"){f2t.promises.readFile(s,{encoding:"utf-8"}).catch(B=>{m2t.program.error(B.message)}).then(B=>{let V=b.replace("{{ui}}",B);return k.writeHead(200,{"Content-Length":Buffer.byteLength(V),"Content-Type":"text/html"}),k.end(V)});return}if(w.url==="/__webflow")return k.writeHead(200,{"Content-Length":Buffer.byteLength(fTe(r)),"Content-Type":"application/json","Access-Control-Allow-Origin":"*","Access-Control-Allow-Headers":"*"}),k.end(fTe(r));(0,d2t.default)(w,k,{public:r.publicDir,cleanUrls:!1,directoryListing:!1})}),S=hoi(e);E.listen(S),console.log(o2t(`Serving your extension at http://localhost:${S}`)+`
 `)},hoi=e=>{if(e){let r=parseInt(e,10);return isNaN(r)?(console.log("Invalid port number provided. Using the default port "+1337),1337):r}return 1337};var _Te=require("child_process"),ege=class{constructor(r){this.packageName=r}checkForUpdates(){try{let r=this.getLatestVersion(),i=this.getInstalledVersion();if(typeof r!="string"||typeof i!="string"||r===""||i==="")return;if(r>i)return`A new version of ${this.packageName} is available! Run \`npm i ${this.packageName}\` to get the latest version.
 `}catch{return}}getLatestVersion(){return(0,_Te.execSync)(`npm view ${this.packageName} version`,{stdio:["ignore","pipe","ignore"]}).toString().trim()}getInstalledVersion(){let r=(0,_Te.execSync)(`npm list ${this.packageName} --depth=0 --json`,{stdio:["ignore","pipe","ignore"]}).toString().trim();return JSON.parse(r).dependencies[this.packageName].version}};var tge=new y2t.Command,moi=new ege("@webflow/webflow-cli");tge.name("webflow").description("Webflow CLI").hook("postAction",()=>{let e=moi.checkForUpdates();e&&console.log(PN(e))});var rge=tge.command("extension").description("CLI for developing Designer extensions.");rge.command("list").description("Get list of project templates that can be used for `init`").action(_2t);rge.command("init").description("Bootstrap a Designer extension.").argument("<projectName>","Your extension's name").argument("[scaffoldName]","Which starting point you plan to use","default").action(g2t);rge.command("bundle").description("Prepare package that can be uploaded to Webflow.").action(x2t);rge.command("serve").description("Serve your extension locally.").argument("[port]","The port to serve your extension on").action(v2t);var _oi=tge.command("devlink").description("CLI for managing your Webflow components.");_oi.command("sync").argument("[components...]","A list of components to sync. If none is provided, all components will be synced.").description("Sync your Webflow components to your filesystem.").action(Bot);tge.parse();
 /*! Bundled license information:

package/dist/scaffolds/default/.eslintrc

@@ -0,0 +1,25 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "plugins": ["@typescript-eslint", "promise"],
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-floating-promises": "error",
+    "@typescript-eslint/no-misused-promises": [
+      "error",
+      { "checksVoidReturn": false }
+    ],
+    "@typescript-eslint/no-unused-vars": "error",
+    "no-async-promise-executor": "error",
+    "require-await": "error",
+    "promise/catch-or-return": "error"
+  }
+}

package/dist/scaffolds/default/package.json

@@ -5,11 +5,17 @@
   "main": "index.js",
   "scripts": {
     "build": "npm install && tsc -p tsconfig.json && webflow extension bundle",
-    "dev": "npm install && concurrently -r \"webflow extension serve\" \"tsc -p tsconfig.json --watch --preserveWatchOutput\""
+    "dev": "npm install && concurrently -r \"webflow extension serve\" \"tsc -p tsconfig.json --watch --preserveWatchOutput\"",
+    "lint": "eslint . --ext .ts"
   },
   "devDependencies": {
-    "@webflow/designer-extension-typings": "*",
-    "concurrently": "*",
-    "typescript": "*"
+    "@webflow/designer-extension-typings": "^0.2.0-beta.8",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "eslint": "^8.5.7",
+    "concurrently": "^8.2.2",
+    "typescript": "^5.4.5",
+    "eslint-plugin-promise": "^6.1.1"
   }
 }
+

package/dist/scaffolds/default/src/index.ts

@@ -11,12 +11,11 @@ addButtonListeners();
 
 document.getElementById("extension-form").onsubmit = async (event) => {
   event.preventDefault();
-
   // Get the current selected Element
   const el = await webflow.getSelectedElement();
 
   // If styles can be set on the Element
-  if (el && el.styles && el.configurable && el.children) {
+  if (el && el.styles && el.children) {
     //Get current element's style
     const currentStyle = await el.getStyles();
 
@@ -24,12 +23,10 @@ document.getElementById("extension-form").onsubmit = async (event) => {
     const emojiStyle = await createOrUseStyle("emoji-style");
 
     // Create a new element that will display the text-emoji
-    const labelElement = await webflow.createDOM("span");
-    labelElement.setStyles([...currentStyle, emojiStyle]);
-    labelElement.setTextContent(selectedEmoji);
-
-    el.setChildren([...el.getChildren(), labelElement]);
-    await el.save();
+    const labelElement = await el.append(webflow.elementPresets.DOM);
+    await labelElement.setTag("span");
+    await labelElement.setStyles([...currentStyle, emojiStyle]);
+    await labelElement.setTextContent(selectedEmoji);
   } else {
     alert("Please select a text element");
   }
@@ -44,8 +41,8 @@ async function createOrUseStyle(styleName) {
     return style;
   } else {
     // Create a new style, return it
-    const emojiStyle = webflow.createStyle(styleName);
-    emojiStyle.setProperties({ "background-color": "#FF00FF" });
+    const emojiStyle = await webflow.createStyle(styleName);
+    await emojiStyle.setProperties({ "background-color": "#FF00FF" });
     return emojiStyle;
   }
 }

package/dist/scaffolds/default/webflow.json

@@ -1,5 +1,6 @@
 {
   "name": "wf-placeholder-name",
   "publicDir": "public",
-  "size": "default"
+  "size": "default",
+  "apiVersion": "2"
 }

package/dist/scaffolds/react/.eslintrc

@@ -0,0 +1,25 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "plugins": ["@typescript-eslint", "promise"],
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-floating-promises": "error",
+    "@typescript-eslint/no-misused-promises": [
+      "error",
+      { "checksVoidReturn": false }
+    ],
+    "@typescript-eslint/no-unused-vars": "error",
+    "no-async-promise-executor": "error",
+    "require-await": "error",
+    "promise/catch-or-return": "error"
+  }
+}

package/dist/scaffolds/react/package.json

@@ -5,16 +5,27 @@
     "dev": "npm install && concurrently \"webflow extension serve\" \"npm run watch-webpack\"",
     "build": "npm run build-webpack && webflow extension bundle",
     "watch-webpack": "webpack --config webpack.config.mjs --mode development --watch",
-    "build-webpack": "webpack --config webpack.config.mjs --mode production"
+    "build-webpack": "webpack --config webpack.config.mjs --mode production",
+    "lint": "eslint . --ext .ts,.tsx"
   },
   "devDependencies": {
+    "@webflow/designer-extension-typings": "^0.2.0-beta.8",
+    "concurrently": "^8.2.2",
+    "eslint": "^8.5.7",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "typescript": "^5.4.5",
+    "react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
     "@babel/preset-env": "^7.23.2",
     "@babel/preset-react": "^7.22.15",
-    "@webflow/designer-extension-typings": "*",
-    "concurrently": "*",
     "babel-loader": "^9.1.3",
+    "ts-loader": "^9.5.1",
     "webpack": "^5.89.0",
-    "webpack-cli": "^5.1.4"
+    "webpack-cli": "^5.1.4",
+    "eslint-plugin-promise": "^6.1.1"
   },
   "dependencies": {
     "react-dom": "^18.2.0"

package/dist/scaffolds/react/public/index.html

@@ -10,4 +10,4 @@
     <div id="root"></div>
     <script src="./bundle.js"></script>
   </body>
-</html>
+</html>

package/dist/scaffolds/react/src/{main.js → index.tsx}

@@ -1,15 +1,14 @@
 import React from "react";
 import ReactDOM from "react-dom";
 
-const App = () => {
+const App: React.FC = () => {
   const addText = async () => {
     // Get the current selected Element
-    let el = await webflow.getSelectedElement();
+    const el = await webflow.getSelectedElement();
 
     // If text content can be set, update it!
-    if (el && el.configurable && el.setTextContent) {
-      el.setTextContent("hello world!");
-      await el.save();
+    if (el && el.textContent) {
+      await el.setTextContent("hello world!");
     } else {
       alert("Please select a text element");
     }

package/dist/scaffolds/react/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "outDir": "public",
+    "target": "es6",
+    "lib": ["es6", "dom"],
+    "typeRoots": ["./node_modules/@types", "./node_modules/@webflow"],
+    "jsx": "react",
+    "esModuleInterop": true,
+    "baseUrl": "./",
+    "paths": {
+      "react": ["node_modules/react"],
+      "react-dom": ["node_modules/react-dom"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/dist/scaffolds/react/webflow.json

@@ -1,5 +1,6 @@
 {
   "name": "wf-placeholder-name",
   "publicDir": "public",
-  "size": "default"
+  "size": "default",
+  "apiVersion": "2"
 }

package/dist/scaffolds/react/webpack.config.mjs

@@ -5,19 +5,20 @@ const filename = fileURLToPath(import.meta.url);
 const dirname = path.dirname(filename);
 
 export default {
-  entry: "./src/main.js",
+  entry: "./src/index.tsx",
   output: {
     filename: "bundle.js",
     path: path.resolve(dirname, "public"),
   },
+  resolve: {
+    extensions: [".ts", ".tsx", ".js", ".json"],
+  },
   module: {
     rules: [
       {
-        test: /\.js$/,
+        test: /\.(ts|tsx)$/,
         exclude: /node_modules/,
-        use: {
-          loader: "babel-loader",
-        },
+        use: "ts-loader",
       },
       {
         test: /\.css$/,

package/dist/scaffolds/typescript-alt/.eslintrc

@@ -0,0 +1,25 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "plugins": ["@typescript-eslint", "promise"],
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-floating-promises": "error",
+    "@typescript-eslint/no-misused-promises": [
+      "error",
+      { "checksVoidReturn": false }
+    ],
+    "@typescript-eslint/no-unused-vars": "error",
+    "no-async-promise-executor": "error",
+    "require-await": "error",
+    "promise/catch-or-return": "error"
+  }
+}

package/dist/scaffolds/typescript-alt/package.json

@@ -5,11 +5,16 @@
   "main": "index.js",
   "scripts": {
     "build": "npm install && tsc -p tsconfig.json && webflow extension bundle",
-    "dev": "npm install && concurrently -r \"webflow extension serve\" \"tsc -p tsconfig.json --watch --preserveWatchOutput\""
+    "dev": "npm install && concurrently -r \"webflow extension serve\" \"tsc -p tsconfig.json --watch --preserveWatchOutput\"",
+    "lint": "eslint . --ext .ts"
   },
   "devDependencies": {
-    "@webflow/designer-extension-typings": "*",
-    "concurrently": "*",
-    "typescript": "*"
+    "@webflow/designer-extension-typings": "^0.2.0-beta.8",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "eslint": "^8.5.7",
+    "concurrently": "^8.2.2",
+    "typescript": "^5.4.5",
+    "eslint-plugin-promise": "^6.1.1"
   }
 }

package/dist/scaffolds/typescript-alt/src/index.ts

@@ -2,10 +2,9 @@ document.getElementById("lorem")!.onsubmit = async (event) => {
   event.preventDefault();
   const el = await webflow.getSelectedElement();
   if (el && el.textContent) {
-    el.setTextContent(
+    await el.setTextContent(
       "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do " +
         "eiusmod tempor incididunt ut labore et dolore magna aliqua."
     );
-    el.save();
   }
 };

package/dist/scaffolds/typescript-alt/webflow.json

@@ -1,5 +1,6 @@
 {
     "name": "wf-placeholder-name",
     "publicDir": "public",
-    "size": "comfortable"
+    "size": "comfortable",
+    "apiVersion": "2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webflow/webflow-cli",
-  "version": "1.6.10",
+  "version": "1.6.12",
   "license": "SEE LICENSE IN LICENSE",
   "bin": {
     "webflow": "./dist/index.js"