Merge pull request #1 from Iconscout/release-0.0.1

release: v0.0.1

.github/workflows/autotag.yml

@@ -0,0 +1,19 @@
+name: Create Tag on package.json update
+
+on:
+  push:
+    branches:    
+      - master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+      with:
+        token: '${{ secrets.GH_AUTH_TOKEN }}'
+        fetch-depth: 0
+    - uses: butlerlogic/action-autotag@master
+      with:
+        GITHUB_TOKEN: "${{ secrets.GH_AUTH_TOKEN }}"
+        tag_prefix: "v"

.github/workflows/npm-publish-pro.yml

@@ -0,0 +1,25 @@
+name: Publish to NPM PRO
+
+on:
+  push:
+    tags:
+      - '*'
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 10.16.3
+      - name: Install NPM
+        run: npm ci --progress=false
+      - name: Set Gemfury Config
+        run: printf "@iconscout:registry=https://npm-proxy.fury.io/iconscout/\n//npm-proxy.fury.io/iconscout/:_authToken=${NPM_TOKEN}" > ~/.npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.FURY_AUTH_TOKEN }}
+      - name: Download & Build Icons
+        run: npm i @iconscout/unicons@latest && npm run generate
+      - name: Publish to Gemfury
+        run: npm publish

.github/workflows/npm-publish-rc.yml

@@ -0,0 +1,33 @@
+name: Publish to NPM RC
+
+on:
+  push:
+    # Sequence of patterns matched against refs/heads
+    branches:
+      - "release-*"
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - if: github.event_name == 'push'
+        uses: actions/checkout@v2
+      - if: github.event_name == 'pull_request'
+        uses: actions/checkout@v2
+        with:
+          ref: ${{ github.head_ref }}
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 10.16.3
+      - name: Download & Build Icons
+        run: npm ci --progress=false && npm i @iconscout/unicons@latest && npm run generate
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v3
+        with:
+          token: ${{ secrets.GH_AUTH_TOKEN }}
+          title: Updated Icons
+      - name: Publish to NPM
+        uses: primer/publish@v2.0.0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GH_AUTH_TOKEN }}
+          NPM_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}

.github/workflows/npm-publish.yml

@@ -0,0 +1,21 @@
+name: Publish to NPM
+
+on:
+  push:
+    tags:
+      - '*'
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 10.16.3
+      - name: Download & Build Icons
+        run: npm ci --progress=false && npm i @iconscout/unicons@latest && npm run generate
+      - name: Publish to NPM
+        run: echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc && npm publish
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+lib

.npmignore

@@ -0,0 +1,2 @@
+node_modules
+example

README.md

@@ -1,4 +1,4 @@
-# Vue Unicons Solid
+# Vue Unicons Thinline
 
 1100+ Pixel-perfect vector icons as Vue Components. These icons are designed by [Iconscout](https://iconscout.com).
 
@@ -23,16 +23,16 @@ yarn add @iconscout/vue-unicons-thinline
 ```html
 <template>
   <div>
-    <uis-star size="180px" class="logo" />
+    <uit-star size="180px" class="logo" />
   </div>
 </template>
 
 <script>
-  import { UisStar } from "@iconscout/vue-unicons-thinline";
+  import { UitStar } from "@iconscout/vue-unicons-thinline";
 
   export default {
     components: {
-      UisStar,
+      UitStar,
     },
   };
 </script>

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: [[require('@babel/preset-env'), { modules: false }]],
+}

build/generate.js

@@ -0,0 +1,69 @@
+const path = require("path");
+const fs = require("fs-plus");
+const cheerio = require("cheerio");
+const upperCamelCase = require("uppercamelcase");
+
+const iconsComponentPath = path.join(process.cwd(), "icons");
+const iconsIndexPath = path.join(process.cwd(), "index.js");
+const uniconsConfig = require("@iconscout/unicons/json/thinline.json");
+
+// Clear Directories
+fs.removeSync(iconsComponentPath);
+fs.mkdirSync(iconsComponentPath);
+
+const indexJs = [];
+
+uniconsConfig.forEach((icon) => {
+  const baseName = `uit-${icon.name}`;
+  const location = path.join(iconsComponentPath, `${baseName}.vue`);
+  const name = upperCamelCase(baseName);
+  const svgFile = fs.readFileSync(
+    path.resolve("node_modules/@iconscout/unicons", icon.svg),
+    "utf-8"
+  );
+
+  let data = svgFile.replace(/<svg[^>]+>/gi, "").replace(/<\/svg>/gi, "");
+  // Get Path Content from SVG
+  const $ = cheerio.load(data, {
+    xmlMode: true,
+  });
+  const svgPath = $("path").attr("d");
+
+  const template = `<template>
+  <svg
+    v-bind="$attrs"
+    :width="size"
+    :height="size"
+    xmlns="http://www.w3.org/2000/svg"
+    class="ui-svg-inline"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+  >
+    <path
+      d="${svgPath}"
+    />
+  </svg>
+</template>
+
+<script>
+import '../utils/style.css'
+
+export default {
+  props: {
+    size: {
+      type: String,
+      default: '1em'
+    }
+  }
+}
+</script>`;
+
+  fs.writeFileSync(location, template, "utf-8");
+
+  // Add it to index.js
+  indexJs.push(`export { default as ${name} } from './icons/${baseName}'`);
+});
+
+fs.writeFileSync(iconsIndexPath, indexJs.join("\n"), "utf-8");
+
+console.log(`Generated ${uniconsConfig.length} icon components.`);

icons/uit-adobe-alt.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    v-bind="$attrs"
+    :width="size"
+    :height="size"
+    xmlns="http://www.w3.org/2000/svg"
+    class="ui-svg-inline"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+  >
+    <path
+      d="M9.9169922,2.2236328C9.8242798,2.0839233,9.6677246,1.999939,9.5,2h-8C1.223999,1.9998169,1.0001831,2.2234497,1,2.4993896V21.5c-0.000061,0.2381592,0.1679077,0.4432983,0.4013672,0.4902344C1.4338379,21.9968262,1.4668579,22.000061,1.5,22c0.2011108-0.000061,0.3826294-0.1204834,0.4609375-0.3056641l8-19C10.0253296,2.539856,10.0088501,2.3635254,9.9169922,2.2236328z M2,19.0244141V3h6.7470703L2,19.0244141z M22.5006104,2H14.5c-0.276123-0.0001831-0.5001221,0.2235107-0.5003052,0.4995728c0,0.0668945,0.0133667,0.1331177,0.0393677,0.1947632l8,19C22.1173706,21.8795166,22.2988892,21.999939,22.5,22c0.0331421,0.000061,0.0661621-0.0031738,0.0986328-0.0097656C22.8320923,21.9432983,23.000061,21.7381592,23,21.5v-19C23.0001831,2.223999,22.7765503,2.0001831,22.5006104,2z M22,19.0244141L15.2529297,3H22V19.0244141z M12.4677734,9.3242188C12.3953247,9.1300049,12.2102051,9.0009155,12.0029297,9H12c-0.2059937,0.000061-0.3909302,0.1264038-0.4658203,0.3183594l-3.5,9c-0.1005249,0.256958,0.0262451,0.5467529,0.2832031,0.6472778C8.3755493,18.9884033,8.4375,19.000061,8.5,19h3.1914062l1.3613281,2.7236328C13.1376343,21.8928223,13.3106689,21.9997559,13.5,22h3c0.2756958,0.0004272,0.4995728-0.2226562,0.500061-0.4983521c0.000061-0.0606079-0.0108643-0.1207275-0.0322876-0.1774292L12.4677734,9.3242188z M13.8085938,21l-1.3613281-2.7236328C12.3623657,18.1071777,12.1893311,18.0002441,12,18H9.2304688l2.7607422-7.0986328L15.7783203,21H13.8085938z"
+    />
+  </svg>
+</template>
+
+<script>
+import '../utils/style.css'
+
+export default {
+  props: {
+    size: {
+      type: String,
+      default: '1em'
+    }
+  }
+}
+</script>

icons/uit-airplay.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    v-bind="$attrs"
+    :width="size"
+    :height="size"
+    xmlns="http://www.w3.org/2000/svg"
+    class="ui-svg-inline"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+  >
+    <path
+      d="M19.5,3h-15C3.119812,3.0012817,2.0012817,4.119812,2,5.5v10c0.0012817,1.380188,1.119812,2.4987183,2.5,2.5h1C5.776123,18,6,17.776123,6,17.5S5.776123,17,5.5,17h-1c-0.828064-0.0009155-1.4990845-0.671936-1.5-1.5v-10C3.0009155,4.671936,3.671936,4.0009155,4.5,4h15c0.828064,0.0009155,1.4990845,0.671936,1.5,1.5v10c-0.0009155,0.828064-0.671936,1.4990845-1.5,1.5h-1c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h1c1.380188-0.0012817,2.4987183-1.119812,2.5-2.5v-10C21.9987183,4.119812,20.880188,3.0012817,19.5,3z M13.2412109,14.4394531c-0.0863647-0.1141968-0.1880493-0.2160034-0.3022461-0.3024292c-0.6852417-0.5187988-1.661377-0.3838501-2.1801758,0.3014526l-2.8632812,4.2197266C7.727478,18.90625,7.6375732,19.1989746,7.6373291,19.4985962C7.6367798,20.3272705,8.3081055,20.9994507,9.1367188,21h5.7265625c0.2996216-0.0001831,0.5922852-0.0900879,0.8403931-0.2581177c0.6860352-0.4647217,0.8655396-1.397583,0.4008179-2.0836792L13.2412109,14.4394531z M14.8632812,20H9.1367188c-0.1002197-0.000061-0.1980591-0.0302124-0.2809448-0.0866089c-0.2283325-0.1553345-0.2874756-0.4663086-0.1321411-0.6946411L11.5869141,15C11.6791992,14.8624268,11.8343506,14.7802734,12,14.78125c0.1659546-0.0010376,0.321228,0.081543,0.4130859,0.2197266l2.8632812,4.2177734c0.0563965,0.0828247,0.0865479,0.1807251,0.0866089,0.2809448C15.3631592,19.7758179,15.1394043,19.9998169,14.8632812,20z"
+    />
+  </svg>
+</template>
+
+<script>
+import '../utils/style.css'
+
+export default {
+  props: {
+    size: {
+      type: String,
+      default: '1em'
+    }
+  }
+}
+</script>

icons/uit-align-alt.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    v-bind="$attrs"
+    :width="size"
+    :height="size"
+    xmlns="http://www.w3.org/2000/svg"
+    class="ui-svg-inline"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+  >
+    <path
+      d="M10.5,12h-8C2.223877,12,2,12.223877,2,12.5S2.223877,13,2.5,13h8c0.276123,0,0.5-0.223877,0.5-0.5S10.776123,12,10.5,12z M10.5,16h-8C2.223877,16,2,16.223877,2,16.5S2.223877,17,2.5,17h8c0.276123,0,0.5-0.223877,0.5-0.5S10.776123,16,10.5,16z M13.5,5h8C21.776123,5,22,4.776123,22,4.5S21.776123,4,21.5,4h-8C13.223877,4,13,4.223877,13,4.5S13.223877,5,13.5,5z M10.5,20h-8C2.223877,20,2,20.223877,2,20.5S2.223877,21,2.5,21h8c0.276123,0,0.5-0.223877,0.5-0.5S10.776123,20,10.5,20z M10.5,8h-8C2.223877,8,2,8.223877,2,8.5S2.223877,9,2.5,9h8C10.776123,9,11,8.776123,11,8.5S10.776123,8,10.5,8z M17.5,20h-4c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h4c0.276123,0,0.5-0.223877,0.5-0.5S17.776123,20,17.5,20z M21.5,12h-8c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h8c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,12,21.5,12z M10.5,4h-4C6.223877,4,6,4.223877,6,4.5S6.223877,5,6.5,5h4C10.776123,5,11,4.776123,11,4.5S10.776123,4,10.5,4z M21.5,8h-8C13.223877,8,13,8.223877,13,8.5S13.223877,9,13.5,9h8C21.776123,9,22,8.776123,22,8.5S21.776123,8,21.5,8z M21.5,16h-8c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h8c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,16,21.5,16z"
+    />
+  </svg>
+</template>
+
+<script>
+import '../utils/style.css'
+
+export default {
+  props: {
+    size: {
+      type: String,
+      default: '1em'
+    }
+  }
+}
+</script>

icons/uit-align-center-alt.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    v-bind="$attrs"
+    :width="size"
+    :height="size"
+    xmlns="http://www.w3.org/2000/svg"
+    class="ui-svg-inline"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+  >
+    <path
+      d="M4.5,7h15C19.776123,7,20,6.776123,20,6.5S19.776123,6,19.5,6h-15C4.223877,6,4,6.223877,4,6.5S4.223877,7,4.5,7z M21.5,11h-19C2.223877,11,2,11.223877,2,11.5S2.223877,12,2.5,12h19c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,11,21.5,11z M19.5,16h-15C4.223877,16,4,16.223877,4,16.5S4.223877,17,4.5,17h15c0.276123,0,0.5-0.223877,0.5-0.5S19.776123,16,19.5,16z"
+    />
+  </svg>
+</template>
+
+<script>
+import '../utils/style.css'
+
+export default {
+  props: {
+    size: {
+      type: String,
+      default: '1em'
+    }
+  }
+}
+</script>

icons/uit-align-center-justify.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    v-bind="$attrs"
+    :width="size"
+    :height="size"
+    xmlns="http://www.w3.org/2000/svg"
+    class="ui-svg-inline"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+  >
+    <path
+      d="M17.5,20h-11C6.223877,20,6,20.223877,6,20.5S6.223877,21,6.5,21h11c0.276123,0,0.5-0.223877,0.5-0.5S17.776123,20,17.5,20z M21.5,16h-19C2.223877,16,2,16.223877,2,16.5S2.223877,17,2.5,17h19c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,16,21.5,16z M2.5,5h19C21.776123,5,22,4.776123,22,4.5S21.776123,4,21.5,4h-19C2.223877,4,2,4.223877,2,4.5S2.223877,5,2.5,5z M21.5,8h-19C2.223877,8,2,8.223877,2,8.5S2.223877,9,2.5,9h19C21.776123,9,22,8.776123,22,8.5S21.776123,8,21.5,8z M21.5,12h-19C2.223877,12,2,12.223877,2,12.5S2.223877,13,2.5,13h19c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,12,21.5,12z"
+    />
+  </svg>
+</template>
+
+<script>
+import '../utils/style.css'
+
+export default {
+  props: {
+    size: {
+      type: String,
+      default: '1em'
+    }
+  }
+}
+</script>

icons/uit-align-center.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    v-bind="$attrs"
+    :width="size"
+    :height="size"
+    xmlns="http://www.w3.org/2000/svg"
+    class="ui-svg-inline"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+  >
+    <path
+      d="M6.5,10C6.223877,10,6,10.223877,6,10.5S6.223877,11,6.5,11h11c0.276123,0,0.5-0.223877,0.5-0.5S17.776123,10,17.5,10H6.5z M2.5,7h19C21.776123,7,22,6.776123,22,6.5S21.776123,6,21.5,6h-19C2.223877,6,2,6.223877,2,6.5S2.223877,7,2.5,7z M17.5,18h-11C6.223877,18,6,18.223877,6,18.5S6.223877,19,6.5,19h11c0.276123,0,0.5-0.223877,0.5-0.5S17.776123,18,17.5,18z M21.5,14h-19C2.223877,14,2,14.223877,2,14.5S2.223877,15,2.5,15h19c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,14,21.5,14z"
+    />
+  </svg>
+</template>
+
+<script>
+import '../utils/style.css'
+
+export default {
+  props: {
+    size: {
+      type: String,
+      default: '1em'
+    }
+  }
+}
+</script>