feat: move extension/builder into vue component (#3479)

lnbits/static/js/init-app.js

@@ -148,15 +148,6 @@ const routes = [
       scripts: ['/static/js/extensions.js']
     }
   },
-  {
-    path: '/extensions/builder',
-    name: 'ExtensionsBuilder',
-    component: DynamicComponent,
-    props: {
-      fetchUrl: '/extensions/builder',
-      scripts: ['/static/js/extensions_builder.js']
-    }
-  },
   {
     path: '/node',
     name: 'Node',
@@ -196,6 +187,11 @@ const routes = [
     path: '/account',
     name: 'Account',
     component: PageAccount
+  },
+  {
+    path: '/extensions/builder',
+    name: 'ExtensionsBuilder',
+    component: PageExtensionBuilder
   }
 ]
 

lnbits/static/js/pages/extensions_builder.js

@@ -1,5 +1,7 @@
-window.ExtensionsBuilderPageLogic = {
-  data: function () {
+window.PageExtensionBuilder = {
+  template: '#page-extension-builder',
+  mixins: [windowMixin],
+  data() {
     return {
       step: 1,
       previewStepNames: {
@@ -92,7 +94,6 @@ window.ExtensionsBuilderPageLogic = {
     paymentActionAmountFields() {
       const amount_source =
         this.extensionData.public_page.action_fields.amount_source
-      console.log('### amount_source:', amount_source)
       if (!amount_source) return ['']
 
       if (amount_source === 'owner_data') {
@@ -325,7 +326,7 @@ window.ExtensionsBuilderPageLogic = {
       this.extensionDataCleanString = JSON.stringify(this.extensionData)
     }
   },
-  created: function () {
+  created() {
     this.initBasicData()
 
     const extensionData = this.$q.localStorage.getItem(
@@ -345,6 +346,5 @@ window.ExtensionsBuilderPageLogic = {
     setTimeout(() => {
       this.refreshIframe()
     }, 1000)
-  },
-  mixins: [windowMixin]
+  }
 }

lnbits/static/vendor.json

@@ -43,6 +43,7 @@
     "js/lnurl.js"
   ],
   "components": [
+    "js/pages/extensions_builder.js",
     "js/pages/payments.js",
     "js/pages/node.js",
     "js/pages/node-public.js",