🚀 Deploy v2.4.1

* Fix eslint error

* Add repository to package.json

* Remove unused dependencies

* Update dev eslint deps

.all-contributorsrc

@@ -48,6 +48,24 @@
         "doc",
         "design"
       ]
+    },
+    {
+      "login": "CandySunPlus",
+      "name": "NikSun",
+      "avatar_url": "https://avatars0.githubusercontent.com/u/502700?v=4",
+      "profile": "https://github.com/CandySunPlus",
+      "contributions": [
+        "design"
+      ]
+    },
+    {
+      "login": "Jakob6174",
+      "name": "Jakob Pearson",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/40262817?v=4",
+      "profile": "https://github.com/Jakob6174",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7

.eslintrc.js

@@ -1,17 +1,14 @@
 module.exports = {
   env: {
     es6: true,
-    node: true
+    node: true,
   },
-  extends: 'eslint:recommended',
+  extends: ['eslint:recommended', 'prettier'],
   parserOptions: {
-    sourceType: 'module'
+    sourceType: 'module',
   },
   rules: {
-    indent: ['error', 2],
     'linebreak-style': ['error', 'unix'],
-    quotes: ['error', 'single'],
-    semi: ['error', 'always'],
-    'no-console': 'off'
-  }
-};
+    'no-console': 'off',
+  },
+}

.gitbook.yml

@@ -0,0 +1 @@
+root: ./docs

.github/ISSUE_TEMPLATE/new_ligature.md

@@ -0,0 +1,47 @@
+---
+name: New ligature
+about: Use this template for requesting new ligatures. 
+title: "Create `[LIGATURE NAME]` ligature"
+labels: enhancement
+---
+
+<!-- Please only request a single ligature per issue, unless you would like something which has both symmetrical pairs (e.g. {{ and }}) -->
+
+## Request preferences
+
+* Weight requested: _State which weight you would like, and whether it is for SSm or not._
+
+
+## Ligature description
+
+_Please descirbe the ligature here as best you can. Feel free to use images/screenshots to help us get ideas of how to implement it._
+
+---
+
+### Ligature variations 
+
+Due to how development is handled, not all ligatures are created at the same time. However, we will get to them all eventually. If you would like to help us develop ligatures, please reach out to us via email at kiliman@gmail.com
+
+#### Operator Mono
+
+- [ ] XLight
+- [ ] XLight Italic
+- [ ] Light
+- [ ] Light Italic
+- [ ] Book
+- [ ] Book Italic
+- [ ] Medium
+- [ ] Medium Italic
+- [ ] Bold
+- [ ] Bold Italic
+
+#### Operator Mono SSm
+
+- [ ] SSm Light
+- [ ] SSm Light Italic
+- [ ] SSm Book
+- [ ] SSm Book Italic
+- [ ] SSm Medium
+- [ ] SSm Medium Italic
+- [ ] SSm Bold
+- [ ] SSm Bold Italic

.gitignore

@@ -1,4 +1,5 @@
 build
 node_modules
-.vscode/launch.json
+.idea
+.vscode
 .DS_Store

.prettierrc

@@ -1,4 +1,6 @@
 {
-  "semi": true,
-  "singleQuote": true
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "avoid"
 }

README.md

@@ -1,6 +1,6 @@
 # Operator Mono Ligatures
 
-[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-6-orange.svg?style=flat-square)](#contributors-)
 
 <img src="./images/operator-mono-lig.png" />
 
@@ -20,6 +20,8 @@ characters properly.
 
 <img src="./images/caret-position.gif" />
 
+## 👀 <a href="https://htmlpreview.github.io/?https://github.com/kiliman/operator-mono-lig/blob/master/images/preview/normal/index.html">Click here to see preview images of all ligatures</a>
+
 With the awesome help from [Mark Skelton](https://github.com/mskelton), we now have the full set of ligatures for
 the following fonts. Thanks Mark, and thanks to all of you who have been patiently waiting for these ligatures to be completed.
 
@@ -94,7 +96,7 @@ If you use Docker, you can also use the executable Docker image [here](https://g
    docker-compose run --rm operator-mono-lig
    ```
 
-The image will build and execute the conversion. The new font files will be generated into the `output` folder.
+The image will build and execute the conversion. The new font files will be generated into the `build` folder.
 
 ## Configure Your Code Editor
 
@@ -156,6 +158,8 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://github.com/mskelton"><img src="https://avatars3.githubusercontent.com/u/25914066?v=4" width="100px;" alt="Mark Skelton"/><br /><sub><b>Mark Skelton</b></sub></a><br /><a href="#design-mskelton" title="Design">🎨</a></td>
     <td align="center"><a href="https://github.com/drod3763"><img src="https://avatars2.githubusercontent.com/u/7785716?v=4" width="100px;" alt="Derick Rodriguez"/><br /><sub><b>Derick Rodriguez</b></sub></a><br /><a href="https://github.com/kiliman/operator-mono-lig/commits?author=drod3763" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/amitkparekh"><img src="https://avatars3.githubusercontent.com/u/7276308?v=4" width="100px;" alt="Amit Parekh"/><br /><sub><b>Amit Parekh</b></sub></a><br /><a href="https://github.com/kiliman/operator-mono-lig/commits?author=amitkparekh" title="Documentation">📖</a> <a href="#design-amitkparekh" title="Design">🎨</a></td>
+    <td align="center"><a href="https://github.com/CandySunPlus"><img src="https://avatars0.githubusercontent.com/u/502700?v=4" width="100px;" alt="NikSun"/><br /><sub><b>NikSun</b></sub></a><br /><a href="#design-CandySunPlus" title="Design">🎨</a></td>
+    <td align="center"><a href="https://github.com/Jakob6174"><img src="https://avatars3.githubusercontent.com/u/40262817?v=4" width="100px;" alt="Jakob Pearson"/><br /><sub><b>Jakob Pearson</b></sub></a><br /><a href="https://github.com/kiliman/operator-mono-lig/commits?author=Jakob6174" title="Code">💻</a></td>
   </tr>
 </table>
 

build.bat

@@ -3,19 +3,25 @@ setlocal
 
 if not exist .\build\* mkdir build
 
+set flags=
+if "%1"=="--italics-hack-off" (
+	set flags=%1
+	shift
+)
 rem only build passed in font
-if not "%1%"=="" (
-	call :build_font %1
+if not "%1"=="" (
+	call :build_font %1 %flags%
 	exit /b
 )
 
 rem build all fonts
-for /d %%d in (.\ligature\*) do call :build_font %%~nd
+for /d %%d in (.\ligature\*) do call :build_font %%~nd %flags%
 exit /b
 
 
 :build_font
 set lig=%1
+set flags=%2
 set otf=%lig:Lig-=-%
 
 if not exist .\original\%otf%.otf exit /b
@@ -23,6 +29,8 @@ if not exist .\ligature\%lig%\glyphs\* exit /b
 
 @echo Building %lig%
 ttx -f .\original\%otf%.otf
-node index.js %otf%
+node index.js %otf% %flags%
 ttx -f .\build\%lig%.ttx
+fonttools feaLib -v -o ".\build\%lig%.otf" .\features\default.fea ".\build\%lig%.otf"
+
 exit /b

build.sh

@@ -4,6 +4,7 @@ mkdir -p build
 
 build_font() {
     lig="$1"
+    flags="$2"
     otf=${lig/Lig-/-}
 
     if [ ! -e "./original/$otf.otf" ]
@@ -15,19 +16,28 @@ build_font() {
         return
     fi
 
-    echo Building $1
+    echo Building "$1"
     ttx -f "./original/$otf.otf"
-    node index.js $otf
-    ttx -f ./build/$1.ttx
+    node index.js "$otf" "$flags"
+
+    ttx -f "./build/$1.ttx"
+
+    fonttools feaLib -v -o "./build/$1.otf" ./features/default.fea "./build/$1.otf"
 }
 
+flags=
+if [ "$1" = "--italics-hack-off" ]
+then
+    flags=$1
+    shift
+fi
 if [ -n "$1" ]
 then
     # build specified font
-    build_font $1
+    build_font "$1" "$flags"
 else
     # build all available fonts
     for d in ./ligature/*/ ; do
-        build_font $(basename $d)
+        build_font "$(basename "$d")" "$flags"
     done
 fi

calt.js

@@ -0,0 +1,65 @@
+const fs = require('fs')
+
+const rules = [
+  '',
+  `
+lookup 1 {
+  sub 1 by glyph;
+} 1;`,
+  `
+lookup 1_2 {
+  ignore sub 1 1' 2;
+  ignore sub 1' 2 2;
+  sub 1.spacer 2' by glyph;
+  sub 1'       2  by 1.spacer;
+} 1_2;`,
+  `
+lookup 1_2_3 {
+  ignore sub 1 1' 2 3;
+  ignore sub 1' 2 3 3;
+  sub 1.spacer 2.spacer 3' by glyph;
+  sub 1.spacer 2'       3  by 2.spacer;
+  sub 1'       2        3  by 1.spacer;
+} 1_2_3;`,
+  `
+lookup 1_2_3_4 {
+  ignore sub 1 1' 2 3 4;
+  ignore sub 1' 2 3 4 4;
+  sub 1.spacer 2.spacer 3.spacer 4' by glyph;
+  sub 1.spacer 2.spacer 3'       4  by 3.spacer;
+  sub 1.spacer 2'       3        4  by 2.spacer;
+  sub 1'       2        3        4  by 1.spacer;
+} 1_2_3_4;`,
+]
+
+const gencalt = ligatures => {
+  let calt = 'feature calt {\n'
+  const ligs = {}
+
+  ligatures
+    .filter(l => !!l.name.match(/\.liga$/) || l.name !== l.glyph)
+    .map(l => l.glyph)
+    .sort((a, b) => {
+      const length = b.split('_').length - a.split('_').length
+      if (length !== 0) return length
+      return a < b ? -1 : 1
+    })
+    .forEach(g => {
+      g.split('.')
+        .slice(0, 1)
+        .forEach(l => {
+          if (ligs[l]) return
+          ligs[l] = true
+          const c = l.split('_')
+          let rule = rules[c.length]
+          rule = rule
+            .replace(/\d/g, m => c[parseInt(m) - 1])
+            .replace(/glyph/g, g)
+          calt += rule + '\n'
+        })
+    })
+
+  return calt + '\n} calt;\n'
+}
+
+exports.gencalt = gencalt

docs/README.md

@@ -0,0 +1,4 @@
+# Introduction
+
+Testing
+

docs/SUMMARY.md

@@ -0,0 +1,19 @@
+# Table of contents
+
+* [Introduction](README.md)
+* [Installation instructions](installation-instructions.md)
+* [Changelog](changelog.md)
+
+## Developing ligatures
+
+* [Setting up your development environment](developing-ligatures/setting-up-your-development-environment.md)
+* [Designing your first ligature](developing-ligatures/designing-your-first-ligature.md)
+* [Committing your Glyphs file](developing-ligatures/committing-your-glyphs-file.md)
+* [Ensuring ligatures work at small sizes](developing-ligatures/ensuring-ligatures-work-at-small-sizes.md)
+
+## Ligature Recipes
+
+* [www](ligature-recipes/www.md)
+* [Double-braces](ligature-recipes/double-braces/README.md)
+  * [Roman variant](ligature-recipes/double-braces/roman-variant.md)
+

docs/changelog.md

@@ -0,0 +1,26 @@
+---
+description: See what has changed each release.
+---
+
+# Changelog
+
+### 
+
+## 15.0.0 - 2042-12-0
+
+### Fixed
+
+* Removed humans, they weren't doing fine with animals.
+
+### Changed
+
+* Animals are now super cute, all of them.
+
+## 14.0.0 - 2042-10-06
+
+### Added
+
+* Introduced animals into the world, we believe they're going to be a neat addition.
+
+
+

docs/developing-ligatures/committing-your-glyphs-file.md

@@ -0,0 +1,21 @@
+# Committing your Glyphs file
+
+The Glyphs file is very difficult to merge, so standard tools like `git rebase` don't work well. I have created some tools that will allow you to update your existing Glyphs file on top of the current.
+
+{% hint style="warning" %}
+Make sure you have created a separate branch for your changes and you've committed all your changes to the branch. 
+{% endhint %}
+
+1. When you're ready to issue a PR for your changes, you need to run the `./tools/glyphysrebase.sh` tool.
+2. You can now create your PR, or continue making changes and running the rebase tool periodically to keep up-to-date with master.
+
+## How the tool works
+
+1. Checks out a clean copy of `master` in a temporary folder.
+2. Copies your current working copy to a backup folder.
+3. Copies the master copy into your working copy \(basically resetting everything back before your changes\).
+4. Runs the `./tools/copyallglyphs.sh` script to copy ligatures from your backup folder to the current master in your working copy.
+5. At this point, you now have a glyphs file that includes your custom ligatures on top of the current master.
+6. The "rebased" files are then committed.
+7. You can now issue a PR. This should easily merge into master.
+

docs/developing-ligatures/designing-your-first-ligature.md

@@ -0,0 +1,23 @@
+# Designing your first ligature
+
+## Getting Super Powers
+
+Becoming a super hero is a fairly straight forward process:
+
+```
+$ give me super-powers
+```
+
+{% hint style="info" %}
+ Super-powers are granted randomly so please submit an issue if you're not happy with yours.
+{% endhint %}
+
+Once you're strong enough, save the world:
+
+```
+// Ain't no code for that yet, sorry
+echo 'You got to trust me on this, I saved the world'
+```
+
+
+

docs/developing-ligatures/ensuring-ligatures-work-at-small-sizes.md

@@ -0,0 +1,6 @@
+# Ensuring ligatures work at small sizes
+
+After creating each ligature, you going to need to make sure it works at very small sizes. Ensure the brace works at very small sizes by looking at it when its very small, by dragging up from the bottom of the editor. This need to be done because as [ScreenSmart fonts are guaranteed to work at a minimum of 9px](https://www.typography.com/fonts/operator/how-to-use#setting_text_and_headlines):
+
+![](../.gitbook/assets/image%20%288%29.png)
+

docs/developing-ligatures/setting-up-your-development-environment.md

@@ -0,0 +1,27 @@
+---
+description: Things you will need to create additional ligatures.
+---
+
+# Setting up your development environment
+
+## Getting Super Powers
+
+Becoming a super hero is a fairly straight forward process:
+
+```
+$ give me super-powers
+```
+
+{% hint style="info" %}
+ Super-powers are granted randomly so please submit an issue if you're not happy with yours.
+{% endhint %}
+
+Once you're strong enough, save the world:
+
+```
+// Ain't no code for that yet, sorry
+echo 'You got to trust me on this, I saved the world'
+```
+
+
+

docs/installation-instructions.md

@@ -0,0 +1,6 @@
+---
+description: How to install the ligatures
+---
+
+# Installation instructions
+

docs/ligature-recipes/double-braces/README.md

@@ -0,0 +1,43 @@
+---
+description: Recipe for the double-brace ligature
+---
+
+# Double-braces
+
+## Creating the ligature \(Roman\)
+
+1. 
+![Settings for the middle guide for the Roman ligature](../../.gitbook/assets/image%20%281%29.png)
+
+For whichever brace is the "inner-brace", change the dimensions as so, changing only the size \(the `%` in the middle column\) and the rotation \(the right most setting\):
+
+![Settings for the dimensions of the inner-brace](../../.gitbook/assets/image%20%283%29.png)
+
+Move the left-most brace to the left and the right-most brace to the left so the top/bottom parts cross the middle guide and the numbers are like so:
+
+![](../../.gitbook/assets/image%20%287%29.png)
+
+Create a new guide  and move the guide so it intersects the pointy inner-corner of the larger brace
+
+![](../../.gitbook/assets/image%20%286%29.png)
+
+Move the smaller brace vertically \(up/down\) so the two pointy inner-corner bits cross like so:
+
+![](../../.gitbook/assets/image.png)
+
+## Creating the italic ligature
+
+Repeat all the steps as above ligature above **BUT set the middle guide** **to**:
+
+![Middle-guide settings for the italic ligature](../../.gitbook/assets/image%20%289%29.png)
+
+## Final ligatures
+
+![\`{{\` roman ligature](../../.gitbook/assets/image%20%284%29.png)
+
+![\`}}\` roman ligature](../../.gitbook/assets/image%20%282%29.png)
+
+![\`{{\` italic ligature](../../.gitbook/assets/image%20%2810%29.png)
+
+![\`}}\` italic ligature](../../.gitbook/assets/image%20%285%29.png)
+

docs/ligature-recipes/double-braces/roman-variant.md

@@ -0,0 +1,14 @@
+---
+description: How to create the Roman variant of the double-brace ligature
+---
+
+# Roman variant
+
+{% hint style="info" %}
+
+{% endhint %}
+
+1. Add the `braceleft` component twice, or `braceright` component twice.
+2. Create a guide \(Right-click -> Add Guide\)
+3. Set the settings on the guide as so:
+

docs/ligature-recipes/www.md

@@ -0,0 +1,2 @@
+# www
+

features/.gitignore

@@ -0,0 +1 @@
+calt.fea

features/default.fea

@@ -0,0 +1,212 @@
+languagesystem DFLT dflt;
+languagesystem latn dflt;
+
+lookup lookup_0 {
+sub zero by zero.num;
+sub one by one.num;
+sub two by two.num;
+sub three by three.num;
+sub four by four.num;
+sub five by five.num;
+sub six by six.num;
+sub seven by seven.num;
+sub eight by eight.num;
+sub nine by nine.num;
+sub slash by fraction;
+sub fraction by fraction.afrc;
+} lookup_0;
+
+lookup lookup_1 {
+sub zero by zero.den;
+sub one by one.den;
+sub two by two.den;
+sub three by three.den;
+sub four by four.den;
+sub five by five.den;
+sub six by six.den;
+sub seven by seven.den;
+sub eight by eight.den;
+sub nine by nine.den;
+sub slash by fraction;
+} lookup_1;
+
+lookup lookup_2 {
+sub L periodcentered by Ldot;
+sub l periodcentered by ldot;
+} lookup_2;
+
+
+feature case {
+sub guillemotleft by guillemotleft.cap;
+sub guillemotright by guillemotright.cap;
+sub guilsinglleft by guilsinglleft.cap;
+sub guilsinglright by guilsinglright.cap;
+sub parenleft by parenleft.cap;
+sub parenright by parenright.cap;
+sub bracketleft by bracketleft.cap;
+sub bracketright by bracketright.cap;
+sub braceleft by braceleft.cap;
+sub braceright by braceright.cap;
+} case;
+
+feature dnom {
+sub zero by zero.den;
+sub one by one.den;
+sub two by two.den;
+sub three by three.den;
+sub four by four.den;
+sub five by five.den;
+sub six by six.den;
+sub seven by seven.den;
+sub eight by eight.den;
+sub nine by nine.den;
+} dnom;
+
+feature frac {
+lookup frac0 {
+	sub [zero one two three four five six seven eight nine] slash' lookup lookup_0 [zero one two three four five six seven eight nine] ;
+} frac0;
+lookup frac1 {
+	ignore sub [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] fraction' ;
+	ignore sub fraction' [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] ;
+	sub [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] fraction' lookup lookup_0 [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] ;
+} frac1;
+lookup frac2 {
+	sub [zero one two three four five six seven eight nine]' lookup lookup_0 fraction.afrc ;
+	sub fraction.afrc [zero one two three four five six seven eight nine]' lookup lookup_1 ;
+} frac2;
+lookup frac3 {
+	sub one.num fraction.afrc two.den by onehalf;
+	sub one.num fraction.afrc three.den by onethird;
+	sub one.num fraction.afrc four.den by onequarter;
+	sub one.num fraction.afrc five.den by onefifth;
+	sub one.num fraction.afrc six.den by onesixth;
+	sub one.num fraction.afrc eight.den by oneeighth;
+	sub two.num fraction.afrc three.den by twothirds;
+	sub two.num fraction.afrc five.den by twofifths;
+	sub three.num fraction.afrc four.den by threequarters;
+	sub three.num fraction.afrc five.den by threefifths;
+	sub three.num fraction.afrc eight.den by threeeighths;
+	sub four.num fraction.afrc five.den by fourfifths;
+	sub five.num fraction.afrc six.den by fivesixths;
+	sub five.num fraction.afrc eight.den by fiveeighths;
+	sub seven.num fraction.afrc eight.den by seveneighths;
+} frac3;
+} frac;
+
+feature locl {
+script latn;
+language CAT ;
+sub l' lookup lookup_2 periodcentered' lookup lookup_2 l ;
+sub L' lookup lookup_2 periodcentered' lookup lookup_2 L ;
+} locl;
+
+feature numr {
+sub zero by zero.num;
+sub one by one.num;
+sub two by two.num;
+sub three by three.num;
+sub four by four.num;
+sub five by five.num;
+sub six by six.num;
+sub seven by seven.num;
+sub eight by eight.num;
+sub nine by nine.num;
+} numr;
+
+feature rupa {
+sub R p by R_p;
+} rupa;
+
+feature ss01 {
+sub registered by registered.alt;
+} ss01;
+
+feature salt {
+lookup salt0 {
+	sub registered by registered.alt;
+} salt0;
+lookup salt1 {
+	sub colon by colon.alt;
+} salt1;
+lookup salt2 {
+	sub bullet by bullet.alt;
+} salt2;
+lookup salt3 {
+	sub asterisk by asterisk.alt;
+} salt3;
+lookup salt4 {
+	sub zero by zero.alt;
+} salt4;
+lookup salt5 {
+	sub underscore by underscore.alt;
+} salt5;
+lookup salt6 {
+	sub [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] slash' lookup lookup_1 [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] ;
+} salt6;
+} salt;
+
+feature sinf {
+sub zero by zero.inf;
+sub one by one.inf;
+sub two by two.inf;
+sub three by three.inf;
+sub four by four.inf;
+sub five by five.inf;
+sub six by six.inf;
+sub seven by seven.inf;
+sub eight by eight.inf;
+sub nine by nine.inf;
+} sinf;
+
+feature ss03 {
+sub colon by colon.alt;
+} ss03;
+
+feature ss04 {
+sub bullet by bullet.alt;
+} ss04;
+
+feature ss05 {
+sub asterisk by asterisk.alt;
+} ss05;
+
+feature ss07 {
+sub zero by zero.alt;
+} ss07;
+
+feature ss08 {
+sub underscore by underscore.alt;
+} ss08;
+
+feature ss09 {
+sub [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] slash' lookup lookup_1 [zero one two three four five six seven eight nine zero.num one.num two.num three.num four.num five.num six.num seven.num eight.num nine.num zero.den one.den two.den three.den four.den five.den six.den seven.den eight.den nine.den] ;
+} ss09;
+
+feature subs {
+sub zero by zero.inf;
+sub one by one.inf;
+sub two by two.inf;
+sub three by three.inf;
+sub four by four.inf;
+sub five by five.inf;
+sub six by six.inf;
+sub seven by seven.inf;
+sub eight by eight.inf;
+sub nine by nine.inf;
+} subs;
+
+feature subs {
+sub zero by zero.sup;
+sub one by one.sup;
+sub two by two.sup;
+sub three by three.sup;
+sub four by four.sup;
+sub five by five.sup;
+sub six by six.sup;
+sub seven by seven.sup;
+sub eight by eight.sup;
+sub nine by nine.sup;
+} subs;
+
+include(calt.fea);

genpreview.js

@@ -0,0 +1,85 @@
+const fs = require('fs')
+const { createCanvas } = require('canvas')
+
+const width = 64
+const height = 48
+const weight = 300
+
+const map = {
+  ampersand: '&',
+  bar: '|',
+  colon: ':',
+  equal: '=',
+  exclam: '!',
+  greater: '>',
+  hyphen: '-',
+  less: '<',
+  plus: '+',
+  question: '?',
+  slash: '/',
+  underscore: '_',
+  w: 'w',
+}
+
+function generateLigaturePreview(style, filename) {
+  const ligature = filename.split('.').slice(0, 1)[0]
+  const chars = ligature.split('_')
+
+  const text = chars.reduce((t, c) => t + map[c], '')
+
+  const canvas = createCanvas(width, height)
+  const context = canvas.getContext('2d')
+
+  context.fillStyle = '#000'
+  context.fillRect(0, 0, width, height)
+
+  context.font = `${weight} ${style} 18pt "Operator Mono SSm Lig"`
+  context.textAlign = 'center'
+  context.fillStyle = '#fff'
+  context.text = text
+  context.fillText(text, 32, 32)
+
+  const buffer = canvas.toBuffer('image/png')
+  console.log(ligature)
+  fs.writeFileSync(`./images/preview/${style}/${ligature}.png`, buffer)
+
+  return { text, ligature, filename: `${ligature}.png` }
+}
+
+function generate(style, filenames) {
+  let html = `<html><head>
+  <style>
+    body { background-color: #000; color: #fff; font-family: sans-serif; margin: 16px;}
+    a { color: #fff; text-decoration: none; padding: 4px;}
+    a.active {color: #000; background-color: #fff;}
+    .container { display: grid;  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
+    .ligature { display: flex; flex-direction: column; align-items: center; margin: 8px; }
+  </style>
+  </head>
+  <body>
+    <h1>Operator Mono Ligatures</h1>
+    <a href="https://htmlpreview.github.io/?https://github.com/kiliman/operator-mono-lig/blob/master/images/preview/normal/index.html" class="${
+      style === 'normal' ? 'active' : ''
+    }">Normal</a> |
+    <a href="https://htmlpreview.github.io/?https://github.com/kiliman/operator-mono-lig/blob/master/images/preview/italic/index.html" class="${
+      style === 'italic' ? 'active' : ''
+    }">Italic</a>
+    <div class="container">
+  `
+
+  filenames.forEach(f => {
+    const { ligature, filename } = generateLigaturePreview(style, f)
+    html += `<div class="ligature"><img src="${filename}"/><div>${ligature}</div></div>`
+  })
+
+  html += `</div></body></html>`
+
+  fs.writeFileSync(`./images/preview/${style}/index.html`, html)
+}
+
+const filenames = fs
+  .readdirSync('./ligature/OperatorMonoSSmLig-Book/glyphs')
+  .filter(f => !!f.match(/[^\d]\.liga\.xml$/))
+
+generate('normal', filenames)
+generate('italic', filenames)

genspacers.js

@@ -0,0 +1,36 @@
+const fs = require('fs');
+const lig = `<Glyph name="LIG" lsb="0" width="625">
+<CharString>
+    endchar
+</CharString>
+<Subrs/>
+<GlobalSubrs/>
+</Glyph>`;
+
+fs.readdirSync('./ligature')
+  .filter((f) => !!f.match(/^OperatorMono/))
+  .forEach((f) => {
+    console.log(f);
+    fs.readdirSync(`./ligature/${f}/glyphs`)
+      .filter((g) => !!g.match(/\.liga\.xml$/))
+      .forEach((g) => {
+        console.log(g);
+        g.split('.')
+          .slice(0, 1)
+          .forEach((l) => {
+            l.split('_').forEach((c) => {
+              const path = `./ligature/${f}/glyphs/${c}.spacer.xml`;
+              const exists = fs.existsSync(path);
+              console.log(path, exists);
+              if (exists) return;
+
+              const width = !!f.match(/SSm/) ? 625 : 600;
+              const spacer = lig
+                .replace('LIG', `${c}.spacer`)
+                .replace('625', width);
+              console.log(f, c, width);
+              fs.writeFileSync(path, spacer);
+            });
+          });
+      });
+  });

gsub.js

@@ -1,288 +0,0 @@
-const xpath = require('xpath');
-const NodeType = {};
-NodeType.TEXT_NODE = 3;
-
-let dom;
-let gsubDom;
-let scriptListDom;
-let featureListDom;
-let lookupListDom;
-let featureDom;
-let lookupIndex = 0;
-let chainIndex = 0;
-const substLookupMap = {};
-
-const buildGsubTables = (_dom, ligature) => {
-  dom = _dom;
-
-  if (/_/.test(ligature.glyph) === false) {
-    // not a ligature, so see if glyph exists in font (as substitute)
-    const glyphNode = xpath.select(
-      `ttFont/GlyphOrder/GlyphID[@name="${ligature.name}"]`,
-      dom,
-      true
-    );
-    if (!glyphNode) {
-      return;
-    }
-  }
-
-  const glyphs = ligature.name.replace(/\.liga$/, '').split('_');
-  const isSingleGlyph = glyphs.length == 1;
-
-  gsubDom = xpath.select('ttFont/GSUB', dom, true);
-
-  // look for 'calt' feature
-  featureListDom = xpath.select('FeatureList', gsubDom, true);
-
-  let featureRecord;
-  const featureTag = xpath.select(
-    'FeatureRecord/FeatureTag[@value="calt"]',
-    featureListDom,
-    true
-  );
-  if (!featureTag) {
-    const featureListCount = xpath.select(
-      'count(FeatureRecord)',
-      featureListDom,
-      true
-    );
-    featureRecord = createElementWithAttributes('FeatureRecord', {
-      index: featureListCount
-    });
-    featureRecord.appendChild(
-      createElementWithAttributes('FeatureTag', { value: 'calt' })
-    );
-    featureRecord.appendChild(dom.createElement('Feature'));
-    featureListDom.appendChild(featureRecord);
-  } else {
-    featureRecord = featureTag.parentNode;
-  }
-  featureDom = xpath.select('Feature', featureRecord, true);
-
-  const featureIndex = featureRecord.getAttribute('index');
-
-  // add feature to scriptlist for DFLT and latn if not present
-  addFeatureToScriptList('DFLT', featureIndex);
-  addFeatureToScriptList('latn', featureIndex);
-
-  lookupListDom = xpath.select('LookupList', gsubDom, true);
-  lookupIndex = xpath.select('count(Lookup)', lookupListDom, true);
-
-  const lookupDom = createElementWithAttributes('Lookup', {
-    index: lookupIndex++
-  });
-  appendChildren(
-    lookupDom,
-    createElementWithAttributes('LookupType', { value: isSingleGlyph ? 1 : 6 }),
-    createElementWithAttributes('LookupFlag', { value: 0 })
-  );
-
-  // add contextual lookup to feature
-  const featureLookupCount = xpath.select(
-    'count(LookupListIndex)',
-    featureDom,
-    true
-  );
-  featureDom.appendChild(
-    createElementWithAttributes('LookupListIndex', {
-      index: featureLookupCount,
-      value: lookupDom.getAttribute('index')
-    })
-  );
-
-  if (isSingleGlyph) {
-    lookupDom.appendChild(
-      getSubstLookup(ligature.name, ligature.glyph, lookupDom)
-    );
-  } else {
-    lookupDom.appendChild(buildBacktrackFirst(glyphs));
-    lookupDom.appendChild(buildLookAheadLast(glyphs));
-    lookupDom.appendChild(buildLigatureSubst(glyphs, ligature.glyph));
-    // remaining context
-    for (let n = glyphs.length - 2; n >= 0; n--) {
-      lookupDom.appendChild(
-        buildChainContext(getLIGs(n), [glyphs[n]], glyphs.slice(n + 1), 'LIG')
-      );
-    }
-  }
-  lookupListDom.appendChild(lookupDom);
-};
-
-const finalizeGsubTables = () => {
-  // get current LookupList count
-  let newIndex = xpath.select('count(Lookup)', lookupListDom, true);
-
-  // append added lookups
-  Object.entries(substLookupMap).forEach(([, lookup]) => {
-    // fixup existing lookups with new index
-    const oldIndex = lookup.getAttribute('index');
-    const substLookups = xpath.select(
-      `//ChainContextSubst/SubstLookupRecord/LookupListIndex[@value="${oldIndex}"]`,
-      lookupListDom,
-      false
-    );
-    substLookups.forEach(substLookup => {
-      substLookup.setAttribute('value', newIndex);
-    });
-    lookup.setAttribute('index', newIndex++);
-    lookupListDom.appendChild(lookup);
-    lookupListDom.appendChild(lookup);
-  });
-};
-
-//const dump = dom => console.log(format(serialize(dom)));
-
-const addFeatureToScriptList = (tag, featureIndex) => {
-  scriptListDom = xpath.select('ScriptList', gsubDom, true);
-  const defaultLangSys = xpath.select(
-    `ScriptRecord/ScriptTag[@value="${tag}"]/../Script/DefaultLangSys`,
-    scriptListDom,
-    true
-  );
-  const featureIndexNode = xpath.select(
-    `FeatureIndex[@value=${featureIndex}]`,
-    defaultLangSys,
-    true
-  );
-  if (!featureIndexNode) {
-    const count = xpath.select('count(FeatureIndex)', defaultLangSys, true);
-    defaultLangSys.appendChild(
-      createElementWithAttributes('FeatureIndex', {
-        index: count,
-        value: featureIndex
-      })
-    );
-  }
-};
-
-const buildBacktrackFirst = glyphs => {
-  // backtrack = first glyph
-  // input = first glphy
-  // lookAhead = [1..n]
-  return buildChainContext([glyphs[0]], [glyphs[0]], glyphs.slice(1));
-};
-
-const buildLookAheadLast = glyphs => {
-  // backtrack = none
-  // input = first glyph
-  // lookAhead = [1..n] + [n]
-  return buildChainContext(
-    [],
-    [glyphs[0]],
-    [...glyphs.slice(1), glyphs.slice(-1)]
-  );
-};
-
-const buildLigatureSubst = (glyphs, lookup) => {
-  // backtrack = LIG * n-1
-  // input = last glyph
-  // lookAhead = none
-  return buildChainContext(
-    getLIGs(glyphs.length - 1),
-    glyphs.slice(-1),
-    [],
-    lookup
-  );
-};
-
-const getLIGs = length => new Array(length).fill('LIG', 0, length);
-
-const buildChainContext = (backtrack, input, lookAhead, substitute) => {
-  const chainDom = createElementWithAttributes('ChainContextSubst', {
-    index: chainIndex++,
-    Format: 3
-  });
-
-  buildCoverage(chainDom, 'BacktrackCoverage', backtrack);
-  buildCoverage(chainDom, 'InputCoverage', input);
-  buildCoverage(chainDom, 'LookAheadCoverage', lookAhead);
-
-  if (substitute) {
-    const lookup = getSubstLookup(input[0], substitute);
-    const listIndex = lookup.getAttribute('index');
-    const substLookupRecordDom = chainDom.appendChild(
-      createElementWithAttributes('SubstLookupRecord', { index: 0 })
-    );
-    appendChildren(
-      substLookupRecordDom,
-      createElementWithAttributes('SequenceIndex', { value: 0 }),
-      createElementWithAttributes('LookupListIndex', { value: listIndex })
-    );
-  }
-  return chainDom;
-};
-
-const buildCoverage = (chainDom, tagName, coverage) => {
-  if (coverage) {
-    coverage.forEach((glyph, i) => {
-      const coverageDom = createElementWithAttributes(tagName, {
-        index: i++,
-        Format: 1
-      });
-      coverageDom.appendChild(
-        createElementWithAttributes('Glyph', { value: glyph })
-      );
-      chainDom.appendChild(coverageDom);
-    });
-  }
-};
-
-const getSubstLookup = (input, output, lookupDom) => {
-  if (!lookupDom) {
-    lookupDom = substLookupMap[output];
-  }
-
-  if (!lookupDom) {
-    lookupDom = createElementWithAttributes('Lookup', {
-      index: Object.keys(substLookupMap).length + 1
-    });
-    lookupDom.appendChild(
-      createElementWithAttributes('LookupType', { value: 1 })
-    );
-    lookupDom.appendChild(
-      createElementWithAttributes('LookupFlag', { value: 0 })
-    );
-    substLookupMap[output] = lookupDom;
-  }
-
-  let singleSubstDom = xpath.select('SingleSubst', lookupDom, true);
-
-  if (!singleSubstDom) {
-    singleSubstDom = createElementWithAttributes('SingleSubst', {
-      index: 0,
-      Format: 2
-    });
-    lookupDom.appendChild(singleSubstDom);
-  }
-
-  // look for input subst
-  const substitionDom = xpath.select(
-    `Substitution[@in="${input}"]`,
-    singleSubstDom,
-    true
-  );
-  if (!substitionDom) {
-    singleSubstDom.appendChild(
-      createElementWithAttributes('Substitution', { in: input, out: output })
-    );
-  }
-  return lookupDom;
-};
-
-const createElementWithAttributes = (tagName, attributes) => {
-  const element = dom.createElement(tagName);
-  Object.entries(attributes).forEach(attribute => {
-    element.setAttribute(attribute[0], attribute[1]);
-  });
-  return element;
-};
-
-const appendChildren = (node, ...children) => {
-  children.forEach(child => node.appendChild(child));
-};
-
-//const serialize = dom => new XMLSerializer().serializeToString(dom);
-
-exports.buildGsubTables = buildGsubTables;
-exports.finalizeGsubTables = finalizeGsubTables;

images/preview/italic/index.html

@@ -0,0 +1,15 @@
+<html><head>
+  <style>
+    body { background-color: #000; color: #fff; font-family: sans-serif; margin: 16px;}
+    a { color: #fff; text-decoration: none; padding: 4px;}
+    a.active {color: #000; background-color: #fff;}
+    .container { display: grid;  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
+    .ligature { display: flex; flex-direction: column; align-items: center; margin: 8px; }
+  </style>
+  </head>
+  <body>
+    <h1>Operator Mono Ligatures</h1>
+    <a href="https://htmlpreview.github.io/?https://github.com/kiliman/operator-mono-lig/blob/master/images/preview/normal/index.html" class="">Normal</a> |
+    <a href="https://htmlpreview.github.io/?https://github.com/kiliman/operator-mono-lig/blob/master/images/preview/italic/index.html" class="active">Italic</a>
+    <div class="container">
+  <div class="ligature"><img src="ampersand_ampersand.png"/><div>ampersand_ampersand</div></div><div class="ligature"><img src="bar_bar.png"/><div>bar_bar</div></div><div class="ligature"><img src="bar_greater.png"/><div>bar_greater</div></div><div class="ligature"><img src="colon_equal.png"/><div>colon_equal</div></div><div class="ligature"><img src="equal_equal.png"/><div>equal_equal</div></div><div class="ligature"><img src="equal_equal_equal.png"/><div>equal_equal_equal</div></div><div class="ligature"><img src="equal_equal_greater.png"/><div>equal_equal_greater</div></div><div class="ligature"><img src="equal_greater.png"/><div>equal_greater</div></div><div class="ligature"><img src="equal_less_less.png"/><div>equal_less_less</div></div><div class="ligature"><img src="exclam_equal.png"/><div>exclam_equal</div></div><div class="ligature"><img src="exclam_equal_equal.png"/><div>exclam_equal_equal</div></div><div class="ligature"><img src="greater_equal.png"/><div>greater_equal</div></div><div class="ligature"><img src="greater_equal_greater.png"/><div>greater_equal_greater</div></div><div class="ligature"><img src="greater_greater_equal.png"/><div>greater_greater_equal</div></div><div class="ligature"><img src="hyphen_greater.png"/><div>hyphen_greater</div></div><div class="ligature"><img src="hyphen_hyphen.png"/><div>hyphen_hyphen</div></div><div class="ligature"><img src="hyphen_hyphen_greater.png"/><div>hyphen_hyphen_greater</div></div><div class="ligature"><img src="less_bar.png"/><div>less_bar</div></div><div class="ligature"><img src="less_equal.png"/><div>less_equal</div></div><div class="ligature"><img src="less_equal_equal.png"/><div>less_equal_equal</div></div><div class="ligature"><img src="less_equal_greater.png"/><div>less_equal_greater</div></div><div class="ligature"><img src="less_equal_less.png"/><div>less_equal_less</div></div><div class="ligature"><img src="less_exclam_hyphen_hyphen.png"/><div>less_exclam_hyphen_hyphen</div></div><div class="ligature"><img src="less_hyphen.png"/><div>less_hyphen</div></div><div class="ligature"><img src="less_hyphen_greater.png"/><div>less_hyphen_greater</div></div><div class="ligature"><img src="less_hyphen_hyphen.png"/><div>less_hyphen_hyphen</div></div><div class="ligature"><img src="less_slash.png"/><div>less_slash</div></div><div class="ligature"><img src="plus_equal.png"/><div>plus_equal</div></div><div class="ligature"><img src="plus_plus.png"/><div>plus_plus</div></div><div class="ligature"><img src="question_question.png"/><div>question_question</div></div><div class="ligature"><img src="slash_greater.png"/><div>slash_greater</div></div><div class="ligature"><img src="underscore_underscore.png"/><div>underscore_underscore</div></div><div class="ligature"><img src="w_w_w.png"/><div>w_w_w</div></div></div></body></html>

images/preview/normal/index.html

@@ -0,0 +1,15 @@
+<html><head>
+  <style>
+    body { background-color: #000; color: #fff; font-family: sans-serif; margin: 16px;}
+    a { color: #fff; text-decoration: none; padding: 4px;}
+    a.active {color: #000; background-color: #fff;}
+    .container { display: grid;  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
+    .ligature { display: flex; flex-direction: column; align-items: center; margin: 8px; }
+  </style>
+  </head>
+  <body>
+    <h1>Operator Mono Ligatures</h1>
+    <a href="https://htmlpreview.github.io/?https://github.com/kiliman/operator-mono-lig/blob/master/images/preview/normal/index.html" class="active">Normal</a> |
+    <a href="https://htmlpreview.github.io/?https://github.com/kiliman/operator-mono-lig/blob/master/images/preview/italic/index.html" class="">Italic</a>
+    <div class="container">
+  <div class="ligature"><img src="ampersand_ampersand.png"/><div>ampersand_ampersand</div></div><div class="ligature"><img src="bar_bar.png"/><div>bar_bar</div></div><div class="ligature"><img src="bar_greater.png"/><div>bar_greater</div></div><div class="ligature"><img src="colon_equal.png"/><div>colon_equal</div></div><div class="ligature"><img src="equal_equal.png"/><div>equal_equal</div></div><div class="ligature"><img src="equal_equal_equal.png"/><div>equal_equal_equal</div></div><div class="ligature"><img src="equal_equal_greater.png"/><div>equal_equal_greater</div></div><div class="ligature"><img src="equal_greater.png"/><div>equal_greater</div></div><div class="ligature"><img src="equal_less_less.png"/><div>equal_less_less</div></div><div class="ligature"><img src="exclam_equal.png"/><div>exclam_equal</div></div><div class="ligature"><img src="exclam_equal_equal.png"/><div>exclam_equal_equal</div></div><div class="ligature"><img src="greater_equal.png"/><div>greater_equal</div></div><div class="ligature"><img src="greater_equal_greater.png"/><div>greater_equal_greater</div></div><div class="ligature"><img src="greater_greater_equal.png"/><div>greater_greater_equal</div></div><div class="ligature"><img src="hyphen_greater.png"/><div>hyphen_greater</div></div><div class="ligature"><img src="hyphen_hyphen.png"/><div>hyphen_hyphen</div></div><div class="ligature"><img src="hyphen_hyphen_greater.png"/><div>hyphen_hyphen_greater</div></div><div class="ligature"><img src="less_bar.png"/><div>less_bar</div></div><div class="ligature"><img src="less_equal.png"/><div>less_equal</div></div><div class="ligature"><img src="less_equal_equal.png"/><div>less_equal_equal</div></div><div class="ligature"><img src="less_equal_greater.png"/><div>less_equal_greater</div></div><div class="ligature"><img src="less_equal_less.png"/><div>less_equal_less</div></div><div class="ligature"><img src="less_exclam_hyphen_hyphen.png"/><div>less_exclam_hyphen_hyphen</div></div><div class="ligature"><img src="less_hyphen.png"/><div>less_hyphen</div></div><div class="ligature"><img src="less_hyphen_greater.png"/><div>less_hyphen_greater</div></div><div class="ligature"><img src="less_hyphen_hyphen.png"/><div>less_hyphen_hyphen</div></div><div class="ligature"><img src="less_slash.png"/><div>less_slash</div></div><div class="ligature"><img src="plus_equal.png"/><div>plus_equal</div></div><div class="ligature"><img src="plus_plus.png"/><div>plus_plus</div></div><div class="ligature"><img src="question_question.png"/><div>question_question</div></div><div class="ligature"><img src="slash_greater.png"/><div>slash_greater</div></div><div class="ligature"><img src="underscore_underscore.png"/><div>underscore_underscore</div></div><div class="ligature"><img src="w_w_w.png"/><div>w_w_w</div></div></div></body></html>