add support for codepoints so values are never overwritten

.fantasticonrc.js

@@ -1,8 +1,16 @@
+const codepoint = require('./src/reserved-codepoints.json');
 module.exports = {
   inputDir: './src/optimized-icons', // (required)
   outputDir: './src/generated', // (required)
   fontTypes: ['ttf', 'woff', 'woff2'],
-  assetTypes: ['scss'],
+  assetTypes: ['scss', 'html', 'json'],
   prefix: 'pi',
-  name: "platform-icons"
+  tag: 'i',
+  name: 'platform-icons',
+  fontHeight: 300,
+  normalize: true,
+  templates: {
+    html: './src/templates/html.hbs'
+  },
+  codepoints: codepoint
 };

.gitignore

@@ -1,7 +1,6 @@
 # Ignore generated files
 src/generated/*
 !src/generated/.gitkeep
-
 src/optimized-icons/*.svg
 !src/optimized-icons/.gitkeep
 
@@ -14,4 +13,4 @@ dist-ssr
 *.local
 
 # Ignore package files
-*.tgz
+*.tgz

README.md

@@ -45,10 +45,42 @@ import 'path/to/node_modules/@ritterim/platform-icons/dist/style.css'
 5. To start dev server, run `npm start`
 6. To create package, run `npm run pack`
 
+## SVG Setup for Contributing
+
+Some notes on svg setup
+
+| source | default |
+|---|---|
+| artboard | 4" x 4" |
+| main stroke | 24pt |
+| auxiliary stroke | 18pt |
+| corner | .15" |
+| join |	round |
+
+ - Use compound paths (remember, there is no white 😜)
+ - Expand to outlines 
+
+## Codepoints
+
+Codepoints are the hexadecimal pointer to an icon. Here, they're used to target icons in CSS using `:before`:
+
+```html
+<i class="pi-platfrom-ui"></i>
+
+<style>
+  .pi-platform-ui:before {
+    content: "\f18f";
+  }
+</style>
+```
+
+Each time the icon set is generated there's a chance these pointers may shift. To avoid this, we copy `/generated/platform-icons.json` map to `reserved-codepoints.json` to maintain the current label-to-codepoint map so codepoints don't change. 
+
 ## Dependencies
 - [SVGO](https://github.com/svg/svgo) - used to optimize all SVG icons
 - [Fantasticon](https://github.com/tancredi/fantasticon) - used to build icon fonts
 - [Vite](https://github.com/vitejs/vite) - used for dev server and building library
   - Vite Plugins:
     - [vite-plugin-banner](https://github.com/chengpeiquan/vite-plugin-banner) - used to prepend licensing info
-    - [rollup-plugin-copy](https://github.com/vladshcherbin/rollup-plugin-copy) - used to copy generated font files to the public directory
+    - [rollup-plugin-copy](https://github.com/vladshcherbin/rollup-plugin-copy) - used to copy generated font files to the public directory
+    - [vite-plugin-handlebars](https://github.com/alexlafroscia/vite-plugin-handlebars)- used to run the handlebars templates

appveyor.yml

@@ -1,7 +1,5 @@
 environment:
   matrix:
-    - nodejs_version: STABLE
-      configuration: publish
     - nodejs_version: LTS
 
 install:
@@ -17,31 +15,17 @@ build_script:
 
 cache:
   - node_modules -> package.json, package-lock.json
+  - '%APPDATA%\npm-cache'
 
 test: off
 
-artifacts:
-  - path: ./icons.zip
-    name: Icons
-    type: Zip
-
-deploy:
-  - provider: Environment
-    name: Azure App Service Zip (Development)
-    artifact: Icons
-    slot: staging
-    app_name: rim-icons-east-dev
+deploy_script:
+  - ps: |
+      if ($ENV:CONFIGURATION -eq "publish")
+      {
+        "//registry.npmjs.org/:_authToken=`$`{NPM_TOKEN`}" | Out-File (Join-Path $ENV:APPVEYOR_BUILD_FOLDER ".npmrc") -Encoding UTF8
+        iex "npm pack"
+        iex "npm publish"
+      }
     on:
-      branch: master
-      configuration: publish
-
-after_deploy:
-    - ps: |
-        if ($ENV:CONFIGURATION -eq "publish")
-        {
-          "@ritterim:registry=https://ritterim.myget.org/F/npm/npm/`r`n//ritterim.myget.org/F/npm/npm/:_authToken=`$`{MYGET_TOKEN`}" | Out-File (Join-Path $ENV:APPVEYOR_BUILD_FOLDER ".npmrc") -Encoding UTF8
-          iex "npm pack"
-          iex "npm publish"
-        }
-      on:
-        branch: master
+      branch: master