Merge pull request #22 from olliethedev/feat/blog-plugin

Feat/blog plugin

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.18",
+  "version": "1.1.19",
   "private": true,
   "workspaces": [
     "./packages/*"

packages/amplify-graphql-amplifiers-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amplifiers/amplify-graphql-amplifiers-core",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "description": "Amplify GraphQL @createModel transformer. This directive is intended to be used for creating a new model once a Cognito Event is fired.",
   "keywords": [
     "aws",

packages/amplify-graphql-create-model-transformer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amplifiers/amplify-graphql-create-model-transformer",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "description": "Amplify GraphQL @createModel transformer. This directive is intended to be used for creating a new model once a Cognito Event is fired.",
   "keywords": [
     "aws",

packages/amplify-graphql-process-image-transformer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amplifiers/amplify-graphql-process-image-transformer",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "description": "This directive allows you to process images.",
   "keywords": [
     "aws",

packages/amplify-graphql-send-email-transformer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amplifiers/amplify-graphql-send-email-transformer",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "description": "Amplify GraphQL @sendEmail transformer.",
   "keywords": [
     "aws",

packages/amplify-util-blog/README.md

@@ -24,6 +24,10 @@ To use this plugin, you need to install it globally:
 ```bash
 npm install -g @amplifiers/amplify-util-blog
 ```
+The plugin uses typesense transformer for search and amplify-ui components for ui, so we will also need to install the following:
+```bash
+npm install -s amplify-graphql-typesense-transformer @aws-amplify/ui-react @aws-amplify/ui-react-storage aws-amplify react-markdown remark-gfm remark-math
+```
 
 Then, you can use the `amplify plugin add` command to add it to your Amplify CLI:
 ```bash
@@ -32,6 +36,8 @@ amplify plugin add /usr/local/lib/node_modules/@amplifiers/amplify-util-blog
 
 Follow the prompts to add the `amplify-util-blog` plugin.
 
+Remember to update the typesense api key and endpoint in your `parameters.json` if you plan to use search.
+
 ## Usage
 
 To add blog functionality to your project, run:

packages/amplify-util-blog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amplifiers/amplify-util-blog",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "description": "Amplify Util Blog is a utility plugin for the Amplify CLI that helps you add blog functionality to your Amplify project.",
   "keywords": [
     "aws",
@@ -21,7 +21,8 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "compile": "echo  WIP"
-  },"dependencies": {
+  },
+  "dependencies": {
     "fs-extra": "^11.1.1"
   },
   "author": "olliethedev",

packages/amplify-util-blog/ui-components/blog/base/PostCard.d.ts

@@ -8,7 +8,7 @@ import * as React from "react";
 import { Post } from "../../../models";
 import { EscapeHatchProps } from "@aws-amplify/ui-react/internal";
 import { FlexProps, TextProps } from "@aws-amplify/ui-react";
-import { MyIconProps } from "../../MyIcon";
+import { MyIconProps } from "../icons/MyIcon";
 export declare type PrimitiveOverrideProps<T> = Partial<T> & React.DOMAttributes<HTMLDivElement>;
 export declare type PostCardOverridesProps = {
     PostCard?: PrimitiveOverrideProps<FlexProps>;

packages/amplify-util-blog/ui-components/blog/base/PostCard.jsx

@@ -11,7 +11,7 @@ import {
   useNavigateAction,
 } from "@aws-amplify/ui-react/internal";
 import { Flex, Text } from "@aws-amplify/ui-react";
-import MyIcon from "../../MyIcon";
+import MyIcon from "../icons/MyIcon";
 export default function PostCard(props) {
   const { post, imageContainer, overrides, ...rest } = props;
   const readMoreLayoutOnClick = useNavigateAction({

packages/amplify-util-blog/ui-components/blog/icons/MyIcon.d.ts

@@ -0,0 +1,19 @@
+/***************************************************************************
+ * The contents of this file were generated with Amplify Studio.           *
+ * Please refrain from making any modifications to this file.              *
+ * Any changes to this file will be overwritten when running amplify pull. *
+ **************************************************************************/
+
+import * as React from "react";
+import { EscapeHatchProps } from "@aws-amplify/ui-react/internal";
+import { IconProps } from "@aws-amplify/ui-react";
+export declare type PrimitiveOverrideProps<T> = Partial<T> & React.DOMAttributes<HTMLDivElement>;
+export declare type MyIconOverridesProps = {
+    MyIcon?: PrimitiveOverrideProps<IconProps>;
+} & EscapeHatchProps;
+export declare type MyIconProps = React.PropsWithChildren<Partial<IconProps> & {
+    type?: "alert" | "arrow-right" | "authentication" | "bookmark_border" | "chat" | "chat-bubble-outline" | "checkmark" | "close" | "content" | "dashboard" | "data" | "delete" | "edit" | "email" | "favorite" | "favorite_border" | "file" | "function" | "group" | "home" | "info" | "instagram" | "location" | "more_horiz" | "more_vert" | "notification" | "phone" | "reply" | "send" | "settings" | "share" | "shopping_bag" | "shuffle" | "storage" | "twitter" | "warning";
+} & {
+    overrides?: MyIconOverridesProps | undefined | null;
+}>;
+export default function MyIcon(props: MyIconProps): React.ReactElement;