johncalvinroberts / egg Goto Github PK

As per readme:

Import CSS for the components you need, to use as styles alongside your existing frontend framework.

I want to start by making this compatible with both react & vue. The UX should be something like:

react

import React, { Component } from 'react'
import modal from 'eggcss/components/modal'

export class Modal extends Component {
   render () {
     return (<div className="modal">
                   {this.props.children}
               </div>
       )
  }
}

vue

<style lang="scss" src="eggcss/components/modal.scss"></style>

<template>
  <div :class="['modal', activeClassName]">
    <slot/>
  </div>
</template>

<script>
export default {
  props: {
    active: {
      type: Boolean,
      default: false
    }
  },
  computed: {
      activeClassName () {
        return this.active ? 'active' : ''
      }
  }
}
</script>

I'm pretty sure to achieve this I will need to move away from simple NPM scripts to an actual build tool, i.e. webpack to output the component css bundles.

See issue title, self explanatory

• Publish to npm under egshell or eggcss
• Update all examples in examples to use npm package
• Update README.md
• Sort out versioning
• Sort out releases on master repo
• Configure travis ci, e.g., see issue add travis ci for all things that travis should do

These are all the things that Travis should do when push to master

• Publish to npm
• Publish release on github
• Update README.md on github repo with badges for version & build: passing
• Update package.json on github repo (with version)

• Out of the Box™ - vanilla
• Parcel-built-from-source
• Parcel-out-of-the-box
• jekyll-built-from-source
• React - Out of the Box™
• React - Built from source
• React - Component based
• Vue - Out of the Box™
• Vue - Built from source
• Vue - Component based
• Rails - Built from source