From 192b4a62b5cde3ac5c274d86cd2f42a4a5f23698 Mon Sep 17 00:00:00 2001
From: Vojtech Bocek <vbocek@gmail.com>
Date: Fri, 5 Jul 2024 16:53:46 +0200
Subject: [PATCH] feat: update to current gridui

---
 components/CodeDisplay.vue  |  24 ++++-----
 gridui                      |   2 +-
 package.json                |   1 +
 pages/codegen_jaculus.vue   | 105 ++++++++++++++++++++++++++++++------
 pages/index.vue             |  26 ++++++---
 src/layoutgen/Typescript.js |  16 +++---
 yarn.lock                   |  26 ++++++++-
 7 files changed, 156 insertions(+), 44 deletions(-)

diff --git a/components/CodeDisplay.vue b/components/CodeDisplay.vue
index 2c179c4..364606a 100644
--- a/components/CodeDisplay.vue
+++ b/components/CodeDisplay.vue
@@ -63,7 +63,7 @@ export default {
     hidden: {
       type: Boolean,
       required: false,
-      default: true,
+      default: true
     }
   },
   data() {
@@ -71,16 +71,6 @@ export default {
       showCode: !this.hideable
     }
   },
-  watch: {
-    hidden: {
-      immediate: true,
-      handler() {
-        if(this.hideable && this.showCode !== !this.hidden) {
-          this.showCode = !this.hidden
-        }
-      }
-    },
-  },
   computed: {
     highlighted() {
       return Prism.highlight(
@@ -90,6 +80,16 @@ export default {
       )
     }
   },
+  watch: {
+    hidden: {
+      immediate: true,
+      handler() {
+        if (this.hideable && this.showCode !== !this.hidden) {
+          this.showCode = !this.hidden
+        }
+      }
+    }
+  },
   methods: {
     onCopyClick() {
       copy(this.value)
@@ -101,7 +101,7 @@ export default {
     },
     onShowClick() {
       this.showCode = !this.showCode
-      this.$emit("update:hidden", !this.showCode)
+      this.$emit('update:hidden', !this.showCode)
     }
   }
 }
diff --git a/gridui b/gridui
index b7bbe40..f4fb6d1 160000
--- a/gridui
+++ b/gridui
@@ -1 +1 @@
-Subproject commit b7bbe4093e499fdd641b59de134ff2013795ef02
+Subproject commit f4fb6d1d5c320ad764c784c860f3610865b11d19
diff --git a/package.json b/package.json
index adf10e1..bd802a9 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@nuxtjs/axios": "^5.3.6",
     "copy-to-clipboard": "^3.3.1",
     "deep-equal": "^2.0.2",
+    "jszip": "^3.10.1",
     "nipplejs": "^0.8.5",
     "nuxt": "^2.0.0",
     "prismjs": "^1.23.0",
diff --git a/pages/codegen_jaculus.vue b/pages/codegen_jaculus.vue
index da13540..5db1c3b 100644
--- a/pages/codegen_jaculus.vue
+++ b/pages/codegen_jaculus.vue
@@ -12,6 +12,17 @@
         gridui.h methods
       </v-btn>
 
+      <v-btn
+        block
+        color="secondary"
+        class="justify-start"
+        large
+        text
+        @click="onDownloadClick"
+      >
+        Download zip
+      </v-btn>
+
       <v-card-title>Widgets</v-card-title>
       <v-btn
         v-for="t in widgetTypes"
@@ -42,6 +53,7 @@
 </template>
 
 <script>
+import JSZip from 'jszip'
 import CodeDisplay from '~/components/CodeDisplay'
 import * as Utils from '~/src/layoutgen/Common'
 
@@ -130,19 +142,19 @@ export default {
         const typ = Utils.getCppType(prop, false)
         builderMethods += `
     static JSValue ${name}(JSContext* ctx_, JSValueConst thisVal, int argc, JSValueConst* argv) {
-        auto& builder = *reinterpret_cast<gridui::builder::${wname}*>(JS_GetOpaque(thisVal, 1));
+        auto& builder = builderOpaque<gridui::builder::${wname}>(thisVal);
         builder.${name}(jac::ValueWeak(ctx_, argv[0]).to<${typ}>());
         return JS_DupValue(ctx_, thisVal);
     }
 `
         builderProps += `
-        proto.set("${name}", jac::Value(ctx, JS_NewCFunction(ctx, ${name}, "${name}", 1)));`
+        if(name == "${name}") return ${name};`
       }
 
       if (Object.entries(widget.prototype.EVENTS).length !== 0) {
         builderProps += `\n`
         for (const [, methodName] of Object.entries(widget.prototype.EVENTS)) {
-          builderProps += `\n        defineBuilderCallback<builder::${wname}, ${wname}, &builder::${wname}::${methodName}>(ctx, proto, "${methodName}");`
+          builderProps += `\n        if(name == "${methodName}") return &builderCallbackImpl<builder::${wname}, ${wname}, &builder::${wname}::${methodName}>;`
         }
       }
 
@@ -151,17 +163,20 @@ export default {
 #include <jac/machine/functionFactory.h>
 #include <gridui.h>
 
+#include "../widgets/_common.h"
+
 namespace gridui_jac {
 
 class ${wname}Builder {${builderMethods}
 public:
-    static jac::Object proto(jac::ContextRef ctx) {
+    static JSCFunction *getPropFunc(const AtomString& name) {
         using namespace gridui;
 
-        auto proto = jac::Object::create(ctx);
+        if(name == "css") return builderCss<builder::${wname}>;
+        if(name == "finish") return builderFinish<WidgetTypeId::${wname}, builder::${wname}, ${wname}>;
 ${builderProps}
 
-        return proto;
+        return nullptr;
     }
 };
 
@@ -182,21 +197,30 @@ ${builderProps}
           const setName =
             'set' + name.substring(0, 1).toUpperCase() + name.substring(1)
 
-          widgetProps += `\n        defineWidgetProperty(ctx, proto, "${name}", "${setName}", ${name}, ${setName});`
+          widgetProps += `
+        if(name == "${name}") {
+            *getter = ${name};
+            *setter = ${setName};
+            return;
+        }`
 
           widgetMethods += `
     static JSValue ${setName}(JSContext* ctx_, JSValueConst thisVal, JSValueConst val) {
-        auto& widget = *reinterpret_cast<gridui::${wname}*>(JS_GetOpaque(thisVal, 1));
+        auto& widget = widgetOpaque<gridui::${wname}>(thisVal);
         widget.${setName}(jac::ValueWeak(ctx_, val).to<${typIn}>());
         return JS_UNDEFINED;
     }`
         } else {
-          widgetProps += `\n        defineWidgetPropertyReadOnly(ctx, proto, "${name}", ${name});`
+          widgetProps += `
+        if(name == "${name}") {
+            *getter = ${name};
+            return;
+        }`
         }
 
         widgetMethods += `
     static JSValue ${name}(JSContext* ctx_, JSValueConst thisVal) {
-        auto& widget = *reinterpret_cast<gridui::${wname}*>(JS_GetOpaque(thisVal, 1));
+        auto& widget = widgetOpaque<gridui::${wname}>(thisVal);
         return jac::Value::from(ctx_, widget.${name}()).loot().second;
     }
 `
@@ -240,9 +264,7 @@ namespace gridui_jac {
 
 class ${wname}Widget {${widgetMethods}
 public:
-    static jac::Object proto(jac::ContextRef ctx) {
-        auto proto = jac::Object::create(ctx);${widgetProps}
-        return proto;
+    static void getProperty(const AtomString& name, qjsGetter* getter, qjsSetter *setter) {${widgetProps}
     }
 };
 
@@ -267,10 +289,30 @@ public:
       res += '\n\n'
 
       for (const t of this.widgetTypes) {
+        if (t.name === 'Widget') continue
+
         const nameLower =
           t.name.substring(0, 1).toLowerCase() + t.name.substring(1)
 
-        res += `proto.defineProperty("${nameLower}", ff.newFunctionThisVariadic(std::function(&builder<WidgetTypeId::${t.name}, gridui::builder::${t.name}, gridui::${t.name}, ${t.name}Builder::proto, ${t.name}Widget::proto>)), jac::PropFlags::Enumerable);\n`
+        res += `proto.defineProperty("${nameLower}", ff.newFunctionThisVariadic(std::function(&builder<gridui::builder::${t.name}, gridui::${t.name}>)), jac::PropFlags::Enumerable);\n`
+      }
+
+      res += '\n\n'
+
+      let elseStr = ''
+      for (const t of this.widgetTypes) {
+        if (t.name === 'Widget') continue
+
+        res += `${elseStr}if(literalEqual(wName, wNameLen, "${t.name}")) getFunc = ${t.name}Builder::getPropFunc(propName);\n`
+        elseStr = 'else '
+      }
+
+      res += '\n\n'
+
+      for (const t of this.widgetTypes) {
+        if (t.name === 'Widget') continue
+
+        res += `case WidgetTypeId::${t.name}: ${t.name}Widget::getProperty(propName, &getter, &setter); break;\n`
       }
 
       res += '\n\n'
@@ -296,7 +338,7 @@ public:
       let widgetInterfaces = ''
 
       for (const t of this.widgetTypes) {
-        if(t.name === "Widget") {
+        if (t.name === 'Widget') {
           continue
         }
 
@@ -339,6 +381,8 @@ public:
           }
         }
 
+        builderInterfaces += `\n\n            finish(): widget.${t.name}`
+
         builderInterfaces += '\n        }\n'
         widgetInterfaces += '\n        }\n'
 
@@ -356,7 +400,6 @@ public:
     namespace builder {
         interface Base {
             css(key: string, value: string): this
-            finish(): this
         }
 ${builderInterfaces}    }
 
@@ -392,6 +435,36 @@ ${builderInterfaces}    }
         default:
           return name
       }
+    },
+    async onDownloadClick() {
+      const zip = new JSZip()
+
+      for (const t of this.widgetTypes) {
+        let filename = t.name.toLowerCase() + '.h'
+        if (t.name === 'Widget') {
+          filename = 'base.h'
+        }
+
+        const builderFile = this.generateCodeBuilder(t)
+        if (builderFile) {
+          zip.file(`builder/${filename}`, builderFile)
+        }
+
+        const widgetFile = this.generateCodeRuntime(t)
+        if (widgetFile) {
+          zip.file(`widgets/${filename}`, widgetFile)
+        }
+      }
+
+      const blob = await zip.generateAsync({ type: 'blob' })
+
+      const element = document.createElement('a')
+      element.setAttribute('href', window.URL.createObjectURL(blob))
+      element.setAttribute('download', 'gridui_generated.zip')
+      element.style.display = 'none'
+      document.body.appendChild(element)
+      element.click()
+      document.body.removeChild(element)
     }
   }
 }
diff --git a/pages/index.vue b/pages/index.vue
index cfc24da..e9e232a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -142,10 +142,22 @@
         />
       </v-card>
       <v-card class="mt-1 code-card" style="flex-grow: 0">
-        <code-display :value="cppCode" language="cpp" title="Generated C++" :hideable="true" :hidden.sync="hideCpp"/>
+        <code-display
+          :value="cppCode"
+          language="cpp"
+          title="Generated C++"
+          :hideable="true"
+          :hidden.sync="hideCpp"
+        />
       </v-card>
       <v-card class="mt-1 code-card" style="flex-grow: 0">
-        <code-display :value="tsCode" language="typescript" title="Generated TypeScript" :hideable="true" :hidden.sync="hideTs"/>
+        <code-display
+          :value="tsCode"
+          language="typescript"
+          title="Generated TypeScript"
+          :hideable="true"
+          :hidden.sync="hideTs"
+        />
       </v-card>
     </div>
   </div>
@@ -217,8 +229,8 @@ export default {
       copyPaster: null,
       tabsCount: 1,
       activeTab: 0,
-      hideCpp: window.localStorage.getItem("hideCpp") === "true",
-      hideTs: window.localStorage.getItem("hideTs") === "true",
+      hideCpp: window.localStorage.getItem('hideCpp') === 'true',
+      hideTs: window.localStorage.getItem('hideTs') === 'true'
     }
   },
   computed: {
@@ -268,11 +280,11 @@ export default {
       gGrid.setCurrentTab(val)
     },
     hideCpp() {
-      window.localStorage.setItem("hideCpp", this.hideCpp ? "true" : "false")
+      window.localStorage.setItem('hideCpp', this.hideCpp ? 'true' : 'false')
     },
     hideTs() {
-      window.localStorage.setItem("hideTs", this.hideTs ? "true" : "false")
-    },
+      window.localStorage.setItem('hideTs', this.hideTs ? 'true' : 'false')
+    }
   },
   mounted() {
     if (gGrid !== null) return
diff --git a/src/layoutgen/Typescript.js b/src/layoutgen/Typescript.js
index 76c096e..3479b9e 100644
--- a/src/layoutgen/Typescript.js
+++ b/src/layoutgen/Typescript.js
@@ -9,8 +9,7 @@ function genMember(widget, namespace) {
 function genBuilder(widget, isUsingTabs) {
   const type = widget.constructor.name
   const proto = Object.getPrototypeOf(widget)
-  const nameLower =
-          type.substring(0, 1).toLowerCase() + type.substring(1)
+  const nameLower = type.substring(0, 1).toLowerCase() + type.substring(1)
 
   const id = Common.getPropertyValue(widget, 'id')
   let res = `${id}: builder.${nameLower}(`
@@ -28,8 +27,8 @@ function genBuilder(widget, isUsingTabs) {
     if (Common.isDefaultPropValue(widget, name, prop)) continue
 
     const val = Common.getPropertyValue(widget, name, prop)
-    res += "\n" + Common.formatProperty(name, val, '                    ')
-    res = res.substring(0, res.length-1)
+    res += '\n' + Common.formatProperty(name, val, '                    ')
+    res = res.substring(0, res.length - 1)
   }
   return res
 }
@@ -55,8 +54,12 @@ export function generate(widgets, layout) {
   const builder = widgets
     .map((w) => genBuilder(w, isUsingTabs))
     .join(',\n                ')
-  const builderMembers = widgets.map((w) => genMember(w, 'gridui.builder')).join('\n    ')
-  const layoutMembers = widgets.map((w) => genMember(w, 'gridui.widget')).join('\n    ')
+  const builderMembers = widgets
+    .map((w) => genMember(w, 'gridui.builder'))
+    .join('\n    ')
+  const layoutMembers = widgets
+    .map((w) => genMember(w, 'gridui.widget'))
+    .join('\n    ')
 
   const baseMinVer = isUsingTabs ? 0x040900 : 0x000000
   const minVersion = widgets
@@ -122,6 +125,7 @@ const layout = {
 
             for(const key in layoutBuilder) {
                 layout[key] = layoutBuilder[key].finish()
+                layoutBuilder[key] = undefined
             }
         })
     }
diff --git a/yarn.lock b/yarn.lock
index a4dca24..c26d7f3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4633,6 +4633,11 @@ ignore@^5.1.1, ignore@^5.1.4, ignore@^5.1.8:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
   integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
 
+immediate@~3.0.5:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
+  integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -5168,6 +5173,16 @@ jsonfile@^4.0.0:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
+jszip@^3.10.1:
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.10.1.tgz#34aee70eb18ea1faec2f589208a157d1feb091c2"
+  integrity sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==
+  dependencies:
+    lie "~3.3.0"
+    pako "~1.0.2"
+    readable-stream "~2.3.6"
+    setimmediate "^1.0.5"
+
 kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
@@ -5228,6 +5243,13 @@ levn@^0.3.0, levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+lie@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/lie/-/lie-3.3.0.tgz#dcf82dee545f46074daf200c7c1c5a08e0f40f6a"
+  integrity sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==
+  dependencies:
+    immediate "~3.0.5"
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
@@ -6110,7 +6132,7 @@ p-try@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-pako@~1.0.5:
+pako@~1.0.2, pako@~1.0.5:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
   integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
@@ -7727,7 +7749,7 @@ set-value@^2.0.0, set-value@^2.0.1:
     is-plain-object "^2.0.3"
     split-string "^3.0.1"
 
-setimmediate@^1.0.4:
+setimmediate@^1.0.4, setimmediate@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
   integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=