updated documentation; added cover and preview

Author: fofiu

README.md

@@ -1,3 +1,23 @@
 # Raster Dato Plugin
 
 Getting images from Raster and use them in your DatoCMS project.
+
+![Raster Dato Plugin Preview](docs/preview.png)
+
+## Preparing to Use the Raster App in Contentful
+
+Before using the app in Contentful an API key is needed, along with your Organization’s ID.
+
+### Getting the Organization ID
+
+To use the Raster app in Contentful, an Organization ID is required. You can get the Organization ID by navigating to `Organization name` `>` `Settings`. The Organization ID is the slug found after the [raster.app](http://raster.app/) URL.
+
+## API Key
+
+Similar to a required Organization ID, the Raster app in Contentful also needs an API Key. You can set up the API key and enable library level access by navigating to `Organization name` `>` `Settings`.
+
+To enable APIs, follow these steps:
+
+1. Generate a new key.
+2. Enable `Read` access for the libraries you want to access via the API key.
+3. Save your changes.

docs/cover.png

@@ -1,25 +1,20 @@
 {
 	"name": "raster-dato-plugin",
 	"version": "0.1.0",
-	"private": true,
-	"dependencies": {
-		"@dnd-kit/core": "^6.1.0",
-		"@dnd-kit/sortable": "^8.0.0",
-		"@types/node": "^18.11.18",
-		"@types/react": "^18.3.3",
-		"@types/react-dom": "^18.3.0",
-		"clsx": "^2.1.1",
-		"datocms-plugin-sdk": "^1.1.0",
-		"datocms-react-ui": "^1.1.0",
-		"lodash": "^4.17.21",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
-		"react-scripts": "5.0.1",
-		"sass": "^1.77.8",
-		"swr": "^2.2.5",
-		"typescript": "^5.5.3",
-		"zustand": "^4.5.4"
-	},
+	"author": "Raster <hello@raster.app>",
+	"license": "MIT",
+	"description": "A DatoCMS plugin for Raster, a digital asset manager for modern teams, saving time organizing, editing, and hosting photography.",
+	"homepage": "https://raster.app",
+	"repository": "https://github.com/raster-app/raster-dato-plugin",
+	"keywords": [
+		"datocms-plugin",
+		"raster",
+		"raster-app",
+		"dato",
+		"plugin",
+		"dam",
+		"digital-asset-management"
+	],
 	"scripts": {
 		"start": "cross-env BROWSER='none' PUBLIC_URL='/' react-scripts start",
 		"build": "cross-env PUBLIC_URL='.' react-scripts build",
@@ -44,6 +39,24 @@
 			"last 1 safari version"
 		]
 	},
+	"dependencies": {
+		"@dnd-kit/core": "^6.1.0",
+		"@dnd-kit/sortable": "^8.0.0",
+		"@types/node": "^18.11.18",
+		"@types/react": "^18.3.3",
+		"@types/react-dom": "^18.3.0",
+		"clsx": "^2.1.1",
+		"datocms-plugin-sdk": "^1.1.0",
+		"datocms-react-ui": "^1.1.0",
+		"lodash": "^4.17.21",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"react-scripts": "5.0.1",
+		"sass": "^1.77.8",
+		"swr": "^2.2.5",
+		"typescript": "^5.5.3",
+		"zustand": "^4.5.4"
+	},
 	"devDependencies": {
 		"@monogram/prettier-config": "^0.3.4",
 		"@types/lodash": "^4.17.7",
@@ -53,10 +66,10 @@
 		"tailwindcss": "^3.4.7"
 	},
 	"datoCmsPlugin": {
-		"title": "",
-		"previewImage": "",
-		"coverImage": "",
+		"title": "Raster DatoCMS Plugin",
+		"coverImage": "docs/cover.png",
+		"previewImage": "docs/preview.png",
 		"entryPoint": "build/index.html"
 	},
 	"prettier": "@monogram/prettier-config"
-}
+}