@makano/rew 1.1.73 → 1.1.81

package/lib/rew/html/ui.js

@@ -1,13 +1,13 @@
-try{
+try {
   window.execContext = $OPTIONS(json.execContext);
-} catch(e){
+} catch (e) {
   window.execContext = {};
 }
 
-try{
+try {
   window.exec = $OPTIONS(exec);
-} catch(e){
-  window.exec = function(){};
+} catch (e) {
+  window.exec = function () {};
 }
 
 const DOM = [];
@@ -27,31 +27,31 @@ const addTo = (el, parent) => {
 };
 
 const initElement = (el, options, update = false) => {
-  if(el.widgetOptions){
+  if (el.widgetOptions) {
     if (el.widgetOptions.style) {
-      for(let i in options.style){
+      for (let i in options.style) {
         el.style.removeProperty(i, el.widgetOptions.style[i]);
       }
     }
     if (el.widgetOptions.attr) {
-      for(let i in el.widgetOptions.attr){
+      for (let i in el.widgetOptions.attr) {
         el.removeAttribute(i);
       }
     }
   }
-  
+
   el.widgetOptions = options;
   el.id = options.id;
   el.textContent = options.data.text;
 
   if (options.style) {
-    for(let i in options.style){
+    for (let i in options.style) {
       el.style.setProperty(i, options.style[i]);
     }
   }
 
   if (options.attr) {
-    for(let i in options.attr){
+    for (let i in options.attr) {
       el.setAttribute(i, options.attr[i]);
     }
   }
@@ -59,7 +59,7 @@ const initElement = (el, options, update = false) => {
   if (options.children.length) {
     options.children.forEach((option) => {
       option.parent = options.uuid;
-      if(update) updateElement(findInDom(option.uuid), option);
+      if (update) updateElement(findInDom(option.uuid), option);
       else createElement(option);
     });
   }
@@ -67,46 +67,75 @@ const initElement = (el, options, update = false) => {
   if (options.parent) {
     addTo(el, options.parent);
   }
-}
+};
 
 const updateElement = (el, options) => {
-  if(!el) return;
+  if (!el) return;
   initElement(el, options, true);
   return el;
-}
+};
 
 const events = [
-  "click", "dblclick", "mousedown", "mouseup", "mouseover", "mouseout",
-  "mousemove", "mouseenter", "mouseleave", "keydown", "keypress", "keyup",
-  "change", "input", "submit", "focus", "blur", "copy", "cut", "paste",
-  "scroll", "wheel", "resize", "contextmenu", "drag", "dragstart", "dragend",
-  "dragenter", "dragleave", "dragover", "drop", "error", "load", "abort"
+  "click",
+  "dblclick",
+  "mousedown",
+  "mouseup",
+  "mouseover",
+  "mouseout",
+  "mousemove",
+  "mouseenter",
+  "mouseleave",
+  "keydown",
+  "keypress",
+  "keyup",
+  "change",
+  "input",
+  "submit",
+  "focus",
+  "blur",
+  "copy",
+  "cut",
+  "paste",
+  "scroll",
+  "wheel",
+  "resize",
+  "contextmenu",
+  "drag",
+  "dragstart",
+  "dragend",
+  "dragenter",
+  "dragleave",
+  "dragover",
+  "drop",
+  "error",
+  "load",
+  "abort",
 ];
 const handleListeners = (el) => {
-  events.forEach(event => {
+  events.forEach((event) => {
     el.addEventListener(event, (e) => {
       sendData({
-        action: 'hook:eventTrigger',
+        action: "hook:eventTrigger",
         data: {
-          rid: 'event_trigger',
+          rid: "event_trigger",
           object: {
             uuid: el.widgetOptions.uuid,
             event,
             data: {
               mouse: { x: e.clientX, y: e.clientY },
-              key: { code: e.keyCode, key: e.key }
-            }
-          }
-        }
+              key: { code: e.keyCode, key: e.key },
+            },
+          },
+        },
       });
     });
   });
-}
+};
 
-function eventHandlerFunction({ uuid, hookID, event }){
-  return function(e){
+function eventHandlerFunction({ uuid, hookID, event }) {
+  return function (e) {
     sendData({
-      action: 'hook:event_'+event,
+      action: "hook:event_" + event,
       data: {
         rid: hookID,
         object: {
@@ -114,12 +143,12 @@ function eventHandlerFunction({ uuid, hookID, event }){
           event,
           data: {
             mouse: { x: e.clientX, y: e.clientY },
-            key: { code: e.keyCode, key: e.key }
-          }
-        }
-      }
+            key: { code: e.keyCode, key: e.key },
+          },
+        },
+      },
     });
-  }
+  };
 }
 
 const createElement = (options) => {
@@ -139,18 +168,25 @@ const stringifyJSON = (json) => {
 
 const log = (...strings) => {
   window.webkit.messageHandlers.external.postMessage(
-    JSON.stringify({"action": "log", "data": strings
-      .map((r) =>
-        typeof r == "object" ? stringifyJSON(r) : `${r.toString()}`,
-      )
-      // .map((i) => i.replace(/\"/g, '\\\\"').replace(/\n/g, "\\\\n"))
-      .join("\n")}, null, 4)
+    JSON.stringify(
+      {
+        action: "log",
+        data: strings
+          .map((r) =>
+            typeof r == "object" ? stringifyJSON(r) : `${r.toString()}`,
+          )
+          // .map((i) => i.replace(/\"/g, '\\\\"').replace(/\n/g, "\\\\n"))
+          .join("\n"),
+      },
+      null,
+      4,
+    ),
   );
 };
 
 const sendData = (data) => {
-  log("RESPONSE::"+stringifyJSON(data));
-}
+  log("RESPONSE::" + stringifyJSON(data));
+};
 
 function process_data(data) {
   return JSON.parse(data);
@@ -158,10 +194,10 @@ function process_data(data) {
 
 window.recieveMessage = (data) => {
   const edata = data;
-  if(edata.action == 'eventListen') {
+  if (edata.action == "eventListen") {
     const el = findInDom(edata.data.uuid);
-    if(el){
-      el.addEventListener(edata.data.event, eventHandlerFunction(edata.data))
+    if (el) {
+      el.addEventListener(edata.data.event, eventHandlerFunction(edata.data));
     }
   } else if (edata.action == "createElement") {
     const options = edata.data;
@@ -171,7 +207,7 @@ window.recieveMessage = (data) => {
       log(e.toString());
     }
   } else if (edata.action == "addStyleSheet") {
-    const style = document.createElement('style');
+    const style = document.createElement("style");
     style.textContent = edata.data;
     document.head.appendChild(style);
   } else if (edata.action == "updateElement") {
@@ -185,24 +221,30 @@ window.recieveMessage = (data) => {
     const id = edata.data.id;
     const rid = edata.data.rid;
     try {
-      sendData({ action: 'hook:findElement', data: { rid, object: findInDom(id)?.widgetOptions }  });
+      sendData({
+        action: "hook:findElement",
+        data: { rid, object: findInDom(id)?.widgetOptions },
+      });
     } catch (e) {
       log(e.toString());
     }
-  } else if(edata.action == 'message') {
-    window.dispatchEvent(new CustomEvent('message', {
-      detail: edata.data
-    }));
+  } else if (edata.action == "message") {
+    window.dispatchEvent(
+      new CustomEvent("message", {
+        detail: edata.data,
+      }),
+    );
   }
 };
 
-window.addEventListener('load', () => {
+window.addEventListener("load", () => {
   window.exec({
     ...window.execContext,
     window,
     log,
-    send: (data) => sendData({ action: 'message', data  }),
-    onRecieve: (cb) => window.addEventListener('message', (e) => cb(e.detail || {}))
+    send: (data) => sendData({ action: "message", data }),
+    onRecieve: (cb) =>
+      window.addEventListener("message", (e) => cb(e.detail || {})),
   });
-  log('SETUP::READY');
-});
+  log("SETUP::READY");
+});

package/lib/rew/main.js

@@ -5,9 +5,9 @@ const { imp } = require("./functions/import");
 const { FILES } = require("./const/files");
 
 module.exports.run = function (filepath, options = {}, custom_context = {}) {
-  FILES.forEach(file => {
-    if(fs.existsSync(file.path)) return;
-    if(file.content){
+  FILES.forEach((file) => {
+    if (fs.existsSync(file.path)) return;
+    if (file.content) {
       fs.writeFileSync(file.path, file.content);
     } else {
       fs.mkdirSync(file.path, { recursive: true });

package/lib/rew/misc/findAppInfo.js

@@ -0,0 +1,16 @@
+const jsYaml = require("js-yaml");
+const { findAppPath } = require("./findAppPath");
+const path = require("path");
+const { readFileSync } = require("fs");
+
+module.exports.findAppInfo = function (filepath) {
+  const appPath = findAppPath(path.dirname(filepath));
+  if (appPath) {
+    const config = jsYaml.load(readFileSync(path.join(appPath, "app.yaml")));
+    return {
+      path: appPath,
+      config,
+    };
+  }
+  return null;
+};

package/lib/rew/misc/findAppPath.js

@@ -0,0 +1,21 @@
+const path = require("path"); // Import the 'path' module
+const fs = require("fs"); // Import the 'path' module
+
+module.exports.findAppPath = (currentDir = __dirname) => {
+  // Check if app.yaml exists in the current directory
+  const appYamlPath = path.join(currentDir, "app.yaml");
+  if (fs.existsSync(appYamlPath)) {
+    return currentDir;
+  }
+
+  // If not found, move up a directory level
+  const parentDir = path.dirname(currentDir);
+
+  // Check if we reached the root directory
+  if (parentDir === currentDir) {
+    return null; // Not found
+  }
+
+  // Recursively call the function on the parent directory
+  return module.exports.findAppPath(parentDir);
+};

package/lib/rew/misc/seededid.js

@@ -0,0 +1,13 @@
+module.exports.seededID = function (seed) {
+  const charCodes = seed.split("").map((char) => char.charCodeAt(0));
+
+  let result = "";
+  let sum = 0;
+
+  for (let i = 0; i < charCodes.length; i++) {
+    sum += charCodes[i];
+    result += String.fromCharCode(((charCodes[i] + sum) % 26) + 97);
+  }
+
+  return result.slice(0, 12);
+};

package/lib/rew/models/struct.js

@@ -26,7 +26,7 @@ module.exports.struct = function struct(template) {
         instance[key] = defaultValue == "!any" ? null : defaultValue;
       }
     }
-    instance.__proto__ = { '@instance': fun };
+    instance.__proto__ = { "@instance": fun };
     return instance;
   };
 

package/lib/rew/modules/compiler.js

@@ -1,21 +1,24 @@
 const { compile } = require("../../coffeescript/coffeescript");
 const { execOptions } = require("../const/opt");
 const { getFile } = require("./fs");
-const babel = require('@babel/core');
-const babelReact = require('@babel/preset-react');
+const babel = require("@babel/core");
+const babelReact = require("@babel/preset-react");
 
 function tokenizeCoffeeScript(code) {
   const tokens = [];
-  let currentToken = '';
+  let currentToken = "";
 
   for (let i = 0; i < code.length; i++) {
     const char = code[i];
     const nextChar = code[i + 1];
 
-    if (char === '#') {
+    if (char === "#") {
       // Comment
-      tokens.push({ type: 'COMMENT', value: char + code.substring(i + 1).split('\n')[0]+'\n' });
-      i = code.indexOf('\n', i);
+      tokens.push({
+        type: "COMMENT",
+        value: char + code.substring(i + 1).split("\n")[0] + "\n",
+      });
+      i = code.indexOf("\n", i);
     } else if (char === '"' || char === "'") {
       // String
       let string = char;
@@ -23,7 +26,7 @@ function tokenizeCoffeeScript(code) {
       i++;
       while (i < code.length && (code[i] !== char || escaped)) {
         string += code[i];
-        if (code[i] === '\\' && !escaped) {
+        if (code[i] === "\\" && !escaped) {
           escaped = true;
         } else {
           escaped = false;
@@ -31,25 +34,26 @@ function tokenizeCoffeeScript(code) {
         i++;
       }
       string += char; // Include closing quote
-      tokens.push({ type: 'STRING', value: string });
-    } else if (char === '/' && (nextChar === '/' || nextChar === '*')) {
+      tokens.push({ type: "STRING", value: string });
+    } else if (char === "/" && (nextChar === "/" || nextChar === "*")) {
       // Regular expression
       let regex = char;
       i++;
-      while (i < code.length && (code[i] !== '/' || regex.endsWith('\\'))) {
+      while (i < code.length && (code[i] !== "/" || regex.endsWith("\\"))) {
         regex += code[i];
         i++;
       }
-      regex += '/';
-      tokens.push({ type: 'REGEX', value: regex });
+      regex += "/";
+      tokens.push({ type: "REGEX", value: regex });
     } else if (/\s/.test(char)) {
       // Whitespace
-      if(tokens[tokens.length-1]?.type == 'WHITESPACE'
-        && tokens[tokens.length-1].value[0] == char
-      ){
-        tokens[tokens.length-1].value += char;
+      if (
+        tokens[tokens.length - 1]?.type == "WHITESPACE" &&
+        tokens[tokens.length - 1].value[0] == char
+      ) {
+        tokens[tokens.length - 1].value += char;
       } else {
-        tokens.push({ type: 'WHITESPACE', value: char });
+        tokens.push({ type: "WHITESPACE", value: char });
       }
     } else if (/[a-zA-Z_$]/.test(char)) {
       // Identifier
@@ -59,11 +63,11 @@ function tokenizeCoffeeScript(code) {
         identifier += code[i];
         i++;
       }
-      tokens.push({ type: 'IDENTIFIER', value: identifier });
+      tokens.push({ type: "IDENTIFIER", value: identifier });
       i--; // Move back one character to recheck
     } else {
       // Other characters
-      tokens.push({ type: 'OTHER', value: char });
+      tokens.push({ type: "OTHER", value: char });
     }
   }
 
@@ -71,16 +75,31 @@ function tokenizeCoffeeScript(code) {
 }
 
 const gnextToken = (i, n, tokens) => {
-  return tokens[i + n] ? tokens[i + n].type == 'WHITESPACE' ? gnextToken(i, n + 1, tokens) : { nextToken: tokens[i + n], n } : null;
-}
+  return tokens[i + n]
+    ? tokens[i + n].type == "WHITESPACE"
+      ? gnextToken(i, n + 1, tokens)
+      : { nextToken: tokens[i + n], n }
+    : null;
+};
 
 const fnextToken = (i, tokens, type, value) => {
-  return tokens.map((t, ind) => { t.ti = ind; return t }).slice(i, tokens.length - 1).map((t, ind) => { t.ri = ind; t.index = ind - i; return t }).find(t => t.type == type && (value ? t.value == value : true));
-}
+  return tokens
+    .map((t, ind) => {
+      t.ti = ind;
+      return t;
+    })
+    .slice(i, tokens.length - 1)
+    .map((t, ind) => {
+      t.ri = ind;
+      t.index = ind - i;
+      return t;
+    })
+    .find((t) => t.type == type && (value ? t.value == value : true));
+};
 
 function compileRewStuff(content, options) {
   const tokens = tokenizeCoffeeScript(content);
-  let result = '';
+  let result = "";
 
   let hooks = [];
 
@@ -88,53 +107,60 @@ function compileRewStuff(content, options) {
     const token = tokens[i];
     let { nextToken, n } = gnextToken(i, 1, tokens) || {};
 
-    if (token.type === 'IDENTIFIER' && token.value === 'opt') {
+    if (token.type === "IDENTIFIER" && token.value === "opt") {
       const { nextToken: nextNextToken } = gnextToken(i, 2, tokens) || {};
-      if(nextNextToken && nextNextToken.value == 'jsxPragma'){
+      if (nextNextToken && nextNextToken.value == "jsxPragma") {
         const { nextToken: nextLastToken } = gnextToken(i, 5, tokens) || {};
         execOptions.jsxPragma = nextLastToken.value.slice(1).slice(0, -1);
       }
     }
 
-    if (token.type === 'COMMENT' && token.value.slice(1).trim() === '@jsx') {
+    if (token.type === "COMMENT" && token.value.slice(1).trim() === "@jsx") {
       options.jsx = true;
     }
 
-    if (token.type === 'IDENTIFIER' && token.value === 'import') {
+    if (token.type === "IDENTIFIER" && token.value === "import") {
       // console.log(nextToken.type);
       let ind = i + n + 2;
 
       let defaultName;
-      if (nextToken.type === 'STRING') {
+      if (nextToken.type === "STRING") {
         result += `inc ${nextToken.value}`;
         i += n;
-      } else if (nextToken.value === '{') {
-        const closingBraceToken = fnextToken(ind, tokens, 'OTHER', '}');
-        const nameToken = fnextToken(ind, tokens, 'STRING');
+      } else if (nextToken.value === "{") {
+        const closingBraceToken = fnextToken(ind, tokens, "OTHER", "}");
+        const nameToken = fnextToken(ind, tokens, "STRING");
         if (closingBraceToken) {
           const exportsTokens = tokens.slice(ind, closingBraceToken.ti);
-          const exports = exportsTokens.filter(t => t.type === 'IDENTIFIER').map(t => t.value).join(', ');
+          const exports = exportsTokens
+            .filter((t) => t.type === "IDENTIFIER")
+            .map((t) => t.value)
+            .join(", ");
           result += `{ ${exports} } = inc ${nameToken.value}`;
           i = nameToken.ti;
         }
-      } else if (nextToken.value === '*') {
-        const asToken = fnextToken(ind, tokens, 'IDENTIFIER', 'as');
-        const nameToken = fnextToken(asToken.ri, tokens, 'STRING');
+      } else if (nextToken.value === "*") {
+        const asToken = fnextToken(ind, tokens, "IDENTIFIER", "as");
+        const nameToken = fnextToken(asToken.ri, tokens, "STRING");
         if (asToken) {
-          const nextToken = fnextToken(asToken.ti + 1, tokens, 'IDENTIFIER');
+          const nextToken = fnextToken(asToken.ti + 1, tokens, "IDENTIFIER");
           defaultName = nextToken.value;
           result += `${defaultName} = inc ${nameToken.value}`;
           i = ind + 6;
         }
-      } else if(nextToken) {
-        const nameToken = fnextToken(ind, tokens, 'STRING');
+      } else if (nextToken) {
+        const nameToken = fnextToken(ind, tokens, "STRING");
         defaultName = nextToken.value;
-        let { nextToken: nextNextToken, n: n2 } = gnextToken(i + 2, 1, tokens) || {};
-        if(nextNextToken?.type == 'OTHER' && nextNextToken?.value == ','){
-          const closingBraceToken = fnextToken(ind, tokens, 'OTHER', '}');
-          if(closingBraceToken){
+        let { nextToken: nextNextToken, n: n2 } =
+          gnextToken(i + 2, 1, tokens) || {};
+        if (nextNextToken?.type == "OTHER" && nextNextToken?.value == ",") {
+          const closingBraceToken = fnextToken(ind, tokens, "OTHER", "}");
+          if (closingBraceToken) {
             const exportsTokens = tokens.slice(ind, closingBraceToken.ti);
-            const exports = exportsTokens.filter(t => t.type === 'IDENTIFIER').map(t => t.value).join(', ');
+            const exports = exportsTokens
+              .filter((t) => t.type === "IDENTIFIER")
+              .map((t) => t.value)
+              .join(", ");
             result += `{ default: ${defaultName}, ${exports} } = inc ${nameToken?.value || ""}`;
             i = closingBraceToken.ti + 4;
           }
@@ -142,27 +168,29 @@ function compileRewStuff(content, options) {
           result += `{ default: ${defaultName} } = inc ${nameToken?.value || ""}`;
           i = ind + 2;
         }
-        
       }
 
-      const nextLastToken = fnextToken(i, tokens, 'IDENTIFIER');
+      const nextLastToken = fnextToken(i, tokens, "IDENTIFIER");
 
-      if(nextLastToken?.value == 'assert'){
-        result += ', ';
+      if (nextLastToken?.value == "assert") {
+        result += ", ";
         i += 3;
       }
 
       continue;
     }
 
-
-    if (token.type === 'IDENTIFIER' && token.value === 'pub' &&
-      nextToken && nextToken.type === 'IDENTIFIER' &&
-      nextToken.value && nextToken.value !== 'undefined') {
-
+    if (
+      token.type === "IDENTIFIER" &&
+      token.value === "pub" &&
+      nextToken &&
+      nextToken.type === "IDENTIFIER" &&
+      nextToken.value &&
+      nextToken.value !== "undefined"
+    ) {
       hooks.push({
         index: i + 1,
-        value: `"${nextToken.value}", `
+        value: `"${nextToken.value}", `,
       });
     }
 
@@ -182,13 +210,17 @@ function compileRewStuff(content, options) {
   return result;
 }
 
-
 const cpl = (module.exports.compile = function (file, options = {}) {
-  let c = compile(compileRewStuff(file.content, options), { ...options, filename: file.path, bare: false, inlineMap: false });
-  if(execOptions.jsx || options.jsx) {
+  let c = compile(compileRewStuff(file.content, options), {
+    ...options,
+    filename: file.path,
+    bare: false,
+    inlineMap: false,
+  });
+  if (execOptions.jsx || options.jsx) {
     c = babel.transformSync(c, {
       presets: [[babelReact, { pragma: execOptions.jsxPragma }]],
-      plugins: []
+      plugins: [],
     }).code;
   }
   return c;