first commit

Author: TBHAMMOUDA

.babelrc

@@ -0,0 +1,27 @@
+{
+    "presets": [
+        [
+            "env",
+            {
+                "modules": false
+            }
+        ],
+        "react"
+    ],
+    "plugins": [
+        "react-hot-loader/babel"
+    ],
+    "env": {
+        "production": {
+            "presets": [
+                "minify"
+            ]
+        },
+        "test": {
+            "presets": [
+                "env",
+                "react"
+            ]
+        }
+    }
+}

.gitignore

@@ -0,0 +1,6 @@
+node_modules
+package-lock.json
+typings
+typings.json
+vscode
+dist

.vscode/tasks.json

@@ -0,0 +1,15 @@
+{
+    // See https://go.microsoft.com/fwlink/?LinkId=733558
+    // for the documentation about the tasks.json format
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "type": "npm",
+            "script": "start",
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            }
+        }
+    ]
+}

README.md

@@ -0,0 +1,29 @@
+# README #
+
+This README would normally document whatever steps are necessary to get your application up and running.
+
+### What is this repository for? ###
+
+* Quick summary
+* Version
+* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
+
+### How do I get set up? ###
+
+* Summary of set up
+* Configuration
+* Dependencies
+* Database configuration
+* How to run tests
+* Deployment instructions
+
+### Contribution guidelines ###
+
+* Writing tests
+* Code review
+* Other guidelines
+
+### Who do I talk to? ###
+
+* Repo owner or admin
+* Other community or team contact

bitbucket-pipelines.yml

@@ -0,0 +1,18 @@
+# This is a sample build configuration for JavaScript.
+# Check our guides at https://confluence.atlassian.com/x/14UWN for more examples.
+# Only use spaces to indent your .yml configuration.
+# -----
+# You can specify a custom docker image from Docker Hub as your build environment.
+pipelines:
+  default:
+    - step:
+        name: Build and test
+        image: node:8
+        caches:
+          - node
+        script:
+          - npm install
+          - npm test
+          - npm run build
+        artifacts:
+          - dist/**

package.json

@@ -0,0 +1,62 @@
+{
+  "name": "bizcardz",
+  "version": "1.0.0",
+  "description": "A business cards sharing app",
+  "dependencies": {
+    "axios": "^0.17.1",
+    "copy-dir-cli": "0.0.3",
+    "express": "^4.16.2",
+    "moment": "^2.22.0",
+    "morgan": "^1.9.0",
+    "postcss-loader": "^2.1.6",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
+    "react-redux": "^5.0.6",
+    "react-router": "^4.2.0",
+    "react-router-dom": "^4.2.2",
+    "redux": "^3.7.2",
+    "resolve-url-loader": "^2.3.0",
+    "styled-components": "^3.3.3",
+    "url-loader": "^1.0.1"
+  },
+  "devDependencies": {
+    "@types/axios": "^0.14.0",
+    "@types/jquery": "^3.2.16",
+    "@types/node": "^8.0.47",
+    "@types/react-dom": "^16.0.2",
+    "@types/react-redux": "^5.0.12",
+    "@types/react-router": "^4.0.16",
+    "@types/react-router-dom": "^4.2.0",
+    "@types/redux": "^3.6.0",
+    "@types/webpack-env": "^1.13.2",
+    "awesome-typescript-loader": "^3.4.1",
+    "babel": "^6.23.0",
+    "babel-core": "^6.26.0",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-react": "^6.24.1",
+    "css-loader": "^0.28.7",
+    "html-webpack-plugin": "^2.30.1",
+    "mocha": "^4.1.0",
+    "node-sass": "^4.7.2",
+    "react-hot-loader": "^3.1.3",
+    "rimraf": "^2.6.2",
+    "sass-loader": "^6.0.6",
+    "source-map-loader": "^0.2.3",
+    "style-loader": "^0.19.1",
+    "stylelint": "^8.4.0",
+    "stylelint-webpack-plugin": "^0.9.0",
+    "typescript": "^2.6.1",
+    "webpack": "^3.10.0",
+    "webpack-cli": "^3.1.0",
+    "webpack-dev-server": "^2.9.4"
+  },
+  "scripts": {
+    "build": "rimraf dist && mkdir dist && cp -R src/assets dist/ && webpack -p",
+    "start": "webpack-dev-server --open",
+    "test": "mocha --exit"
+  },
+  "author": "Benhammouda",
+  "license": "UNLICENSED",
+  "private": true
+}

server.js

@@ -0,0 +1,13 @@
+var express = require('express'),
+    morgan = require('morgan'),
+    port = process.env.PORT || 1337,
+    app = express()
+
+app.use(morgan('combined'))
+app.use(express.static('dist'))
+
+app.get('*', function (req, res) {
+    res.sendFile(__dirname + '/dist/index.html')
+})
+
+app.listen(port)

src/actions/files.ts

@@ -0,0 +1,34 @@
+const Retrieve = (data) => {
+    return {
+        type: 'RETRIEVE_FILES',
+        data
+    }
+}
+
+const Create = (data) => {
+    return {
+        type: 'CREATE_FILE',
+        data: data
+    }
+}
+
+const Rename = (oldName, newName) => {
+    return {
+        type: 'RENAME_FILE',
+        data: {
+            oldName,
+            newName
+        }
+    }
+}
+
+const Delete = (id) => {
+    return {
+        type: 'DELETE_FILE',
+        data: id
+    }
+}
+
+export default {
+    Retrieve, Create, Rename, Delete
+}

src/actions/links.ts

@@ -0,0 +1,31 @@
+const Retrieve = (data) => {
+    return {
+        type: 'RETRIEVE_LINKS',
+        data
+    }
+}
+
+const Create = (data) => {
+    return {
+        type: 'CREATE_LINK',
+        data: data
+    }
+}
+
+const Update = (data) => {
+    return {
+        type: 'UPDATE_LINK',
+        data: data
+    }
+}
+
+const Delete = (id) => {
+    return {
+        type: 'DELETE_LINK',
+        data: id
+    }
+}
+
+export default {
+    Retrieve, Create, Update, Delete
+}

src/actions/projects.ts

@@ -0,0 +1,31 @@
+const Retrieve = (data) => {
+    return {
+        type: 'RETRIEVE_PROJECTS',
+        data
+    }
+}
+
+const Create = (data) => {
+    return {
+        type: 'CREATE_PROJECT',
+        data: data
+    }
+}
+
+const Update = (data) => {
+    return {
+        type: 'UPDATE_PROJECT',
+        data: data
+    }
+}
+
+const Delete = (name) => {
+    return {
+        type: 'DELETE_PROJECT',
+        data: name
+    }
+}
+
+export default {
+    Retrieve, Create, Update, Delete
+}

src/actions/uploads.ts

@@ -0,0 +1,31 @@
+const Retrieve = (data) => {
+    return {
+        type: 'RETRIEVE_UPLOADS',
+        data
+    }
+}
+
+const Create = (data) => {
+    return {
+        type: 'CREATE_UPLOAD',
+        data: data
+    }
+}
+
+const Update = (data) => {
+    return {
+        type: 'UPDATE_UPLOAD',
+        data: data
+    }
+}
+
+const Delete = (data) => {
+    return {
+        type: 'DELETE_UPLOAD',
+        data: data
+    }
+}
+
+export default {
+    Retrieve, Create, Update, Delete
+}

src/actions/user.ts

@@ -0,0 +1,17 @@
+const Retrieve = (data) => {
+    return {
+        type: 'RETRIEVE_USER',
+        data
+    }
+}
+
+const Update = (data) => {
+    return {
+        type: 'UPDATE_USER',
+        data: data
+    }
+}
+
+export default {
+    Retrieve, Update
+}

src/assets/fonts/circularstd-bold.ttf

@@ -0,0 +1,38 @@
+import * as React from 'react'
+
+import './style.scss'
+
+interface IState {
+    loading: boolean
+}
+interface IPropos {
+    dataDismiss?: string
+    content: string
+    theme: string
+    action: any
+    size?: string
+    disabled?: boolean
+}
+
+export default class Button extends React.Component<IPropos, IState> {
+    constructor(props) {
+        super(props)
+
+        this.state = {
+            loading: false
+        }
+    }
+
+    async handleClick() {
+        try {
+            this.setState({ loading: true })
+            await this.props.action()
+        } finally {
+            this.setState({ loading: false })
+        }
+    }
+
+    render() {
+        return <button data-dismiss={this.props.dataDismiss} className={['button', (this.state.loading ? 'm-progress' : ''), this.props.theme, this.props.size, (this.props.disabled ? 'disabled' : '')].join(' ')} onClick={this.handleClick.bind(this)} disabled={this.props.disabled}>{this.props.content}</button>
+    }
+}