webfast 0.1.84 → 0.1.86

package/README.md

@@ -130,6 +130,19 @@ program.modules.dependOn({REQUIRE},program,`{UNIQUE_NAME}-sync`,function(){
             console.log(`Depend On CallBack`);
 });
 ```
+## NEW BETA FEATURE
+Feature where youo can add a special frame for multiple views through telegram without reloading
+````
+await web.fast.telegram(`frame`).set(id,`https://${window.location.hostname}/concepts/esimco/package#${id}`,async function(id){
+    console.log(`Clicked Close`,id);
+    const frame = jQuery(`[wbfst-frame="${id}"]`);
+    console.log(`The Frame`,frame);
+    jQuery(frame).animate({ opacity:0 }, 600,function(){
+        jQuery(this).remove();
+    });
+    
+});
+````
 
 ## License
 

package/app/content/js/webfast.js

@@ -97,6 +97,71 @@ web.fast = {
         list : function(data) {
             console.log(`Processing List`);
         }
+    },
+    telegram : function(action){
+        // check if action is to set frame
+        if (action == `frame`) {
+            return {
+                get : async function(id) {
+                    console.log(`Get Frame for ID`,id);
+                },
+                close : async function(id) {
+                    console.log(`Close Frame`);
+                },
+                set : async function(id,url,closeAction,zIndex = 9990) {
+                    if (web.fast.user != undefined) {
+                        //console.error(`NO USER`);
+                        //return window.location.href = url;
+                        window.Telegram.WebApp.HapticFeedback.impactOccurred('medium');
+                    }
+                    console.log(`Telegram Frame Set`,id,url,closeAction);
+                    let iframe = document.createElement('iframe');
+                    iframe.src = url; // Replace with your desired URL
+
+                    const settedID = ``+id;
+                    // Set additional attributes (optional)
+                    iframe.style.border = 'none'; // Remove the border
+                    iframe.style.width = '100vw'; // Set width to 100vw
+                    iframe.style.height = '100vh'; // Set height to 100vh
+                    iframe.style.top = '0'; // Set height to 100vh
+                    iframe.style.left = '0'; // Set height to 100vh
+                    iframe.style[`z-index`] = zIndex; // Set height to 100vh
+                    iframe.id = settedID;
+
+                    iframe.style.position = 'fixed';
+
+                    // Append the iframe to the body
+                    document.body.appendChild(iframe);
+                    jQuery(iframe).attr(`id`,settedID);
+                    jQuery(iframe).attr(`wbfst-frame`,settedID);
+
+                    try {
+                        //window.Telegram.WebApp.web_app_open_link(url);
+                        if (web.fast.user != undefined) {
+                            window.closeIframe = function() {
+                                console.log(`Close Iframe`,id);
+                                //jQuery(`#${id}`).hide();
+                                closeAction(id);
+                            } 
+                        } else {
+                            // Set on click event
+                            if (closeAction != undefined) {
+                                console.log(`Set Close Action`);
+                                window.closeIframe = function() {
+                                    console.log(`Close Iframe`,id);
+                                    //jQuery(`#${id}`).hide();
+                                    closeAction(id);
+                                } 
+                            }
+                        }
+
+                    } catch (err) {
+                        console.error(err);
+                        console.error(`Error opening link`,url);
+                    }
+                }
+            }
+        }
     }
 }
 // Connect to the Socket.IO server

package/modules/data/mongo/find.js

@@ -67,65 +67,67 @@ module.exports = async function(db,collection,query,one = false,array) {
         }
 
         // Check if profile image to get it from db
-        if (result.profileImage != undefined && array.image == true) {
-            const profileImage = await program.modules.data.file.downloadBuffer(result.profileImage,process.env.dbName);
-
-            // Set in dynamic routing for serving
-            let sizeMeta = {};
-            let other = {}
-            for (let pi in profileImage) {
-                // Profile image
-                const theImage = profileImage[pi];
-
-                // Get the meta
-                const imageMeta = theImage.metadata;
-
-                // Sizes
-                const size = imageMeta.size;
-
-                const sizeKey = `${size.width}x${size.height}`;
-                const setUUID = program.uuid.v4();
-                sizeMeta[setUUID] = {
-                    buffer : theImage.buffer,
-                    meta : imageMeta
+        if (result != undefined) {
+            if (result.profileImage != undefined && array.image == true) {
+                const profileImage = await program.modules.data.file.downloadBuffer(result.profileImage,process.env.dbName);
+
+                // Set in dynamic routing for serving
+                let sizeMeta = {};
+                let other = {}
+                for (let pi in profileImage) {
+                    // Profile image
+                    const theImage = profileImage[pi];
+
+                    // Get the meta
+                    const imageMeta = theImage.metadata;
+
+                    // Sizes
+                    const size = imageMeta.size;
+
+                    const sizeKey = `${size.width}x${size.height}`;
+                    const setUUID = program.uuid.v4();
+                    sizeMeta[setUUID] = {
+                        buffer : theImage.buffer,
+                        meta : imageMeta
+                    }
+                    console.log(`The Size Meta`);
                 }
-                console.log(`The Size Meta`);
-            }
 
-            // Now we have sizes thingy so create a route for this specific uuid
-            const dynamicLink = `/dynamic/${result.profileImage}/list`;
-            result.imageList = `${process.env.url}${dynamicLink.slice(1)}`;
-            result.images = sizeMeta;
-
-            const routeCheck = await routeExists(dynamicLink);
-            if (!routeCheck) {
-                program.express.app.get(dynamicLink, async (req, res) => {
-                    // Requesting image
-                    console.log(`Requesting dynamic link`);
-                    // Send buffer image as image
-                    // Set content type header to indicate that you're sending an image
-                    res.setHeader('Content-Type', 'application/json');
-
-                    // Send the image buffer as the response body
-                    for (let sizeKey in sizeMeta) {
-                        const item = sizeMeta[sizeKey];
-                        other[sizeKey] = item.meta;
-
-                        // Create dynamic url for this on
-                        const imageDynamicPath = `/dynamic/${sizeKey}.${item.meta.type}`;
-                        const imageLinkURL = `https://${process.env.url}${imageDynamicPath.slice(1)}`
-                        //other[sizeKey].link = imageLinkURL;
-
-                        // generate dynamic url
+                // Now we have sizes thingy so create a route for this specific uuid
+                const dynamicLink = `/dynamic/${result.profileImage}/list`;
+                result.imageList = `${process.env.url}${dynamicLink.slice(1)}`;
+                result.images = sizeMeta;
+
+                const routeCheck = await routeExists(dynamicLink);
+                if (!routeCheck) {
+                    program.express.app.get(dynamicLink, async (req, res) => {
+                        // Requesting image
+                        console.log(`Requesting dynamic link`);
+                        // Send buffer image as image
+                        // Set content type header to indicate that you're sending an image
+                        res.setHeader('Content-Type', 'application/json');
+
+                        // Send the image buffer as the response body
+                        for (let sizeKey in sizeMeta) {
+                            const item = sizeMeta[sizeKey];
+                            other[sizeKey] = item.meta;
+
+                            // Create dynamic url for this on
+                            const imageDynamicPath = `/dynamic/${sizeKey}.${item.meta.type}`;
+                            const imageLinkURL = `https://${process.env.url}${imageDynamicPath.slice(1)}`
+                            //other[sizeKey].link = imageLinkURL;
+
+                            // generate dynamic url
+                            
+                        }
                         
-                    }
-                    
-                    res.send(JSON.stringify(other, null, 2));
-                });
-            }
-            console.log(`Profile Image`);
+                        res.send(JSON.stringify(other, null, 2));
+                    });
+                }
+                console.log(`Profile Image`);
 
-            // generate paths
+                // generate paths
+            }
         }
 
         if (callback != undefined) {

package/modules/express/init.js

@@ -392,7 +392,7 @@ module.exports = async function (program) {
               // Check if function is running in program modules that you can add in the init scirpt when using remote
               if (program.express.process != undefined) {
                   try {
-                      let resp = await program.express.process[split[0]][split[1]][split[2]](program,ws,json,data,path,clientId);
+                      let resp = await program.express.process[split[0]][split[1]][split[2]](program,ws,json,data,path,clientId,ws);
                       if (resp != false) {
                           ws.send(JSON.stringify(resp));
                       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webfast",
-  "version": "0.1.84",
+  "version": "0.1.86",
   "description": "WebFast! Bot Application, including TON mini-apps for makign it easy and fast to build ini-apps",
   "main": "index.js",
   "repository": {
@@ -25,14 +25,17 @@
     "generator",
     "mini-app",
     "express",
-    "bots",
+    "bot",
     "famework",
     "ejs",
     "javascript",
     "jquery",
     "webfast",
     "dynamic",
-    "model"
+    "model",
+    "mini app",
+    "webflow",
+    "lowcode"
   ],
   "author": "Kai Gartner",
   "license": "ISC",