Merge pull request #9 from BoyWithSilverWings/feature/test-emojis

try party emoji

README.md

@@ -99,6 +99,14 @@ Frontmatter level props on a document always takes precedence over Repository le
    fontSize: 120%;
    ```
 
+4. **I need an emoji instead of image**
+
+   You can pass in the unicode representation of the emoji from the [List](https://unicode.org/emoji/charts/full-emoji-list.html) in `imageUrl` prop.
+
+5. **I need to format the title**
+
+   The `title` prop supports markdown, feel _free_ to _use_ it.
+
 ### I need more customisation on the output.
 
 The generator uses a web component to create the default output and provides a repository level prop to customise this web component.

__tests__/generate-html.test.ts

@@ -61,8 +61,12 @@ describe("Generate HTML", () => {
 
   it("process emojis", () => {
     const result = generateHtml({
-      imageUrl: "😍"
+      imageUrl: "😍",
+      title: "Generating open graph images with Github Actions",
+      subtitle: "Works with Markdown files",
+      componentUrl: "https://unpkg.com/@agney/[email protected]"
     });
+    console.log(result);
     expect(result.includes(`class="emoji"`)).toBe(true);
   });
 });

action.yml

@@ -19,7 +19,7 @@ inputs:
     default: "#000000"
   componentUrl:
     description: "URL for web component"
-    default: "https://unpkg.com/@agney/[email protected].2"
+    default: "https://unpkg.com/@agney/[email protected].3"
   fontSize:
     description: "Font size for the root"
     default: "100%"

demo/test-file.md

@@ -4,7 +4,8 @@ description: Nothing to see here
 ogImage:
   title: Generating *open graph* images with Github Actions
   subtitle: Works with Markdown files
-  imageUrl: 😍
+  imageUrl: "🥳"
+  background: "linear-gradient(to right, #000428, #004e92)"
   filename: this-file
 ---