nodality 1.0.0-beta.99 → 1.0.2

package/lib/Stacker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.99
+ * nodality v1.0.2
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/lib/TransformAnim.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.99
+ * nodality v1.0.2
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/lib/cardGetter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.99
+ * nodality v1.0.2
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/lib/designer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.99
+ * nodality v1.0.2
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -421,7 +421,6 @@ customOptions.forEach(item => {
 //customOptions = updated;
 
 
-
         for (var i = 0; i < arr.length; i++) {
             let el = arr[i];
             let ela = null;
@@ -513,9 +512,9 @@ customOptions.forEach(item => {
                         values: [ // This can be empty or have any order of values
                             "ty:-20px",
                             "scale(3)",
-                            "rotate(30deg)",
-                            "skew(40deg, 0deg)",
-                            "perspective(500px)",
+                            "rotate(3deg)",
+                            "skew(3deg, 0deg)",
+                            "perspective(100px)",
                             "matrix(1, 0, 0, 1, 50, 50)"
                         ],
                     }
@@ -760,15 +759,16 @@ customOptions.forEach(item => {
 
                     else {
                         opts = [ // This can be empty or have any order of values
-                            "ty:-20px",
-                            "scale(3)",
-                            "rotate(30deg)",
+                            "ty:20px",
+                            "tx:30px",
+                         //   "scale(3)",
+                            "rotate(3deg)",
                             "skew(40deg, 0deg)",
-                            "perspective(500px)",
-                            "matrix(1, 0, 0, 1, 50, 50)"
+                           // "perspective(500px)",
+                       //     "matrix(1, 0, 0, 1, 50, 50)"
                         ];
                     }
-
+/*
 if (duration === "default"){
     duration = "MEDIUM";
 }
@@ -779,7 +779,7 @@ if (duration === "default"){
                         duration = "6s-ease-in-out";
                     } else if (duration === "SLOW"){
                         duration = "10s-ease-in-out";
-                    } 
+                    } */
 
 
 if (/*q == i*/ true){ // 23:07.20 Nice!!!! 23:04 bef
@@ -835,6 +835,66 @@ console.log(duration);
             console.log(`----------------------------LLL ${i} ${customOptions.length}`);
            
 
+
+            function replaceMedium(obj) {
+  /*for (let key in obj) {
+    if (typeof obj[key] === "object") {
+      replaceMedium(obj[key]); // dive deeper
+    } else if (obj[key] === "medium") {
+      obj[key] = "6s-ease-in-out";
+    } else if (obj[key] === "fast") {
+      obj[key] = "3s-ease-in-out";
+    }  else if (obj[key] === "slow") {
+      obj[key] = "9s-ease-in-out";
+    } else if (obj[key] === "default"){
+        alert("PP")
+       delete obj[key];
+    }
+  }*/
+
+   /*  for (let key of Object.keys(obj)) {
+    if (typeof obj[key] === "object" && obj[key] !== null) {
+      replaceMedium(obj[key]); // dive deeper
+    } else if (obj[key] && obj[key].toLowerCase() === "medium") {
+      obj[key] = "6s-ease-in-out";
+    } else if (obj[key] && obj[key].toLowerCase() === "fast") {
+      obj[key] = "3s-ease-in-out";
+    } else if (obj[key] && obj[key].toLowerCase() === "slow") {
+      obj[key] = "9s-ease-in-out";
+    } else if (obj[key] && obj[key].toLowerCase() === "default") {
+     // alert("PP");
+      delete obj[key]; // works now
+    }
+  }*/
+
+    for (let key of Object.keys(obj)) {
+  if (typeof obj[key] === "object" && obj[key] !== null) {
+    replaceMedium(obj[key]); // dive deeper
+  } else if (typeof obj[key] === "string") {
+    switch (obj[key].toLowerCase()) {
+      case "medium":
+        obj[key] = "6s-ease-in-out";
+        break;
+      case "fast":
+        obj[key] = "3s-ease-in-out";
+        break;
+      case "slow":
+        obj[key] = "9s-ease-in-out";
+        break;
+      case "default":
+        delete obj[key];
+        break;
+    }
+  }
+}
+}
+
+replaceMedium(customOptions);
+
+            console.log("SENDING CUSTOM OPTIONS");
+           
+ console.log(customOptions);
+
             const matchEls = ["h1", "h2", "h3", "h4", "h5", "h6", "p"].includes(el.type) || el.type === "img" || el.type === "a";
            
             if (matchEls) { 

package/lib/elementMapper.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.99
+ * nodality v1.0.2
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -772,13 +772,14 @@ if (obj.el.dropdown){
                breakpoints: [ // 172800 almost
                    {
                        at: "0px", view: new MobileBar().set({
-                           background: "green", 
+                           background: "#ecf0f1", 
                            mar: [{ "a": 21 }],
-                           brand: new Text("A").set({size: "S1"}),
+                           brand: new Text("Company").set({size: "S6", font: "Helvetica"}),
                           hamburgerColour: "#3498db",
                           radius: "1rem",
                        }).add([
-                       new Link("A").set({text: "A", url: "#a"}),//.render()
+
+                       new Link().set({text: "About", url: "#a"}),//.render()
                      
 
 
@@ -795,7 +796,7 @@ if (obj.el.dropdown){
                         height: "auto",
                    
                     }).add([
-                        new Text("First")
+                        new Text("More")
                             .set({
                                 cursor: "hand",
                                 icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
@@ -807,7 +808,7 @@ if (obj.el.dropdown){
 
                             }),
 
-                            new Text("Firsti")
+                            new Text("Our story")
                             .set({
                                 cursor: "hand",
                                // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
@@ -819,7 +820,7 @@ if (obj.el.dropdown){
 
                             }),
 
-                            new Text("Firstiuu")
+                            new Text("Team")
                             .set({
                                 cursor: "hand",
                                // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
@@ -835,14 +836,14 @@ if (obj.el.dropdown){
 
 
 
-                       new Link("B").set({text: "B", url: "#b"}),//.render()
-                       new Link("C").set({text: "C", url: "https://www.abcnews.com"})//.render()
+                       new Link("B").set({text: "About", url: "#b"}),//.render()
+                       new Link("C").set({text: "Contact", url: "https://www.abcnews.com"})//.render()
                        ])//.addNavItem(new Link("C").set({}).render())
                    },
    
                    {
                        at: "1200px", view: new DesktopBar().set({
-                           background: "green",
+                           background: "#ecf0f1",
                            mar: [{ "a": 21 }],
                            maxHeight: "100px",
                            radius: "1rem"
@@ -851,7 +852,7 @@ if (obj.el.dropdown){
                        })
                      //  .setBrand(new Text("A").set({}).render())
                        .add([
-                        new Text("A").set({size: "S1"}),
+                        new Text("Company").set({size: "S6", font: "Helvetica"}),
                         new Spacer(true),
 
                        // new Link("O").set({text: "O", url: "#a"}),
@@ -868,7 +869,7 @@ if (obj.el.dropdown){
                                radius: "30px",
                                 width: "130px"
                            }).add([
-                               new Text("First")
+                               new Text("More")
                                    .set({
                                        cursor: "hand",
                                        icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
@@ -883,7 +884,7 @@ if (obj.el.dropdown){
 
 new Wrapper().set({
     flexDir: "column", 
-    background: "orange", 
+   // background: "orange", 
     mar: [{"t": "10px"}],
     radius: ".3rem"}).add([
 
@@ -891,7 +892,7 @@ new Wrapper().set({
 
                                    new Link("")
                                    .set({
-                                    text: "A", // BEWARE
+                                    text: "Who we are", // BEWARE
                                     url: "jk",
                                        cursor: "hand",
                                       // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
@@ -904,7 +905,7 @@ new Wrapper().set({
 
                                    new Link("")
                                    .set({
-                                    text: "Kivi new TV", 
+                                    text: "Info", 
                                     url: "#u",
                                        cursor: "hand",
                                       // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
@@ -918,7 +919,7 @@ new Wrapper().set({
 
                                    new Link("")
                                    .set({
-                                    text: "Thanks GPT", 
+                                    text: "About", 
                                     url: "#u",
                                        cursor: "hand",
                                       // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
@@ -947,9 +948,9 @@ new Wrapper().set({
 
 
 
-                       new Link("Desktop bar").set({text: "Desktop bar", url: "#a"}),//.render()
-                       new Link("B").set({text: "B", url: "#a"}),//.render()
-                       new Link("C").set({text: "C", url: "#a"})//.render()
+                       new Link().set({ text: "About", url: "#a"}),//.render()
+                       new Link().set({ text: "Services", url: "#a"}),//.render()
+                       new Link().set({ text: "Contact", url: "#a"})//.render()
                     //   new Link("C").set({})//.render()
                        ])
                            /*.addNavItem(
@@ -1026,7 +1027,7 @@ new Wrapper().set({
             pad: [{ "a": 40 }],
             //socenter: true,
             padding: "10px",
-            border: "1px solid black",
+          //  border: "1px solid black",
             animation: { // also works without animation block
                 range: ["0px", "1900px"],
                 op: {
@@ -1054,7 +1055,7 @@ new Wrapper().set({
                 },
             },
         }).add([
-            new Text("First")
+            new Text("More")
                 .set({
                     cursor: "hand",
                     icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
@@ -1240,7 +1241,7 @@ if (obj.el.dropdown){
                     templateCols = null;
                 }
 5
-                if (ft.op.value === "image-overlay-text"){ // 17:43:03
+                if (ft.op.value === "img-overlay-text"){ // 17:43:03
                     spanObjects = {
                         text: {row: "1 / span 2", col: "3 / span 2"},
                         image: {row: "2 / span 3", col: "3 / 3"}
@@ -1248,7 +1249,7 @@ if (obj.el.dropdown){
                 }
 
                 // react on by value to control amount
-                if (ft.op.value === "image-leftof-text") { // no 3-6
+                if (ft.op.value === "img-leftof-text") { // no 3-6
                     spanObjects = {
                         text: {row: "1", col: "1 / 3"},
                         image: {row: "1", col: "3 / 4"}
@@ -1269,16 +1270,17 @@ if (obj.el.dropdown){
                     new Text("I am free")
                         .set({ 
                              border: "3px solid green",
-                             "font": "Arial", // 23:11:24 08/11/24 "font" works also?
-                             fluidc: "S1",
+                             font: "Arial", // 23:11:24 08/11/24 "font" works also?
+                             size: "S1",
                              color: "#1abc9c",
                              gpos: spanObjects != null ? (spanObjects.text) : null, // "span 2" can also work here as string 
                              zIndex: 1
                             }),
 
-                    new Image("https://www.cruisemapper.com/images/ships/2183-e9681865a61.jpg")
+                    new Image()
                       .set({
-                         url: "https://www.cruisemapper.com/images/ships/2183-e9681865a61.jpg", 
+                        url: "https://upload.wikimedia.org/wikipedia/commons/a/ac/MSC_World_Europa_-_Saint-Nazaire_-_June_2022.jpg",
+                        // url: "https://www.cruisemapper.com/images/ships/2183-e9681865a61.jpg", 
                          width: "400px",
                          height: "auto",
                          gpos:  spanObjects != null ? (spanObjects.image) : null,

package/lib/linkGetter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.99
+ * nodality v1.0.2
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/lib/scrollvideo.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.99
+ * nodality v1.0.2
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodality",
-  "version": "1.0.0-beta.99",
+  "version": "1.0.2",
   "description": "A lightweight library for declarative UI elements.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -32,19 +32,33 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/filipvabrousek/nodality.git"
+    "url": "https://github.com/nodalityjs/nodality"
   },
   "author": {
     "name": "Filip Vabrousek",
     "email": "filipvabrousek1@gmail.com",
     "url": "https://filipvabrousek.com"
   },
-  "homepage": "https://filipvabrousek.com",
+  "homepage": "https://nodalityjs.github.io/",
   "keywords": [
-    "UI",
-    "library",
+    "ui",
+    "ui-library",
+    "user-interface",
     "declarative",
-    "nodality"
+    "declarative-ui",
+    "web",
+    "frontend",
+    "javascript",
+    "html",
+    "dom",
+    "rendering",
+    "components",
+    "component-based",
+    "nodes",
+    "nodality",
+    "effects",
+    "style",
+    "open-source"
   ],
   "devDependencies": {
     "@babel/core": "^7.28.0",