chore(release): first release

BREAKING CHANGE: First stable release

.editorconfig

@@ -0,0 +1,8 @@
+root = true
+
+[*]
+end_of_line = lf
+
+[*.{js,json,ts,html,jsx,mdx}]
+indent_style = space
+indent_size = 2

.eslintrc

@@ -0,0 +1,46 @@
+{
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "es6": true,
+    "node": true
+  },
+  "plugins": [
+    "react",
+    "jsx-a11y"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:jsx-a11y/recommended"
+  ],
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "rules": {
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "semi": [
+      "error",
+      "always"
+    ],
+    "no-console" : [
+      "warn"
+    ],
+    "prefer-template" : [
+      "error"
+    ]
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}

.github/workflows/npm-publish.yml

@@ -0,0 +1,33 @@
+name: build
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12
+          registry-url: https://registry.npmjs.org/
+          scope: '@chatscope'
+      - name: Install dependencies
+        run: yarn
+      - name: Build
+        run: yarn build
+      - name: Publish package
+        env:
+          GITHUB_TOKEN: ${{secrets.RELEASE_TOKEN}}
+          NPM_TOKEN: ${{secrets.NPM_TOKEN}}
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+          GIT_AUTHOR_NAME: supersnager
+          GIT_AUTHOR_EMAIL: ${{secrets.GIT_AUTHOR_EMAIL}}
+          GIT_COMMITTER_NAME: supersnager
+          GIT_COMMITTER_EMAIL: ${{secrets.GIT_AUTHOR_EMAIL}}
+        run: npx semantic-release

.gitignore

@@ -0,0 +1,27 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+.idea
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+/dist
+/storybook-static
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.eslintcache

.lintstagedrc.js

@@ -0,0 +1,9 @@
+const { CLIEngine } = require("eslint");
+
+const cli = new CLIEngine({});
+
+module.exports = {
+  "*.js": (files) =>
+    "eslint --max-warnings=0 " +
+    files.filter((file) => !cli.isPathIgnored(file)).join(" "),
+};

.yarnrc

@@ -0,0 +1 @@
+version-git-tag false

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 chatscope.io <chatscope@chatscope.io>
+
+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 NON-INFRINGEMENT. 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,97 @@
+# Chat UI Kit React
+
+[![Actions Status](https://github.com/chatscope/chat-ui-kit-react/workflows/build/badge.svg)](https://github.com/chatscope/chat-ui-kit-react/actions) [![npm version](https://img.shields.io/npm/v/@chatscope/chat-ui-kit-react.svg?style=flat)](https://npmjs.com/@chatscope/chat-ui-kit-react) [![](https://img.shields.io/npm/l/@chatscope/chat-ui-kit-react)](https://github.com/chatscope/chat-ui-kit-react/blob/master/LICENSE) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) [![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://chatscope.io/storybook)
+
+Build your own chat UI in few minutes.  
+Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
+
+Tired of struggling with sticky scrollbars, contenteditable, responsiveness, css hacks...?  
+Our kit is for you! [See all features](https://chatscope.io/features).
+
+**Chat UI Kit makes chat UI development at warp speed**
+
+## Install
+
+**Component library**.
+
+Using yarn.
+
+```sh
+yarn add @chatscope/chat-ui-kit-react
+```
+
+Using npm.
+
+```sh
+npm install @chatscope/chat-ui-kit-react
+```
+
+**Styles**.
+
+Using yarn.
+
+```sh
+yarn add @chatscope/chat-ui-kit-styles
+```
+
+Using npm.
+
+```sh
+npm install @chatscope/chat-ui-kit-styles
+```
+
+## Usage
+
+### ESM
+
+```jsx
+import styles from "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
+import {
+  MainContainer,
+  ChatContainer,
+  MessageList,
+  Message,
+  MessageInput,
+} from "@chatscope/chat-ui-kit-react";
+
+<div style={{ position: "relative", height: "500px" }}>
+  <MainContainer>
+    <ChatContainer>
+      <MessageList>
+        <Message
+          model={{
+            message: "Hello my friend",
+            sentTime: "just now",
+            sender: "Joe",
+          }}
+        />
+      </MessageList>
+      <MessageInput placeholder="Type message here" />
+    </ChatContainer>
+  </MainContainer>
+</div>;
+```
+
+Yeah! Your first chat GUI is ready!
+
+### UMD
+
+UMD usage is documented in our [Storybook](https://chatscope.io/storybook/react/).
+
+## Show your support
+
+Now if you made your awesome chat UI and you love this library, please ⭐ this repository!
+
+## Community and support
+
+- Twitting via [@chatscope](https://twitter.com/chatscope)
+- Chatting at [Discord](https://discord.gg/ZSuESK)
+- Facebooking at [Facebook](https://www.facebook.com/chatscope)
+
+## Website
+
+[https://chatscope.io](https://chatscope.io)
+
+## License
+
+[MIT](https://github.com/chatscope/chat-ui-kit-react/blob/master/LICENSE)

babel.config.js

@@ -0,0 +1,52 @@
+module.exports = {
+  env: {
+    // ESM Build
+    esm: {
+      exclude: ["node_modules/**"],
+      presets: [
+        [
+          "@babel/preset-env",
+          {
+            modules: false, // Code is written as ES2015 - no need to transform modules
+          },
+        ],
+        "@babel/preset-react",
+      ],
+      plugins: [
+        "@babel/plugin-proposal-class-properties",
+
+        [
+          "transform-react-remove-prop-types",
+          {
+            mode: "unsafe-wrap",
+            ignoreFilenames: ["node_modules"],
+          },
+        ],
+      ],
+    },
+
+    // CommonJs build
+    cjs: {
+      exclude: ["node_modules/**"],
+      presets: [
+        [
+          "@babel/preset-env",
+          {
+            modules: "commonjs", // Transform modules to CommonJs
+          },
+        ],
+        "@babel/preset-react",
+      ],
+      plugins: [
+        "@babel/plugin-proposal-class-properties",
+        [
+          "transform-react-remove-prop-types",
+          {
+            mode: "unsafe-wrap", // Wrap propTypes in condition to remove by webpack in production build
+            ignoreFilenames: ["node_modules"],
+          },
+        ],
+      ],
+    },
+  },
+};

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ["@commitlint/config-conventional"] };