bug fixed for exports

michaelsboost · Sep 2, 2024 · e8b9439 · e8b9439
1 parent dc20a6a
commit e8b9439
Show file tree

Hide file tree

Showing 6 changed files with 478 additions and 10 deletions.
diff --git a/dist/App.min.js b/dist/App.min.js
diff --git a/dist/App.min.js.map b/dist/App.min.js.map
diff --git a/json/alpinejs-textanimation.json b/json/alpinejs-textanimation.json
@@ -0,0 +1,136 @@
+{
+  "name": "Alpine.js Text Animation Demo",
+  "version": "0.0.1",
+  "title": "Alpine.js Text Animation Demo",
+  "description": "Alpine.js Text Animation Demo",
+  "author": "Polyrise",
+  "url": "https://michaelsboost.com/",
+  "meta": "",
+  "libraries": [
+    "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&amp;display=swap",
+    "https://michaelsboost.com/TailwindCSSMod/tailwind-mod.min.js",
+    "https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.14.1/cdn.js"
+  ],
+  "css": {
+    "rootVariables": {},
+    "styles": {},
+    "animations": {},
+    "breakpoints": {}
+  },
+  "components": [],
+  "html": [
+    {
+      "tag": "div",
+      "id": "w9alymr5m",
+      "styles": "",
+      "state": {
+        "collapsed": false,
+        "visible": true,
+        "selected": true
+      },
+      "name": "div",
+      "type": "box",
+      "text": "",
+      "props": {
+        "class": "bg-gradient-to-br from-purple-800 to-blue-700 h-screen flex items-center justify-center",
+        "x-data": "{\n    text: 'Alpine Animation',\n    char: -1,\n    animate() {\n      let timer = setInterval(() => {\n        this.char++;\n        if (char == this.text.length) {\n          clearInterval(timer);\n          timer = null;\n          return;\n        }\n      }, 50);\n    }\n}",
+        "x-init": "animate()"
+      },
+      "children": [
+        {
+          "tag": "div",
+          "id": "wrvhn16jp",
+          "styles": "",
+          "state": {
+            "collapsed": false,
+            "visible": true,
+            "selected": false
+          },
+          "name": "div",
+          "type": "box",
+          "text": "",
+          "children": [
+            {
+              "tag": "h1",
+              "id": "v8gktj2yv",
+              "styles": "",
+              "state": {
+                "collapsed": false,
+                "visible": true,
+                "selected": false
+              },
+              "name": "h1",
+              "type": "text",
+              "text": "",
+              "props": {
+                "class": "h-14 text font-bold text-7xl tracking-wide text-white"
+              },
+              "children": [
+                {
+                  "tag": "template",
+                  "id": "t8xt4fpdc",
+                  "styles": "",
+                  "state": {
+                    "collapsed": false,
+                    "visible": true,
+                    "selected": false
+                  },
+                  "name": "template",
+                  "type": "box",
+                  "text": "",
+                  "props": {
+                    "x-for": "(c, i) in text.split('')"
+                  },
+                  "children": [
+                    {
+                      "tag": "span",
+                      "id": "pvwdmjaj2",
+                      "styles": "",
+                      "state": {
+                        "collapsed": false,
+                        "visible": true,
+                        "selected": false
+                      },
+                      "name": "span",
+                      "type": "text",
+                      "text": "",
+                      "props": {
+                        "x-text": "c",
+                        "class": "opacity-0 transition delay-75 ease-in",
+                        ":class": "{'opacity-100':char>=i}"
+                      }
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "tag": "button",
+              "id": "rxi870yqx",
+              "styles": "",
+              "state": {
+                "collapsed": false,
+                "visible": true,
+                "selected": false
+              },
+              "name": "button",
+              "type": "text",
+              "text": "Play animation",
+              "props": {
+                "class": "block bg-white mx-auto mt-8 px-4 py-1 rounded-lg",
+                "@click": "char = -5"
+              },
+              "children": []
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "logo": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iNTEyIgogICBoZWlnaHQ9IjUxMiIKICAgdmlld0JveD0iMCAwIDEzNS40NjY2NiAxMzUuNDY2NjciCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMKICAgICBpZD0iZGVmczEiIC8+PGcKICAgICBpZD0iZzI0Ij48cGF0aAogICAgICAgaWQ9InBhdGgyMiIKICAgICAgIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiMxMzNhZDQ7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjk2LjE3NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiCiAgICAgICBkPSJNIDkuNTgyODc3NSw2Ny43MzMzMzIgViAxMzUuMjAwNTMgTCAyNS4zODc1OTcsMTI2LjAzMTA3IFYgMTA2Ljk2MDQgNjcuNzMzMzMyIFogbSA4NS45Njg5MTE1LDAgLTU3Ljc2OTA4MywzMi4yOTcyNTggdiAxOC44MTA3MyBMIDEyNS44ODIyNCw2Ny43MzMzMzIgWiIgLz48cGF0aAogICAgICAgc3R5bGU9ImRpc3BsYXk6aW5saW5lO2ZpbGw6IzA0YTJmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2Utd2lkdGg6MTQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIgogICAgICAgaWQ9InBhdGgyMyIKICAgICAgIGQ9Im0gNDkuNTY4NTI3LDM1LjgxOTU1MyAtMTYuOTcwNDc4LDkuNzk3OTEgMCwtMTkuNTk1ODIgeiIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDIuMjE3MjY1MiwwLDAsMi4xNDcwMjkzLC0zNC40OTUyNjksLTkuMjYyMTYyKSIgLz48cGF0aAogICAgICAgaWQ9InBhdGgyNCIKICAgICAgIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiM4NjAwZWY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjk2LjE3NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiCiAgICAgICBkPSJNIDkuNTgyODc3NSwwLjI2NjEzMzYyIFYgNjcuNzMzMzMyIEggMjUuMzg3NTk3IFYgNDIuODU2ODE1IDI4LjMyNjk1MyBsIDcwLjMyNTkzOSwzOS4zMTU5NDYgLTAuMTYxNzQ3LDAuMDkwNDMgaCAzMC4zMzA0NTEgbCAwLjAwMiwtMC4wMDEgeiIgLz48L2c+PC9zdmc+Cg==",
+  "lang": "en",
+  "dark": true,
+  "previewDark": true,
+  "pwa": false,
+  "activePanel": "layers"
+}