nodality 1.0.0-beta.74 → 1.0.0-beta.76

package/lib/elementMapper.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -109,9 +109,170 @@ class ElementMapper { // 22:09:58 04/11/2024
             return this.stack(obj);
          } else if (obj.el.type === "simple"){
             return this.simple(obj);
-         } 
+         } else if (obj.el.type === "copy"){
+            return this.mapCopy(obj);
+         }
     }
 
+  static mapCopy(obj) {
+  const customOptions = obj.customOptions;
+  const ft = customOptions.filter(l => l.op === "copy")[0];
+  const count = ft?.count ?? 3;
+
+  const minSize = 300;           // size of whole wheel
+  const cardSize = 30;           // width/height of text wrapper
+  const padding = 30;            // empty ring inside wheel
+  const wheelRadius = minSize / 2 - padding;
+  const ringRadius = wheelRadius - cardSize / 2;
+
+  let animation = `
+animation: {
+        op: {
+            name: "animation",
+            color: "green",
+            width: "1px",
+            fireAt: "inview",
+            keyframesOpen: [
+                {
+                    transform: "rotate(360deg)",
+                    opacity: 0
+                },
+                {
+                    transform: "rotate(0deg)",
+                    opacity: 1
+                }
+            ],
+            keyframesClose: [
+                {
+                    transform: "rotate(0deg)",
+                    opacity: 1
+                },
+                {
+                    transform: "rotate(0deg)",
+                    opacity: 0
+                }
+            ],
+            openOptions: {
+                duration: 300,
+                fill: "forwards",
+                delay: 1000
+            },
+            closeOptions: {
+                duration: 1,
+                fill: "forwards",
+                delay: 1000
+            }
+        },
+        target: [
+            "#first"
+        ]
+    },
+  `;
+
+  return `new Wrapper()
+.set({
+  width: "${minSize}px",
+  height: "${minSize}px",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  position: "absolute",
+  id: "#first",
+  scale: 0.3,
+  ${ft?.animation ? animation : ""}
+})
+.add(
+  Array.from({ length: ${count} }).map((_, i) => {
+
+    const bbox = {width: "${minSize}px", height: "${minSize}px"};
+
+      const elHeight = bbox.height;
+
+      const cx = ${minSize / 2};
+      const cy = ${minSize / 2};
+
+      const R = ${minSize/2};
+
+      const n = ${count};
+
+      // Evenly spaced angles, starting at top (-90°)
+      const angle = (i / n) * Math.PI * 2 - Math.PI/2;
+      const dist = R + parseFloat(elHeight)/2;
+
+      const x = cx + dist * Math.cos(angle);
+      const y = cy + dist * Math.sin(angle);
+
+      let rot = angle * 180 / Math.PI + 90;
+      rot = (rot % 360 + 360) % 360;
+      rot = (rot % 360 + 360) % 360;
+
+      return  new Text("Hello").set({
+              size: "S1",
+              color: "green",
+              font: "Arial",
+               left: \`\${x}px\`,
+                top: \`\${y}px\`,
+                transform: {
+          op: {
+            name: "transform",
+            transform: {
+              static: true,
+              keep: true,
+              values: [
+                "tx:-50%",
+                "ty:-50%",
+                \`rotate(\${rot}deg)\`
+              ]
+            }
+          }
+        }
+    })
+
+   
+  })
+)`;
+}
+
+
+    static mapCopya(){
+
+        
+          return `\n
+        new Wrapper()
+    .set({
+      width: "600px",
+      height: "300px",
+      justifyContent: "center",
+      alignItems: "center",
+      display: "flex",
+      position: "relative",
+    })
+    .add(
+      Array.from({ length: 3 }).map((_, i) => {
+        const angle = i * 120;
+        return new Text("Hello")
+          .set({
+            size: "S1",
+            color: "green",
+            position: "absolute",
+            transform: {
+              op: {
+                name: "transform",
+                transform: {
+                  static: true,
+                  keep: true,
+                  hardCSS: \`translate(-50%, -50%) rotate(\${angle}deg) translate(${radius}px) rotate(\${-angle}deg)\`
+                  values: [
+                    \`translate(-50%, -50%) rotate(\${angle}deg) translate(120px) rotate(\${-angle}deg)\`,
+                  ],
+                }
+              }
+            }
+          });
+      })
+    )
+          `;
+    }
 
     static button(){
        return new Button("Submit")
@@ -273,7 +434,7 @@ class ElementMapper { // 22:09:58 04/11/2024
 
         return new Dropdown()
         .set({ 
-          behaviour: "mouseover", // click otherwise
+          behaviour: "click", // click otherwise
           //width: "120px",
         
          // socenter: true,
@@ -1047,6 +1208,9 @@ if (obj.el.dropdown){
 
 
 
+console.log("OXERO");
+console.log(obj.customOptions);
+console.log(this.filtero("span", el.id, obj.customOptions));
 
         return new Text(el.text || el.value)
             .set({
@@ -1066,6 +1230,7 @@ if (obj.el.dropdown){
                 marginOp: this.filtero("margin", el.id, obj.customOptions),
                 transform: this.filtero("transform", el.id, obj.customOptions),
                 filtera: this.filtero("filter", el.id, obj.customOptions),
+             //   copy: this.filtero("copy", el.id, obj.customOptions),
             });
     }
 
@@ -1181,7 +1346,7 @@ if (obj.el.dropdown){
 
         return `\n  
          new FlexGrid()
-        .set({colat: "700px", wrap: true, align: "center"}) 
+        .set({colat: "700px", wrap: true, align: "center", gap: "1rem"}) 
         .items([${cards}])
         \n`;
     }

package/lib/linkGetter.js

@@ -1,9 +1,10 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
 
+import { Link } from "../layout/link.js";
 class LinkStyler {
     static style(obj){
         let bst = obj.bst;
@@ -62,6 +63,8 @@ class LinkStyler {
                     }
                 }
 
+                console.log("OMESTE");
+                console.log(bst[j]);
                 let split = bst[j].op.ops.split("-");
 
                // alert(allow);

package/lib/scrollvideo.js

@@ -1,9 +1,11 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
 
+
+
 class ScrollVideo {
     constructor() {
         this.frameNumber = 0; // Start video at frame 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodality",
-  "version": "1.0.0-beta.74",
+  "version": "1.0.0-beta.76",
   "description": "A lightweight library for declarative UI elements.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -20,7 +20,7 @@
     "test:jest": "jest",
     "test:playwright": "playwright test",
     "test": "node scripts/generatePlaywright.js && playwright test",
-    "postpublish": "git add . && git commit -m \"release: v$npm_package_version\" && git tag v$npm_package_version && git push --set-upstream origin main && git push origin v$npm_package_version",
+    "postpublish": "sh scripts/postpublish.sh",
     "inject-license": "node scripts/injectLicense.js"
   },
   "jest": {