feat: update capitalization examples and syntax highlighting; enhance localization support for Japanese

Author: otnc

pages/src/pages/[lang]/capitalize.astro

@@ -24,7 +24,9 @@ const { lang } = Astro.params as { lang: Lang };
   <p set:html={t(lang, "cap.basicDesc")} />
   <CodeBlock
     lang="nsjs"
-    code={`const name ^- ^2^3hello^2;\n// ^3h → H,残りはそのまま`}
+    code={lang === "ja"
+      ? `const name ^- ^2^3hello^2;\n// ^3h → H,残りはそのまま`
+      : `const name ^- ^2^3hello^2;\n// ^3h → H, rest stays as-is`}
   />
   <p>{lang === "ja" ? "コンパイル後:" : "Compiles to:"}</p>
   <CodeBlock lang="javascript" code={`const name = "Hello";`} />

pages/src/pages/[lang]/classes.astro

@@ -34,7 +34,7 @@ const { lang } = Astro.params as { lang: Lang };
   ^]
 ^]
 
-const dog ^- new ^3animal^8^2Dog^2^9;
+const dog ^- new ^3animal^8^2^3dog^2^9;
 dog.speak^8^9;`}
   />
   <p>{lang === "ja" ? "コンパイル後:" : "Compiles to:"}</p>
@@ -68,7 +68,7 @@ dog.speak();`}
   ^]
 ^]
 
-const d ^- new ^3dog^8^2Rex^2^9;
+const d ^- new ^3dog^8^2^3rex^2^9;
 d.bark^8^9;`}
   />
   <p>{lang === "ja" ? "コンパイル後:" : "Compiles to:"}</p>
@@ -92,30 +92,36 @@ d.bark();`}
   <p set:html={t(lang, "classes.methodDesc")} />
   <CodeBlock
     lang="nsjs"
-    code={`class ^3counter ^[
-  ^;count ^- 0;
+    code={`class ^3person ^[
+  constructor^8name, age^9 ^[
+    this.name ^- name;
+    this.age ^- age;
+  ^]
 
-  get^3count^8^9 ^[
-    return this.^;count;
+  get^3info^8^9 ^[
+    return ^@^4^[this.name^] ^8^4^[this.age^]^9^@;
   ^]
 
-  set^3count^8value^9 ^[
-    this.^;count ^- value;
+  set^3name^8new^3name^9 ^[
+    this.name ^- new^3name;
   ^]
 ^]`}
   />
   <p>{lang === "ja" ? "コンパイル後:" : "Compiles to:"}</p>
   <CodeBlock
     lang="javascript"
-    code={`class Counter {
-  #count = 0;
+    code={`class Person {
+  constructor(name, age) {
+    this.name = name;
+    this.age = age;
+  }
 
-  getCount() {
-    return this.#count;
+  getInfo() {
+    return \`\${this.name} (\${this.age})\`;
   }
 
-  setCount(value) {
-    this.#count = value;
+  setName(newName) {
+    this.name = newName;
   }
 }`}
   />

pages/src/pages/[lang]/syntax.astro

@@ -93,7 +93,7 @@ const templateExprLabel =
 
   <h2>{t(lang, "syntax.helloTitle")}</h2>
   <p>{t(lang, "syntax.helloInput")}</p>
-  <CodeBlock lang="nsjs" code="console.log^8^2Hello World!^2^9;" />
+  <CodeBlock lang="nsjs" code="console.log^8^2^3hello ^3world^1^2^9;" />
   <p>{t(lang, "syntax.helloOutput")}</p>
   <CodeBlock lang="javascript" code={`console.log("Hello World!");`} />
 </DocsLayout>

pages/src/pages/index.astro

@@ -165,8 +165,8 @@ const lang: Lang = "en";
         <CodeBlock
           lang="nsjs"
           code={`// src/index.nsjs
-const name ^- ^2NoShift.js^2;
-console.log^8^2Hello from ^2 ^; name ^; ^2!^2^9;`}
+const name ^- ^2^3no^3shift.js^2;
+console.log^8^2^3hello from ^2 ^; name ^; ^2^1^2^9;`}
         />
 
         <p id="compiles-to">{t("en", "home.compilesTo")}</p>

vscode-extension/package.json

@@ -2,7 +2,7 @@
   "name": "noshift-vscode",
   "displayName": "NoShift.js",
   "description": "Syntax highlighting + auto-complete for NoShift.js (.nsjs) files",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "publisher": "otoneko1102",
   "engines": {
     "vscode": "^1.70.0"

vscode-extension/syntaxes/noshift.tmLanguage.json

@@ -288,17 +288,29 @@
           "match": "(?:\\b|(?<=\\^\\d))(this|super|arguments)\\b"
         },
         {
+          "comment": "UPPER_SNAKE_CASE constants",
           "name": "variable.other.constant.noshift",
           "match": "(?:\\b|(?<=\\^\\d))[A-Z][A-Z0-9_]{2,}\\b"
         },
         {
-          "comment": "PascalCase: starts with ^3 (= uppercase first letter) or raw [A-Z]",
+          "comment": "^3-capitalized ALL_CAPS constant (e.g. ^3m^3a^3x_^3s^3i^3z^3e)",
+          "name": "variable.other.constant.noshift",
+          "match": "(?:\\b|(?=\\^3))(?:\\^3[a-zA-Z])(?:\\^3[a-zA-Z0-9]|_)*(?![a-zA-Z0-9_$])"
+        },
+        {
+          "comment": "Class/type name after class/extends/new keyword",
+          "name": "entity.name.type.noshift",
+          "match": "(?<=\\b(?:class|extends|new)\\s)((?:\\^3)?[a-zA-Z_$](?:(?:\\^3)?[a-zA-Z0-9_$])*)"
+        },
+        {
+          "comment": "Raw PascalCase identifier (starts with uppercase letter)",
           "name": "entity.name.type.noshift",
-          "match": "(?:\\b|(?<=\\^\\d)|(?=\\^3))(?:\\^3[a-zA-Z](?:(?:\\^3)?[a-zA-Z0-9_$])*|[A-Z][a-zA-Z0-9_$]*)"
+          "match": "(?:\\b|(?<=\\^\\d))[A-Z][a-zA-Z0-9_$]*\\b"
         },
         {
+          "comment": "Regular variable (may contain ^3 for camelCase)",
           "name": "variable.other.noshift",
-          "match": "(?:\\b|(?<=\\^\\d))[a-zA-Z_$](?:(?:\\^3)?[a-zA-Z0-9_$])*"
+          "match": "(?:\\b|(?<=\\^\\d)|(?=\\^3))(?:\\^3)?[a-zA-Z_$](?:(?:\\^3)?[a-zA-Z0-9_$])*"
         }
       ]
     }