Released Version 1.0.1

.gitignore

@@ -0,0 +1,4 @@
+.DS_Store
+/dist/
+/node_modules/
+/public_html/

LICENSE.md

@@ -0,0 +1,21 @@
+# The MIT License (MIT)
+Copyright 2017-present, Rafael Grigorian
+
+* * *
+
+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,35 @@
+# Chrome Extension - MILK
+> Cookie's best friend! Modern cookie manager.
+
+![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)
+![Version 1.0.1](https://img.shields.io/badge/Version-1.0.1-yellow.svg?style=for-the-badge)
+![Version 1.0.1](https://img.shields.io/chrome-web-store/d/haipckejfdppjfblgondaakgckohcihp.svg?style=for-the-badge)
+
+![screenshot](docs/images/screenshot-1.png)
+
+### About
+
+MILK is a modern cookie manager that aims to streamline the way you interact with cookies. With a modern and easy to use interface, it is easy to manage your browser's cookies. This extension comes with the following features:
+
+- Realtime Cookie List
+- Dynamically Search For Cookies
+- Create, Read, Update & Delete Cookies
+- Import & Export Cookies
+- Open Source Software (MIT)
+- Modern UI/UX (Material Design)
+
+### Development
+
+```shell
+# Hot Reload
+yarn clean
+yarn install
+yarn serve
+```
+
+### Package Extension
+
+```shell
+# Package Extension
+yarn release
+```

package.json

@@ -0,0 +1,35 @@
+{
+	"name": "chrome-milk",
+	"version": "1.0.0",
+	"description": "Chrome extension that manages your browser's cookies",
+	"main": "./src/index.jsx",
+	"author": "Rafael Grigorian <[email protected]>",
+	"license": "MIT",
+	"scripts": {
+		"build": "parcel build src/index.html --no-cache --out-dir public_html",
+		"serve": "parcel serve src/index.html --no-cache --out-dir public_html",
+		"clean": "rm -rf public_html dist",
+		"zip": "mkdir dist && zip -r dist/chrome-milk.zip public_html/*",
+		"release": "yarn clean && yarn build && yarn zip"
+	},
+	"dependencies": {
+		"@material-ui/core": "^3.5.1",
+		"parcel": "^1.9.7",
+		"react": "^16.2.0",
+		"react-dom": "^16.2.0"
+	},
+	"devDependencies": {
+		"moment": "^2.22.2",
+		"node-sass": "^4.9.3",
+		"parcel-bundler": "^1.6.1",
+		"parcel-plugin-static-files-copy": "^1.2.3"
+	},
+	"alias": {
+		"asset": "./src/assets",
+		"style": "./src/stylesheets",
+		"atom": "./src/components/atoms",
+		"molecule": "./src/components/molecules",
+		"orginism": "./src/components/orginisms",
+		"page": "./src/components/pages"
+	}
+}

src/components/atoms/Expires.jsx

@@ -0,0 +1,40 @@
+import React from "react"
+import PropTypes from "prop-types"
+import moment from "moment"
+
+class Expires extends React.Component {
+
+	render () {
+		let today = new Date ().getTime ()
+		let expires = this.props.timestamp * 1000
+		let delta = Math.abs ( expires - today )
+		let duration = moment.duration ( delta, "milliseconds" )
+		return <div className="expires" >
+			<div>
+				{[
+					duration._data.years,
+					duration._data.months,
+					duration._data.days
+				].join ("/")}
+			</div>
+			<div>
+				{[
+					duration._data.hours,
+					duration._data.minutes,
+					duration._data.seconds
+				].join (":")}
+			</div>
+		</div>
+	}
+
+}
+
+Expires.propTypes = {
+	timestamp: PropTypes.number.isRequired,
+}
+
+Expires.defaultProps = {
+	timestamp: 0
+}
+
+export default Expires

src/components/atoms/IconButton.jsx

@@ -0,0 +1,29 @@
+import React from "react"
+import PropTypes from "prop-types"
+
+class IconButton extends React.Component {
+
+	render () {
+		let className = `icon-button ${this.props.active && this.props.stateful ? "active": ""}`
+		return <div className={ className } onClick={ this.props.onClick } >
+			<i className="material-icons" >
+				{ this.props.children }
+			</i>
+		</div>
+	}
+
+}
+
+IconButton.propTypes = {
+	active: PropTypes.bool,
+	children: PropTypes.string.isRequired,
+	onClick: PropTypes.func,
+	stateful: PropTypes.bool.isRequired
+}
+
+IconButton.defaultProps = {
+	active: false,
+	onClick: null,
+}
+
+export default IconButton

src/components/atoms/ImagePanel.jsx

@@ -0,0 +1,9 @@
+import React from "react"
+
+export default class ImagePanel extends React.Component {
+
+	render () {
+		return this.constructor.name
+	}
+
+}

src/components/atoms/Label.jsx

@@ -0,0 +1,9 @@
+import React from "react"
+
+export default class Label extends React.Component {
+
+	render () {
+		return <div className="label" >{ this.props.children }</div>
+	}
+
+}

src/components/atoms/MenuItem.jsx

@@ -0,0 +1,28 @@
+import React from "react"
+import PropTypes from "prop-types"
+
+class MenuItem extends React.Component {
+
+	render () {
+		return <div
+			className={`menu-item ${this.props.disabled ? "" : "active"}`}
+			onClick={this.props.disabled ? null : this.props.onClick} >
+			{this.props.children}
+		</div>
+	}
+
+}
+
+MenuItem.propTypes = {
+	children: PropTypes.string,
+	disabled: PropTypes.bool,
+	onClick: PropTypes.func
+}
+
+MenuItem.defaultProps = {
+	children: "",
+	disabled: false,
+	onClick: null
+}
+
+export default MenuItem