v0.1.0

.eslintrc.json

@@ -0,0 +1,11 @@
+{
+  "root": true,
+  "extends": ["@quitsmx"],
+  "ignorePatterns": ["dist"],
+  "overrides": [
+    {
+      "files": ["**/*.js"],
+      "extends": "@quitsmx/eslint-config/node"
+    }
+  ]
+}

.gitignore

@@ -0,0 +1,20 @@
+# See https://help.github.com/articles/ignoring-files/
+.DS_Store
+.eslintcache
+.pnp
+.pnp.js
+*.bak
+*.local
+*.log
+*.tgz
+*.tmp
+*~
+/build
+/coverage
+/dist
+/release
+~*
+node_modules
+npm-debug.log*
+package-lock.json
+**/*.tsbuildinfo

.markdownlint.json

@@ -0,0 +1,6 @@
+{
+  "default": true,
+  "line-length": false,
+  "no-duplicate-header": { "siblings_only": true },
+  "no-inline-html": false
+}

.prettierrc.json

@@ -0,0 +1,11 @@
+{
+  "offsetTernaryExpressions": true,
+  "arrowParens": "avoid",
+  "generatorStarSpacing": true,
+  "printWidth": 92,
+  "quoteProps": "consistent",
+  "semi": false,
+  "singleQuote": true,
+  "spaceBeforeFunctionParen": false,
+  "yieldStarSpacing": true
+}

.vscode/settings.json

@@ -0,0 +1,26 @@
+{
+  "javascript.format.enable": false,
+  "typescript.format.enable": false,
+  "eslint.format.enable": true,
+  "[javascript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+    "editor.formatOnSave": true
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+    "editor.formatOnSave": true
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+    "editor.formatOnSave": true
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+    "editor.formatOnSave": true
+  },
+  "files.associations": {
+    ".prettierignore": "ignore",
+    "**/src/**/*.json": "jsonc",
+    "{icons,babel.config}.json": "jsonc"
+  },
+}

CHANGELOG.md

@@ -0,0 +1,5 @@
+# make-sprites Changes
+
+## \[0.1.0] - 2021-02-17
+
+First public release (WIP)

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 QuITS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,8 @@
+# MakeSprites
+
+WIP
+
+Sprites from...
+
+- [FontAwesome](https://fontawesome.com/icons?d=gallery&s=brands,regular,solid&m=free)
+- [Web Icons](https://getbootstrapadmin.com/remark/base/uikit/icons/web-icons.html)

data/index.js

@@ -0,0 +1 @@
+// do not delete

data/svg.template

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Sprites generados automáticamente con datos de project://icons.json
+
+  CUIDADO: No edites este XML manualmente.
+
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" style="display:none;">
+{{symbols}}
+</svg>

data/ts.template

@@ -0,0 +1,50 @@
+/* eslint prettierx/options:[2,{alignObjectProperties:true,trailingComma:'all'}] */
+/**
+ * Definiciones de `id` de símbolos SVG para usarse con _sprites_ de iconos.
+ *
+ * Generado automáticamente por makeSprites con datos de project://icons.json
+ *
+ * @see https://fontawesome.com/how-to-use/on-the-web/using-with/react
+ *
+ * Se proporcionan `const enum` para cada uno de los grupos y un objeto `IC`
+ * con todos. Puedes usar cualquiera, el componente `Icon` valida con `IC`.
+ *
+ * NOTE:
+ * No edites este archivo manualmente, en su lugar agrega o quita iconos
+ * en el "icons.json" de la raíz y ejecuta `yarn mk:icons` de nuevo.
+ * ---------------------------------------------------------------------
+ */
+
+/**
+ * Copia las propiedades de `obj` en un objeto simple sin perder su tipo.
+ */
+const _wrap = <T extends Record<string, unknown>>(obj: T): T =>
+  Object.assign(Object.create(null) as unknown, obj)
+
+/**
+ * `IC` contiene todos los ids y lo usará el componente `Icon` para
+ * validar la existencia de un símbolo en runtime.
+ *
+ * Se puede (y debería) usar también para la propiedad `Icon.icon`.
+ * @example
+ *```js
+ * const elem = <Icon icon={IC.farClock} size="2x" />
+ *```
+ *
+ * NOTE: Los iconos de los grupos "far" y "wb" tienen prefijos que permiten
+ *       el uso de iconos con el mismo nombre pero diferente estilo.
+ */
+export const IC = _wrap({
+{{mapKeys}}
+} as const)
+
+/**
+ * SVG con los sprites, relativo a la raíz del sitio ("public" en dev).
+ */
+export const spriteSvgName = '{{svgName}}'
+
+/**
+ * Lo usa Icon.tsx para establecer en runtime las clases para el ancho
+ * y el conjunto al que pertenece cada icono.
+ */
+export const iconRatios = {{ratios}}