feat: update the generative grammars

Author: aradzie

packages/keybr-code/lib/syntax/lang_cpp.g

@@ -16,7 +16,7 @@ start_stmt ->
 
 c_func -> c_func_proto " " c_func_body ;
 
-c_func_proto -> c_type " " c_func_id "(" c_param_list ")";
+c_func_proto -> c_type " " c_func_id "(" c_param_list ")" ;
 
 c_type -> ( "char" | "int" | "long" | "short" | "void" ) [ "*" [ "*" ] ] ;
 
@@ -52,6 +52,8 @@ c_binary_exp -> "(" c_unary_exp ")"
   | " / " c_var_id
   | " | " c_var_id
   | " & " c_var_id
+  | " << " c_var_id
+  | " >> " c_var_id
   | " == " c_var_id
   | " != " c_var_id
   | " >= " c_var_id

packages/keybr-code/lib/syntax/lang_cpp.ts

@@ -362,6 +362,22 @@ export default {
               },
             ],
           },
+          {
+            seq: [
+              " << ",
+              {
+                ref: "c_var_id",
+              },
+            ],
+          },
+          {
+            seq: [
+              " >> ",
+              {
+                ref: "c_var_id",
+              },
+            ],
+          },
           {
             seq: [
               " == ",

packages/keybr-code/lib/syntax/lang_html_css.g

@@ -51,18 +51,14 @@ css_property -> css_property_name ": " css_property_value ;
 css_property_name ->
     "color"
   | "box-sizing"
-  | "width"
-  | "min-width"
-  | "max-width"
-  | "inline-size"
-  | "min-inline-size"
-  | "max-inline-size"
-  | "height"
-  | "min-height"
-  | "max-height"
-  | "block-size"
-  | "min-block-size"
-  | "max-block-size"
+  | [ ( "min" | "max" ) "-" ] ( "width" | "height" )
+  | [ ( "min" | "max" ) "-" ] ( "inline" | "block" ) "-" "size"
+  | "left"
+  | "right"
+  | "top"
+  | "bottom"
+  | "inset" [ "-" ( "inline" | "block" ) [ "-" ( "start" | "end" ) ] ]
+  | "flex" [ "-" ( "direction" | "grow" | "shrink" | "basis" | "flow" | "wrap" ) ]
   ;
 
 css_property_value ->
@@ -107,4 +103,12 @@ css_class_id ->
   | "footer"
   | "aside"
   | "article"
+  | ( "row" | "col" ) "-" ( "sm" | "md" | "lg" )
+  | ( "bg" | "color" ) "-" css_named_color
+  ;
+
+css_named_color ->
+    "black"
+  | "gray"
+  | "white"
   ;

packages/keybr-code/lib/syntax/lang_html_css.ts

@@ -222,18 +222,90 @@ export default {
     alt: [
       "color",
       "box-sizing",
-      "width",
-      "min-width",
-      "max-width",
-      "inline-size",
-      "min-inline-size",
-      "max-inline-size",
-      "height",
-      "min-height",
-      "max-height",
-      "block-size",
-      "min-block-size",
-      "max-block-size",
+      {
+        seq: [
+          {
+            f: 0.5,
+            opt: {
+              seq: [
+                {
+                  alt: ["min", "max"],
+                },
+                "-",
+              ],
+            },
+          },
+          {
+            alt: ["width", "height"],
+          },
+        ],
+      },
+      {
+        seq: [
+          {
+            f: 0.5,
+            opt: {
+              seq: [
+                {
+                  alt: ["min", "max"],
+                },
+                "-",
+              ],
+            },
+          },
+          {
+            alt: ["inline", "block"],
+          },
+          "-size",
+        ],
+      },
+      "left",
+      "right",
+      "top",
+      "bottom",
+      {
+        seq: [
+          "inset",
+          {
+            f: 0.5,
+            opt: {
+              seq: [
+                "-",
+                {
+                  alt: ["inline", "block"],
+                },
+                {
+                  f: 0.5,
+                  opt: {
+                    seq: [
+                      "-",
+                      {
+                        alt: ["start", "end"],
+                      },
+                    ],
+                  },
+                },
+              ],
+            },
+          },
+        ],
+      },
+      {
+        seq: [
+          "flex",
+          {
+            f: 0.5,
+            opt: {
+              seq: [
+                "-",
+                {
+                  alt: ["direction", "grow", "shrink", "basis", "flow", "wrap"],
+                },
+              ],
+            },
+          },
+        ],
+      },
     ],
   },
   css_property_value: {
@@ -288,6 +360,38 @@ export default {
     alt: ["#aaa", "#bbb", "#ccc", "#ddd", "#eee", "#fff"],
   },
   css_class_id: {
-    alt: ["main", "nav", "header", "footer", "aside", "article"],
+    alt: [
+      "main",
+      "nav",
+      "header",
+      "footer",
+      "aside",
+      "article",
+      {
+        seq: [
+          {
+            alt: ["row", "col"],
+          },
+          "-",
+          {
+            alt: ["sm", "md", "lg"],
+          },
+        ],
+      },
+      {
+        seq: [
+          {
+            alt: ["bg", "color"],
+          },
+          "-",
+          {
+            ref: "css_named_color",
+          },
+        ],
+      },
+    ],
+  },
+  css_named_color: {
+    alt: ["black", "gray", "white"],
   },
 } as Rules;