Fix pending issues (#31)

* fix error with reading cssRules property from 'CSSStyleSheet'

* add a separate style block to set a frame when spinner was initialized

* change some more spinners to a new keyframe binding

* chore: remove minified files from repo

* chore: add `dist` folder to gitignore

* refactor: spinners with dynamic keyframes

* Useless code cuts and some commenting

* chore: add inputs to demo

* chore: add TypeScript declarations

close #8

* minor

* docs: tree shaking info

see #25

* chore: add index.html to .gitignore

* build: tweak config according to #16

close #16

* chore: bump version

Author: nastassiadanilova

.gitignore

@@ -3,6 +3,8 @@ node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+dist/
+index.html
 
 # Editor directories and files
 .idea

README.md

@@ -43,6 +43,9 @@ Vue.js usage example
   // import 'epic-spinners/dist/lib/epic-spinners.min.css'
   // import {AtomSpinner} from 'epic-spinners/dist/lib/epic-spinners.min.js'
   
+  // To get tree shaking from webpack (won't import all spinners when you only need one)
+  // import AtomSpinner from 'epic-spinners/src/components/lib/AtomSpinner'
+  
   import {AtomSpinner} from 'epic-spinners'
   export default {
     components: {

build/webpack.lib.conf.js

@@ -23,8 +23,8 @@ var webpackConfig = merge(baseWebpackConfig, {
   devtool: config.lib.productionSourceMap ? '#source-map' : false,
   output: {
     path: config.lib.assetsRoot,
-    filename: utils.assetsLibPath('[name].min.js'),
-    library: '[name]',
+    filename: utils.assetsLibPath('epic-spinners.min.js'),
+    library: 'epic-spinners',
     libraryTarget: 'umd'
   },
   plugins: [
@@ -40,10 +40,10 @@ var webpackConfig = merge(baseWebpackConfig, {
     }),
     // extract css into its own file
     new ExtractTextPlugin({
-      filename: utils.assetsLibPath('[name].min.css')
+      filename: utils.assetsLibPath('epic-spinners.min.css')
     }),
-    // Compress extracted CSS. We are using this plugin so that possible
-    // duplicated CSS from different components can be deduped.
+    // Compress extracted CSS. We are using this plugin so that's possible
+    // for duplicated CSS from different components to be deduped.
     new OptimizeCSSPlugin({
       cssProcessorOptions: {
         safe: true

dist/lib/epic-spinners.min.css

@@ -0,0 +1,47 @@
+declare module 'epic-spinners' {
+  import { Component } from 'vue'
+
+  const HollowDotsSpinner: Component
+  const PixelSpinner: Component
+  const FlowerSpinner: Component
+  const IntersectingCirclesSpinner: Component
+  const OrbitSpinner: Component
+  const FingerprintSpinner: Component
+  const TrinityRingsSpinner: Component
+  const FulfillingSquareSpinner: Component
+  const CirclesToRhombusesSpinner: Component
+  const SemipolarSpinner: Component
+  const BreedingRhombusSpinner: Component
+  const SwappingSquaresSpinner: Component
+  const ScalingSquaresSpinner: Component
+  const FulfillingBouncingCircleSpinner: Component
+  const RadarSpinner: Component
+  const SelfBuildingSquareSpinner: Component
+  const SpringSpinner: Component
+  const LoopingRhombusesSpinner: Component
+  const HalfCircleSpinner: Component
+  const AtomSpinner: Component
+
+  export {
+    HollowDotsSpinner,
+    PixelSpinner,
+    FlowerSpinner,
+    IntersectingCirclesSpinner,
+    OrbitSpinner,
+    FingerprintSpinner,
+    TrinityRingsSpinner,
+    FulfillingSquareSpinner,
+    CirclesToRhombusesSpinner,
+    SemipolarSpinner,
+    BreedingRhombusSpinner,
+    SwappingSquaresSpinner,
+    ScalingSquaresSpinner,
+    FulfillingBouncingCircleSpinner,
+    RadarSpinner,
+    SelfBuildingSquareSpinner,
+    SpringSpinner,
+    LoopingRhombusesSpinner,
+    HalfCircleSpinner,
+    AtomSpinner,
+  }
+}

dist/lib/epic-spinners.min.css.map

@@ -1,9 +1,10 @@
 {
   "name": "epic-spinners",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "Easy to use css spinners collection with vue.js integration",
   "author": "epicmax <[email protected]>",
   "main": "src/lib.js",
+  "types": "src/lib.d.ts",
   "private": false,
   "license": "MIT",
   "url": "https://github.com/epicmaxco/epic-spinners",