Enforce alphabetical ordering of “positive-rank" CV items in docs. Fixes #630.

README.md

@@ -195,7 +195,7 @@ Since version 2.0, Iosevka would no longer support building via `makefile`. To i
 		
 	
 	<!-- END Section-Private-Build-Plan-Sample -->
-																																																	
+																																																			
 	
 3. Run `npm run build -- contents::<your plan name>` and the built fonts would be avaliable in `dist/`. Aside from `contents::<plan>`, other options are:
 
@@ -314,11 +314,6 @@ The current available styles for `design`/`upright`/`italic`/`oblique` options a
   * Styles for `a`:
     * `v-a-doublestorey`, `cv01`: Double-storey `a` (default for Upright).
     * `v-a-singlestorey`, `cv02`: Single-storey `a` (default for Italic).
-  * Styles for `f`:
-    * `v-f-straight`, `cv52`: `f` without bottom hook (default for Sans Upright).
-    * `v-f-tailed`, `cv53`: `f` with a leftward bottom hook (default for Italic).
-    * `v-f-serifed`, `cv84`: `f` with bottom serif (default for Slab Upright).
-    * `v-f-straight-tailed`, `VXAD`: `f` with straight tail.
   * Styles for `b`:
     * `v-b-toothed`, `VXBK`: `b` with bottom-left tooth (default).
     * `v-b-toothless-corner`, `VXBL`: `b` without botton-left tooth, with a corner transition.
@@ -328,6 +323,11 @@ The current available styles for `design`/`upright`/`italic`/`oblique` options a
     * `v-d-toothless-corner`, `VXBO`: `d` without botton-right tooth, with a corner transition.
     * `v-d-toothless-rounded`, `VXBP`: `d` without botton-right tooth, with a rounded transition.
     * `v-d-tailed`, `VXBQ`: `d` with a slightly tail botton-right tail.
+  * Styles for `f`:
+    * `v-f-straight`, `cv52`: `f` without bottom hook (default for Sans Upright).
+    * `v-f-tailed`, `cv53`: `f` with a leftward bottom hook (default for Italic).
+    * `v-f-serifed`, `cv84`: `f` with bottom serif (default for Slab Upright).
+    * `v-f-straight-tailed`, `VXAD`: `f` with straight tail.
   * Styles for `g`:
     * `v-g-doublestorey`, `cv11`: Double-storey `g`.
     * `v-g-singlestorey`, `cv12`: Single-storey `g` (default).

snapshot/index.html

@@ -84,29 +84,6 @@
 						<div class="sample" style="font-feature-settings:'cv02'">a</div>
 				</li>
 			</ol></li>
-			<li>
-				<div class="desc-group char">
-						<div class="sample">f</div>
-					<div class="triangle">▶</div>
-				</div>
-				<ol class="group">
-				<li class="desc-group char">
-					<div class="label tag">cv52</div>
-						<div class="sample" style="font-feature-settings:'cv52'">f</div>
-				</li>
-				<li class="desc-group char">
-					<div class="label tag">cv53</div>
-						<div class="sample" style="font-feature-settings:'cv53'">f</div>
-				</li>
-				<li class="desc-group char">
-					<div class="label tag">cv84</div>
-						<div class="sample" style="font-feature-settings:'cv84'">f</div>
-				</li>
-				<li class="desc-group char">
-					<div class="label tag">VXAD</div>
-						<div class="sample" style="font-feature-settings:'VXAD'">f</div>
-				</li>
-			</ol></li>
 			<li>
 				<div class="desc-group char">
 						<div class="sample">b</div>
@@ -149,6 +126,29 @@
 						<div class="sample" style="font-feature-settings:'VXBQ'">d</div>
 				</li>
 			</ol></li>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">f</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv52</div>
+						<div class="sample" style="font-feature-settings:'cv52'">f</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">cv53</div>
+						<div class="sample" style="font-feature-settings:'cv53'">f</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">cv84</div>
+						<div class="sample" style="font-feature-settings:'cv84'">f</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">VXAD</div>
+						<div class="sample" style="font-feature-settings:'VXAD'">f</div>
+				</li>
+			</ol></li>
 			<li>
 				<div class="desc-group char">
 						<div class="sample">g</div>

utility/export-data/parse-variants-data.js

@@ -54,7 +54,7 @@ function getCvData(variants) {
 		});
 		gr.rank = rankOf(gr.descSampleText[0][0]);
 	}
-	return [...samplerGroups.values()].sort((a, b) => b.rank - a.rank);
+	return [...samplerGroups.values()].sort(compareSamplerGr);
 }
 
 function rankOf(initialChar) {
@@ -63,6 +63,14 @@ function rankOf(initialChar) {
 	if ("0" <= initialChar && initialChar <= "9") return 1;
 	return 0;
 }
+function compareSamplerGr(a, b) {
+	if (b.rank !== a.rank) return b.rank - a.rank;
+	if (a.rank) {
+		if (a.descSampleText[0][0] < b.descSampleText[0][0]) return -1;
+		if (a.descSampleText[0][0] > b.descSampleText[0][0]) return +1;
+	}
+	return 0;
+}
 
 function getSsData(variants, cvData) {
 	const result = [