update: Responsive design and bengali variable declaration added.

Author: robinNcode

package.json

@@ -7,7 +7,9 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "generate-parser": "jison src/lib/banglascript.jison --module-type=esm -o src/lib/banglascript_parser.mjs",
+    "server": "ts-node -r dotenv/config backend/server.ts"
   },
   "dependencies": {
     "@codemirror/lang-javascript": "^6.2.4",

src/App.css

@@ -1,8 +1,9 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
+html, body, #root {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  background-color: #111827; /* bg-gray-900 */
 }
 
 .logo {

src/components/Navbar.tsx

@@ -1,10 +1,13 @@
+import { useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import {
   Home,
   BookText,
   Code2,
   MessageSquare,
   Handshake,
+  Menu,
+  X,
 } from 'lucide-react';
 
 // images
@@ -25,17 +28,16 @@ const navItems = [
 
 export default function Navbar() {
   const { pathname } = useLocation();
+  const [isMenuOpen, setIsMenuOpen] = useState(false);
 
   return (
     <nav className="bg-gray-900 text-white px-6 py-3 shadow-md">
       <div className="container mx-auto flex justify-between items-center">
-        <div>
-          <Link to="/" className="flex items-center gap-2">
-            <img src={logo} className="w-8 h-8" alt="logo" />
-            <span className="text-lg font-semibold">BanglaScript</span>
-          </Link>
-        </div>
-        <div className="flex gap-6 text-sm">
+        <Link to="/" className="flex items-center gap-2">
+          <img src={logo} className="w-8 h-8" alt="logo" />
+          <span className="text-lg font-semibold hidden md:block">BanglaScript</span>
+        </Link>
+        <div className="hidden md:flex gap-6 text-sm">
           {navItems.map(({ name, path, icon: Icon, external }) =>
             external ? (
               <a
@@ -62,7 +64,42 @@ export default function Navbar() {
             )
           )}
         </div>
+        <div className="md:hidden">
+          <button onClick={() => setIsMenuOpen(!isMenuOpen)}>
+            {isMenuOpen ? <X className="w-6 h-6" /> : <Menu className="w-6 h-6" />}
+          </button>
+        </div>
       </div>
+      {isMenuOpen && (
+        <div className="md:hidden mt-4">
+          {navItems.map(({ name, path, icon: Icon, external }) =>
+            external ? (
+              <a
+                key={path}
+                href={path}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="flex items-center gap-2 py-2 hover:text-yellow-400 transition"
+              >
+                <Icon className="w-5 h-5" />
+                {name}
+              </a>
+            ) : (
+              <Link
+                key={path}
+                to={path}
+                onClick={() => setIsMenuOpen(false)}
+                className={`flex items-center gap-2 py-2 hover:text-yellow-400 transition ${
+                  pathname === path ? 'text-yellow-400 font-semibold' : ''
+                }`}
+              >
+                <Icon className="w-5 h-5" />
+                {name}
+              </Link>
+            )
+          )}
+        </div>
+      )}
     </nav>
   );
 }

src/lib/banglascript.jison

@@ -36,7 +36,7 @@
 "সত্য"         return 'TRUE'
 "মিথ্যা"       return 'FALSE'
 
-[a-zA-Z0-9_]+(\.[a-zA-Z0-9_]+)* return 'IDENTIFIER'
+[a-zA-Z0-9_\u0980-\u09FF]+(\.[a-zA-Z0-9_\u0980-\u09FF]+)* return 'IDENTIFIER'
 
 "("             return 'LPAREN'
 ")"             return 'RPAREN'

src/lib/banglascript_parser.mjs

@@ -2123,7 +2123,7 @@ var banglascript_parser = (function () {
             break;
         }
       },
-      rules: [/^(?:\s+)/, /^(?:দেখাও)/, /^(?:ধরি)/, /^(?:ধ্রুবক)/, /^(?:চলক)/, /^(?:সংখ্যা)/, /^(?:হাছামিছা)/, /^(?:দড়ি)/, /^(?:বিন্যাস)/, /^(?:সংখ্যা_বিন্যাস)/, /^(?:দড়ি_বিন্যাস)/, /^(?:যদি)/, /^(?:নয়তোযদি)/, /^(?:নয়তো)/, /^(?:কাঠামো)/, /^(?:ফেরত)/, /^(?:জন্য)/, /^(?:যতক্ষণ)/, /^(?:প্রত্যেকেরজন্য)/, /^(?:শ্রেণী)/, /^(?:নির্মাতা)/, /^(?:নতুন)/, /^(?:[0-9]+(\.[0-9]+)?)/, /^(?:"[^\"]*")/, /^(?:সত্য)/, /^(?:মিথ্যা)/, /^(?:[a-zA-Z0-9_]+(\.[a-zA-Z0-9_]+)*)/, /^(?:\()/, /^(?:\))/, /^(?:\{)/, /^(?:\})/, /^(?:\[)/, /^(?:\])/, /^(?:;)/, /^(?:,)/, /^(?:\.)/, /^(?:=)/, /^(?:\+)/, /^(?:-)/, /^(?:\*)/, /^(?:\/)/, /^(?:==)/, /^(?:!=)/, /^(?:<)/, /^(?:>)/, /^(?:<=)/, /^(?:>=)/, /^(?:&&)/, /^(?:\|\|)/, /^(?:!)/, /^(?:$)/],
+      rules: [/^(?:\s+)/, /^(?:দেখাও)/, /^(?:ধরি)/, /^(?:ধ্রুবক)/, /^(?:চলক)/, /^(?:সংখ্যা)/, /^(?:হাছামিছা)/, /^(?:দড়ি)/, /^(?:বিন্যাস)/, /^(?:সংখ্যা_বিন্যাস)/, /^(?:দড়ি_বিন্যাস)/, /^(?:যদি)/, /^(?:নয়তোযদি)/, /^(?:নয়তো)/, /^(?:কাঠামো)/, /^(?:ফেরত)/, /^(?:জন্য)/, /^(?:যতক্ষণ)/, /^(?:প্রত্যেকেরজন্য)/, /^(?:শ্রেণী)/, /^(?:নির্মাতা)/, /^(?:নতুন)/, /^(?:[0-9]+(\.[0-9]+)?)/, /^(?:"[^\"]*")/, /^(?:সত্য)/, /^(?:মিথ্যা)/, /^(?:[a-zA-Z0-9_\u0980-\u09FF]+(\.[a-zA-Z0-9_\u0980-\u09FF]+)*)/, /^(?:\()/, /^(?:\))/, /^(?:\{)/, /^(?:\})/, /^(?:\[)/, /^(?:\])/, /^(?:;)/, /^(?:,)/, /^(?:\.)/, /^(?:=)/, /^(?:\+)/, /^(?:-)/, /^(?:\*)/, /^(?:\/)/, /^(?:==)/, /^(?:!=)/, /^(?:<)/, /^(?:>)/, /^(?:<=)/, /^(?:>=)/, /^(?:&&)/, /^(?:\|\|)/, /^(?:!)/, /^(?:$)/],
       conditions: {
         "INITIAL": {
           "rules": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50],