release: 2.0.2, breaking changes, added collections, more info on cha…

…ngelog

CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.0.2]
+
+### Breaking changes
+- Notion API has changed. Maybe you get this error: "400 error on get_block() call",the fix is in here https://github.com/jamalex/notion-py/issues/292 but you need to modify manually the library. Meanwhile I am waiting for the library owner to update it.
+- If you make a lot of request to notion API, means adding lot of content in a short amount of time, you may get now a 429 error(Too Many Requests). I may look into finding a solution or workaround to this, but it is a problem on notion's not my repo or @jamalex notion-py repo.
+
+### Added 
+
+- Added collections! Now you can have different collections or databases, so you can add the content to the collection you choose. More info here as you need to change your current notion setup:  https://github.com/elblogbruno/NotionAI-MyMind/wiki/Notion-AI-My-Mind-Collections
+
+### Fixed
+
+- Added more exceptions for error handling.
+- Added notification for Notion's recent API change that limits api requests.
+
 ## [2.0.1]
 
 ### Added 
@@ -69,6 +84,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Fixed server issues adding callback capabilities. Before some websites images were not added due to timeouts.
 
+[2.0.2]: https://github.com/elblogbruno/NotionAI-MyMind/releases/tag/2.0.2
 [2.0.1]: https://github.com/elblogbruno/NotionAI-MyMind/releases/tag/2.0.1
 [2.0]: https://github.com/elblogbruno/NotionAI-MyMind/releases/tag/2.0
 [1.9]: https://github.com/elblogbruno/NotionAI-MyMind/releases/tag/1.9

Chrome Extension/css/collection.css

@@ -0,0 +1,127 @@
+/*
+ * Notification Component
+ */
+ #collection-notification {
+	font-family: Avenir, sans-serif !important;
+	position: fixed;
+	right: 30px;
+	top: 30px;
+	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
+	border-radius: 4px;
+	width: 350px;
+	box-sizing: border-box;
+	user-select: none;
+
+	animation: caimmNotificationSlideIn 300ms ease-out forwards;
+	animation-delay: 300ms;
+	opacity: 0;
+	will-change: opacity, transform;
+	z-index: 2147483647;
+}
+
+#collection-notification[status="error"] .collection-notification-inner {
+	border: 2px solid #FF0000 !important;
+}
+
+#collection-notification[status="limited"] .collection-notification-inner {
+	background: #FF5924 !important;
+	border: none !important;
+}
+#collection-notification[status="success"] .collection-notification-inner {
+	border: 2px solid coral!important;
+}
+
+#collection-notification[closing="true"] {
+	pointer-events: none !important;
+	animation: caimmNotificationSlideOut 300ms ease-out forwards;
+}
+
+#collection-notification .collection-notification-wrap {
+	overflow: hidden;
+	border-radius: 4px;
+}
+
+#collection-notification .collection-notification-inner {
+	border-radius: 4px;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	align-items: center;
+	background: #FFFFFF;
+	color: #000000 !important;
+	position: relative;
+	z-index: 3;
+	min-height: 90px;
+	padding: 20px;
+	box-sizing: border-box;
+	border: 1px solid #EFEFEF;
+	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
+	cursor: pointer;
+}
+
+#collection-notification .collection-notification-inner img {
+	width: 30px;
+	margin: 0 20px;
+}
+
+#collection-notification .collection-notification-inner span {
+	color: inherit !important;
+	font-family: Avenir, sans-serif !important;
+	font-weight: normal !important;
+	font-size: 20px !important;
+	line-height: 26px !important;
+	letter-spacing: 0 !important;
+	text-transform: none !important;
+}
+
+
+/*
+Buttons
+*/
+.collection-button-div button {
+	background-color: white;
+    color: black;
+	border-radius: 4px;
+  	border: 3px solid coral;
+	display: block;
+	margin: 5px;
+}
+
+.collection-button-div {
+	display: flex;
+	flex-direction: column;
+  	justify-content: normal;
+}
+
+/* Add a background color on hover */
+.collection-button-div button:hover {
+	background-color: #f1f1f1;
+}
+
+/*
+ * Animations
+ */
+
+@keyframes caimmNotificationSlideIn {
+	0% {
+		opacity: 0;
+		transform: translateY(30px);
+	}
+
+	100% {
+		opacity: 1;
+		transform: translateY(0px);
+	}
+}
+
+@keyframes caimmNotificationSlideOut {
+	0% {
+		opacity: 1;
+		transform: translateY(0px);
+	}
+
+	100% {
+		opacity: 0;
+		transform: translateY(-30px);
+	}
+}