rip-lang 1.2.1 → 1.2.2

package/docs/dist/rip.browser.js

@@ -6818,8 +6818,8 @@ function compileToJS(source, options = {}) {
   return compiler.compileToJS(source);
 }
 // src/browser.js
-var VERSION = "1.2.1";
-var BUILD_DATE = "2025-11-04@08:08:54GMT";
+var VERSION = "1.2.2";
+var BUILD_DATE = "2025-11-04@08:29:18GMT";
 var dedent = (s) => {
   const m = s.match(/^[ \t]*(?=\S)/gm);
   const i = Math.min(...(m || []).map((x) => x.length));

package/docs/dist/rip.browser.min.js

@@ -238,4 +238,4 @@ ${this.indent()}}`}return`{ if (${this.generate(U,"value")}) ${this.generate(M,"
 `:"",M=Y.slice(0,E).join(`
 `)}let _=new x1().tokenize(M);if(this.options.showTokens)_.forEach((F)=>{console.log(`${F[0].padEnd(12)} ${JSON.stringify(F[1])}`)}),console.log();A1.lexer={tokens:_,pos:0,setInput:function(F,G){},lex:function(){if(this.pos>=this.tokens.length)return 1;let F=this.tokens[this.pos++];return this.yytext=F[1],this.yylloc=F[2],F[0]}};let A;try{A=A1.parse(M)}catch(F){if(/\?\s*\([^)]*\?[^)]*:[^)]*\)\s*:/.test(M)||/\?\s+\w+\s+\?\s+/.test(M))throw new Error(`Nested ternary operators are not supported. Use if/else statements instead:
   Instead of: x ? (y ? a : b) : c
-  Use: if x then (if y then a else b) else c`);throw F}if(this.options.showSExpr)console.log(_1(A,0,!0)),console.log();let R=new R1({dataSection:U}).compile(A);return{tokens:_,sexpr:A,code:R,data:U}}compileToJS(M){return this.compile(M).code}compileToSExpr(M){return this.compile(M).sexpr}}function o2(M,U={}){return new N1(U).compile(M)}function K1(M,U={}){return new N1(U).compileToJS(M)}var G3="1.2.1",Z3="2025-11-04@08:08:54GMT",t2=(M)=>{let U=M.match(/^[ \t]*(?=\S)/gm),Y=Math.min(...(U||[]).map((E)=>E.length));return M.replace(RegExp(`^[ 	]{${Y}}`,"gm"),"").trim()};async function v2(){let M=document.querySelectorAll('script[type="text/rip"]');for(let U of M){if(U.hasAttribute("data-rip-processed"))continue;try{let Y=t2(U.textContent),E=K1(Y);(0,eval)(E),U.setAttribute("data-rip-processed","true")}catch(Y){console.error("Error compiling Rip script:",Y),console.error("Script content:",U.textContent)}}}if(typeof document!=="undefined")if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",v2);else v2();function e2(M){try{let Y=K1(M).replace(/^let\s+[^;]+;\s*\n\s*/m,"");Y=Y.replace(/^const\s+/gm,"var ");let E=(0,eval)(Y);if(E!==void 0)globalThis._=E;return E}catch(U){console.error("Rip compilation error:",U.message);return}}if(typeof globalThis!=="undefined")globalThis.rip=e2;export{e2 as rip,v2 as processRipScripts,A1 as parser,_1 as formatSExpr,K1 as compileToJS,o2 as compile,G3 as VERSION,x1 as Lexer,N1 as Compiler,R1 as CodeGenerator,Z3 as BUILD_DATE};
+  Use: if x then (if y then a else b) else c`);throw F}if(this.options.showSExpr)console.log(_1(A,0,!0)),console.log();let R=new R1({dataSection:U}).compile(A);return{tokens:_,sexpr:A,code:R,data:U}}compileToJS(M){return this.compile(M).code}compileToSExpr(M){return this.compile(M).sexpr}}function o2(M,U={}){return new N1(U).compile(M)}function K1(M,U={}){return new N1(U).compileToJS(M)}var G3="1.2.2",Z3="2025-11-04@08:29:18GMT",t2=(M)=>{let U=M.match(/^[ \t]*(?=\S)/gm),Y=Math.min(...(U||[]).map((E)=>E.length));return M.replace(RegExp(`^[ 	]{${Y}}`,"gm"),"").trim()};async function v2(){let M=document.querySelectorAll('script[type="text/rip"]');for(let U of M){if(U.hasAttribute("data-rip-processed"))continue;try{let Y=t2(U.textContent),E=K1(Y);(0,eval)(E),U.setAttribute("data-rip-processed","true")}catch(Y){console.error("Error compiling Rip script:",Y),console.error("Script content:",U.textContent)}}}if(typeof document!=="undefined")if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",v2);else v2();function e2(M){try{let Y=K1(M).replace(/^let\s+[^;]+;\s*\n\s*/m,"");Y=Y.replace(/^const\s+/gm,"var ");let E=(0,eval)(Y);if(E!==void 0)globalThis._=E;return E}catch(U){console.error("Rip compilation error:",U.message);return}}if(typeof globalThis!=="undefined")globalThis.rip=e2;export{e2 as rip,v2 as processRipScripts,A1 as parser,_1 as formatSExpr,K1 as compileToJS,o2 as compile,G3 as VERSION,x1 as Lexer,N1 as Compiler,R1 as CodeGenerator,Z3 as BUILD_DATE};

package/docs/repl.html

@@ -234,6 +234,38 @@
       font-size: 13px;
       font-weight: 600;
       color: #cccccc;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .pane-header-buttons {
+      display: flex;
+      gap: 8px;
+    }
+
+    .pane-header button {
+      background: #5a5a5d;
+      color: #ffffff;
+      border: none;
+      padding: 6px 12px;
+      border-radius: 3px;
+      font-size: 12px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+
+    .pane-header button:hover {
+      background: #6e6e71;
+    }
+
+    .pane-header button.active {
+      background: #007acc;
+    }
+
+    .pane-header button.active:hover {
+      background: #005a9e;
     }
 
     .editor, .output-code {
@@ -257,26 +289,6 @@
       overflow: auto;
     }
 
-    .compiler-options {
-      padding: 10px 15px;
-      background: #252526;
-      border-top: 1px solid #3e3e42;
-      display: flex;
-      gap: 15px;
-      font-size: 12px;
-    }
-
-    .compiler-options label {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      color: #cccccc;
-      cursor: pointer;
-    }
-
-    .compiler-options input[type="checkbox"] {
-      cursor: pointer;
-    }
 
     /* Scrollbar styling */
     ::-webkit-scrollbar {
@@ -339,13 +351,13 @@
   </div>
 
   <div class="tabs">
-    <button class="tab active" data-tab="repl">REPL Console</button>
-    <button class="tab" data-tab="compiler">Live Compiler</button>
+    <button class="tab active" data-tab="compiler">Live Compiler</button>
+    <button class="tab" data-tab="repl">REPL Console</button>
   </div>
 
   <div class="content">
     <!-- REPL Pane -->
-    <div class="pane active" id="repl-pane">
+    <div class="pane" id="repl-pane">
       <div class="repl-container">
         <div class="repl-output" id="repl-output">
           <div class="welcome">
@@ -361,10 +373,16 @@
     </div>
 
     <!-- Compiler Pane -->
-    <div class="pane" id="compiler-pane">
+    <div class="pane active" id="compiler-pane">
       <div class="compiler-container">
         <div class="editor-pane" id="editor-left">
-          <div class="pane-header">Rip Source</div>
+          <div class="pane-header">
+            <span>Rip Source</span>
+            <div class="pane-header-buttons">
+              <button id="clear-btn" title="Clear the editor">Clear</button>
+              <button class="active" id="run-btn" title="Execute code and output to browser console">Run</button>
+            </div>
+          </div>
           <textarea class="editor" id="editor" spellcheck="false"># Rip code - edit me!
 def fibonacci(n)
   if n <= 1
@@ -391,18 +409,14 @@ console.log "Domain:", domain</textarea>
         <div class="resizer" id="resizer"></div>
 
         <div class="editor-pane" id="editor-right">
-          <div class="pane-header">Generated JavaScript</div>
-          <pre class="output-code" id="output"></pre>
-          <div class="compiler-options">
-            <label>
-              <input type="checkbox" id="show-sexp">
-              Show S-Expressions
-            </label>
-            <label>
-              <input type="checkbox" id="show-tokens">
-              Show Tokens
-            </label>
+          <div class="pane-header">
+            <span>Generated JavaScript</span>
+            <div class="pane-header-buttons">
+              <button id="show-sexp" title="Toggle S-expression display">S-Expressions</button>
+              <button id="show-tokens" title="Toggle token stream display">Tokens</button>
+            </div>
           </div>
+          <pre class="output-code" id="output"></pre>
         </div>
       </div>
     </div>
@@ -712,8 +726,12 @@ console.log "Domain:", domain</textarea>
 
     const editor = document.getElementById('editor');
     const output = document.getElementById('output');
-    const showSexp = document.getElementById('show-sexp');
-    const showTokens = document.getElementById('show-tokens');
+    const showSexpBtn = document.getElementById('show-sexp');
+    const showTokensBtn = document.getElementById('show-tokens');
+
+    // Track toggle state
+    let showSexp = false;
+    let showTokens = false;
 
     // Strip utility helper functions for cleaner display
     function stripHelpers(code) {
@@ -755,14 +773,14 @@ console.log "Domain:", domain</textarea>
 
         let outputText = '';
 
-        if (showTokens.checked) {
+        if (showTokens) {
           result.tokens.forEach(t => {
             outputText += `${t[0].padEnd(12)} ${JSON.stringify(t[1])}\n`;
           });
           outputText += '\n';
         }
 
-        if (showSexp.checked) {
+        if (showSexp) {
           outputText += window.toSexpr ? window.toSexpr(result.sexpr, 0, true) : JSON.stringify(result.sexpr, null, 1);
           outputText += '\n\n';
         }
@@ -778,8 +796,43 @@ console.log "Domain:", domain</textarea>
 
     // Auto-compile on changes
     editor.addEventListener('input', compileCode);
-    showSexp.addEventListener('change', compileCode);
-    showTokens.addEventListener('change', compileCode);
+
+    // Toggle buttons for S-Expressions and Tokens
+    showSexpBtn.addEventListener('click', () => {
+      showSexp = !showSexp;
+      showSexpBtn.classList.toggle('active', showSexp);
+      compileCode();
+    });
+
+    showTokensBtn.addEventListener('click', () => {
+      showTokens = !showTokens;
+      showTokensBtn.classList.toggle('active', showTokens);
+      compileCode();
+    });
+
+    // Clear button - clears the Rip source editor
+    document.getElementById('clear-btn').addEventListener('click', () => {
+      editor.value = '';
+      compileCode();
+      editor.focus();
+    });
+
+    // Run button - executes the Rip code and outputs to console
+    document.getElementById('run-btn').addEventListener('click', () => {
+      try {
+        const source = editor.value;
+        const result = compile(source);
+        const js = result.code;
+
+        // Execute the compiled JavaScript and log to console
+        console.clear();
+        console.log('%c=== Rip Code Execution ===', 'color: #007acc; font-weight: bold');
+        eval(js);
+        console.log('%c=== Execution Complete ===', 'color: #4ec9b0; font-weight: bold');
+      } catch (error) {
+        console.error('Execution Error:', error);
+      }
+    });
 
     // Initial compile
     compileCode();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rip-lang",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "A lightweight scripting language that compiles to modern JavaScript",
   "type": "module",
   "main": "src/compiler.js",