next release

.github/workflows/release.yml

@@ -0,0 +1,24 @@
+name: CI
+on: push
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+          # Make sure the release step uses its own credentials.
+          persist-credentials: false
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: "lts/*"
+      - name: Install dependencies
+        run: yarn install
+      - name: Release
+        env:
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: yarn semantic-release

.gitignore

@@ -5,5 +5,5 @@ node_modules/
 public/
 .cache/
 coverage/
-.prefetched-providers.json
+prefetched-providers.json
 *.log

.releaserc

@@ -0,0 +1,54 @@
+{
+  "branches": [
+    "main",
+    {
+      "name": "next",
+      "prerelease": true
+    }
+  ],
+  "plugins": [
+    [
+      "@semantic-release/commit-analyzer",
+      {
+        "preset": "angular",
+        "releaseRules": [
+          {
+            "type": "docs",
+            "scope": "README",
+            "release": "patch"
+          }
+        ],
+        "parserOpts": {
+          "noteKeywords": [
+            "BREAKING CHANGE",
+            "BREAKING CHANGES"
+          ]
+        }
+      }
+    ],
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        "changelogFile": "CHANGELOG.md"
+      }
+    ],
+    [
+      "@semantic-release/npm",
+      {
+        "pkgRoot": "gatsby-remark-oembed"
+      }
+    ],
+    [
+      "@semantic-release/git",
+      {
+        "assets": [
+          "gatsby-remark-oembed/package.json",
+          "CHANGELOG.md",
+          "yarn.lock"
+        ]
+      }
+    ],
+    "@semantic-release/github"
+  ]
+}

CHANGELOG.md

@@ -0,0 +1,20 @@
+# [0.2.0-next.3](https://github.com/queen-raae/gatsby-remark-oembed/compare/v0.2.0-next.2...v0.2.0-next.3) (2022-04-26)
+
+
+### Bug Fixes
+
+* use prepack to download provider list ([d421b84](https://github.com/queen-raae/gatsby-remark-oembed/commit/d421b849289dc6c23bb0246b4873f6daf31e4f06))
+
+# [0.2.0-next.2](https://github.com/queen-raae/gatsby-remark-oembed/compare/v0.2.0-next.1...v0.2.0-next.2) (2022-04-26)
+
+
+### Bug Fixes
+
+* npm unignore prefetched-providers.json ([2dde20d](https://github.com/queen-raae/gatsby-remark-oembed/commit/2dde20d9628d29550e6798b4fbdabfa6a61069db))
+
+# [0.2.0-next.1](https://github.com/queen-raae/gatsby-remark-oembed/compare/v0.1.1...v0.2.0-next.1) (2022-04-26)
+
+
+### Features
+
+* do not fetch providers list on evert build ([4c1ac9c](https://github.com/queen-raae/gatsby-remark-oembed/commit/4c1ac9c2109f0693e6755fc70e82f1571a90af3d))

README.md

@@ -2,7 +2,9 @@
 
 > This GatsbyJS Remark Sub-Plugin transforms oEmbed links (Twitter, Instagram, YouTube, Vimeo, SoundCloud, CodePen etc.) into its corresponding embed code.
 
-This is an early version of the plugin. Let me know if you have problems or questions by submitting an issue.
+Works with both `gatsby-transformer-remark` and `gatsby-plugin-mdx`.
+
+Let me know if you have problems or questions by submitting an issue.
 
 ## Install
 
@@ -30,13 +32,14 @@ Twitter, Flickr, Instagram and Reddit requires external javascript to be added t
 
 > **Update:** Twitch removed oEmbed support in 2020 when deprecating their v5 API. It seems they are not planning to support oEmbed again. Unfortunately this means Twitch urls are no longer being transformed. Let them know how you feel about this [on their forum](https://discuss.dev.twitch.tv/t/oembed-deprecation/24424/2).
 
-## Example site
+## Demo sites
 
-Check out [gatsby-remark-oembed.netlify.com/](https://gatsby-remark-oembed.netlify.com/). Its source code can be found in [gatsby-remark-oembed-example-site](/gatsby-remark-oembed-example-site).
+- [Markdown Demo Site](https://gatsby-remark-oembed.netlify.com/)
+- [Mdx Demo Site](https://gatsby-remark-oembed-mdx.netlify.app)
 
 ## How to use
 
-### Configuration
+### Configuration example for gatsby-transformer-remark
 
 ```js
 // In your gatsby-config.js
@@ -65,6 +68,42 @@ plugins: [
 ];
 ```
 
+### Configuration example for gatsby-plugin-mdx
+
+```js
+// In your gatsby-config.js
+plugins: [
+  {
+    resolve: `gatsby-plugin-mdx`,
+    options: {
+      gatsbyRemarkPlugins: [
+        {
+          resolve: `@raae/gatsby-remark-oembed`,
+          options: {
+            // usePrefix defaults to false
+            // usePrefix: true is the same as ["oembed"]
+            usePrefix: ["oembed", "video"],
+            providers: {
+              // Important to exclude providers
+              // that adds js to the page.
+              // If you do not need them.
+              exclude: ["Reddit"],
+            },
+            providers: {
+              settings: {
+                Twitter: {
+                  theme: "dark", // Use the Twitter light theme
+                },
+              },
+            },
+          },
+        },
+      ],
+    },
+  },
+];
+```
+
 #### Settings per provider
 
 Many oEmbed providers offer additional options for configure the display of the embed.
@@ -176,11 +215,6 @@ This is a monorepo consisting of the plugin, and two example sites:
 
 And the plugin `/gatsby-remark-oembed`.
 
-By running `yarn dev` in the monorepo root you will spin up both sites.
-
-- `/gatsby-remark-oembed-md-site` on [localhost:8000](http://localhost:8000/)
-- `/gatsby-remark-oembed-mdx-site` on [localhost:8080](http://localhost:8080/)
-
 ## Release routines
 
 Make sure you have checked out and updated master.
@@ -189,7 +223,7 @@ Change directory to `gatsby-remark-oembed`.
 
 - Run `yarn version patch|minor|major`
 - Run `yarn publish`
-- Create a [release on Github](https://github.com/raae/gatsby-remark-oembed/releases/new).
+- Create a [release on Github](https://github.com/queen-raae/gatsby-remark-oembed/releases/new).
 
 ## Buy me a coffee?
 

gatsby-remark-oembed-md-site/README.md

@@ -1,13 +1,5 @@
-# gatsby-remark-oembed-example-site
+# gatsby-remark-oembed-md-site
 
 This is an example site for the [gatsby-remark-oembed](https://github.com/raae/gatsby-remark-oembed) plugin.
 
 Based of the [gatsby-starter-blog](https://github.com/gatsbyjs/gatsby-starter-blog).
-
-## Install
-
-`npm install`
-
-## Running in development
-
-`gatsby develop`

gatsby-remark-oembed-md-site/package.json

@@ -4,7 +4,7 @@
   "author": "@raae (queen.raae.codes)",
   "version": "1.0.0",
   "license": "MIT",
-  "homepage": "https://github.com/raae/gatsby-remark-oembed-example-site#readme",
+  "homepage": "https://gatsby-remark-oembed.netlify.app/",
   "scripts": {
     "develop": "gatsby develop -p 8000",
     "build": "gatsby build",
@@ -32,10 +32,5 @@
     "typeface-montserrat": "1.1.13",
     "typography": "^0.16.17",
     "typography-theme-wordpress-2016": "^0.16.19"
-  },
-  "main": "n/a",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/raae/gatsby-remark-oembed-example-site"
   }
 }

gatsby-remark-oembed-mdx-site/README.md

@@ -1,13 +1,5 @@
-# gatsby-remark-oembed-example-site
+# gatsby-remark-oembed-mdx-site
 
 This is an example site for the [gatsby-remark-oembed](https://github.com/raae/gatsby-remark-oembed) plugin.
 
 Based of the [gatsby-starter-blog](https://github.com/gatsbyjs/gatsby-starter-blog).
-
-## Install
-
-`npm install`
-
-## Running in development
-
-`gatsby develop`

gatsby-remark-oembed-mdx-site/gatsby-config.js

@@ -28,7 +28,7 @@ module.exports = {
               providers: {
                 settings: {
                   Twitter: {
-                    theme: "light", // Use the Twitter light theme
+                    theme: "dark", // Use the Twitter light theme
                   },
                   Instagram: {
                     hidecaption: false,

gatsby-remark-oembed-mdx-site/package.json

@@ -4,7 +4,7 @@
   "author": "@raae (queen.raae.codes)",
   "version": "1.0.0",
   "license": "MIT",
-  "homepage": "https://github.com/raae/gatsby-remark-oembed-example-site#readme",
+  "homepage": "https://gatsby-remark-oembed-mdx.netlify.app/",
   "scripts": {
     "develop": "gatsby develop -p 8080",
     "build": "gatsby build",
@@ -38,10 +38,5 @@
   "devDependencies": {
     "eslint": "^8.13.0",
     "eslint-plugin-react": "^7.11.1"
-  },
-  "main": "n/a",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/raae/gatsby-remark-oembed-example-site"
   }
 }

gatsby-remark-oembed/.npmignore

@@ -1 +1 @@
-!.prefetched-providers.json
+!prefetched-providers.json

gatsby-remark-oembed/index.js

@@ -8,15 +8,12 @@ const {
   getProviders,
 } = require("./utils");
 
-module.exports = async (
-  { markdownAST, markdownNode, cache, reporter },
-  rawOptions
-) => {
+module.exports = async (gatsbyUtils, rawOptions) => {
+  const { markdownAST, markdownNode, reporter } = gatsbyUtils;
+
   try {
     const options = amendOptions(rawOptions);
-    const providers =
-      (await getProviders({ cache, reporter }, rawOptions)) || [];
-
+    const providers = await getProviders(gatsbyUtils, options);
     const nodes = selectPossibleOembedLinkNodes(markdownAST, options.usePrefix);
 
     if (nodes.length > 0) {

gatsby-remark-oembed/package.json

@@ -2,15 +2,17 @@
   "name": "@raae/gatsby-remark-oembed",
   "description": "> A GatsbyJS Plugin that transforms oembed links into its corresponding embed code.",
   "author": "@raae (queen.raae.codes)",
-  "version": "0.1.1",
+  "version": "0.2.0-next.3",
   "license": "MIT",
-  "homepage": "https://github.com/lillylabs/gatsby-remark-oembed#readme",
+  "homepage": "https://github.com/queen-raae/gatsby-remark-oembed#readme",
   "scripts": {
     "develop": "yarn test:watch",
     "lint": "eslint --fix",
+    "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "prepublish": "./prepublish.js"
+    "prepack": "./prepublish.js",
+    "postversion": "cp ../README.md ./README.md"
   },
   "dependencies": {
     "axios": "0.26.1",
@@ -27,6 +29,8 @@
   "keywords": [
     "gatsby",
     "gatsby-plugin",
+    "gatsby-plugin-mdx",
+    "gatsby-transformer-remark",
     "oembed",
     "remark",
     "youtube",
@@ -38,10 +42,10 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/lillylabs/gatsby-remark-oembed.git"
+    "url": "git+https://github.com/queen-raae/gatsby-remark-oembed.git"
   },
   "bugs": {
-    "url": "https://github.com/lillylabs/gatsby-remark-oembed/issues"
+    "url": "https://github.com/queen-raae/gatsby-remark-oembed/issues"
   },
   "main": "index.js",
   "jest": {