queen-raae / gatsby-remark-oembed

A GatsbyJS Plugin that transforms oembed links into its corresponding embed code.
https://gatsby-remark-oembed.netlify.com/
MIT License
162 stars 25 forks source link

Links not resolving #25

Closed amykapernick closed 5 years ago

amykapernick commented 6 years ago

Is this plugin functioning yet? I definitely want something like this but it's not working for me

Markup

## Instagram

https://www.instagram.com/p/BlhQaFtlvTq

https://www.youtube.com/watch?v=b2H7fWhQcdE

Gatsby Config

     {
            resolve: 'gatsby-transformer-remark',
            plugins: [
                {
                    resolve: `gatsby-remark-oembed`
                }
            ]
        },

Does anything need installing for the plugin?

My repo is https://github.com/amykapernick/amygoestoperth.git, current dev branch is netlify-gatsby

raae commented 6 years ago

How exciting that you found it and are asking about it!

It is very close to finished, but I need to finalize the options and make sure unneeded scripts are not loaded. Also, docs are needed. I have a date for someone to test it in a week and a half, so an alpha version will be done by then.

However, the master branch should work as of now. I think the error might be in the config. Mine looks like this:

  {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-oembed`
          }
        ]
      }
    },
amykapernick commented 6 years ago

I want to be able to include Twitter/Instagram/Codepen links in my markdown files and have them embed in my blog posts

The config seems to be working now but it's still giving an error when I try and run it

$ npm start

> amy-goes-to-perth@2.0.0 start C:\Users\amyka\web\amygoestoperth
> npm run develop

> amy-goes-to-perth@2.0.0 develop C:\Users\amyka\web\amygoestoperth
> gatsby develop

success open and validate gatsby-config — 0.014 s
success load plugins — 0.393 s
success onPreInit — 7.852 s
success delete html and css files from previous builds — 0.008 s
success initialize cache — 0.030 s
success copy gatsby files — 0.409 s
success onPreBootstrap — 0.008 s
success source and transform nodes — 0.122 s
success building schema — 1.758 s
success createPages — 0.097 s
success createPagesStatefully — 0.044 s
success onPreExtractQueries — 0.001 s
success update schema — 0.160 s
success extract queries from components — 0.152 s
⢀ run graphql queriesProcess https://www.instagram.com/p/BlhQaFtlvTq
Process https://www.youtube.com/watch?v=b2H7fWhQcdE
success run graphql queries — 4.164 s — 6/6 1.44 queries/second
success write out page data — 0.026 s
success write out redirect data — 0.004 s
success onPostBootstrap — 0.004 s

info bootstrap finished - 19.037 s

 ERROR  Failed to compile with 1 errors
   8:59:25 PM

 error  in ./plugins/gatsby-remark-oembed/gatsby-browser.js

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\amyka\web\amygoestoperth\plugins\gatsby-remark-oembed\gatsby-browser.js
   4:5   error  'twttr' is not defined    no-undef
   5:12  error  'twttr' is not defined    no-undef
   7:5   error  'twttr' is not defined    no-undef
  14:5   error  'instgrm' is not defined  no-undef
  15:12  error  'instgrm' is not defined  no-undef
  17:5   error  'instgrm' is not defined  no-undef

✖ 6 problems (6 errors, 0 warnings)

 @ ./.cache/api-runner-browser-plugins.js 7:10-98
 @ ./.cache/api-runner-browser.js
 @ ./.cache/app.js
 @ multi ./node_modules/react-hot-loader/patch.js (webpack)-hot-middleware/client.js?path=http://localhost:8000/__webpack_hmr&reload=true&overlay=false C://Users//amyka//web//amygoestoperth//.cache//app

× 「wdm」:
ERROR in ./plugins/gatsby-remark-oembed/gatsby-browser.js
Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\amyka\web\amygoestoperth\plugins\gatsby-remark-oembed\gatsby-browser.js
   4:5   error  'twttr' is not defined    no-undef
   5:12  error  'twttr' is not defined    no-undef
   7:5   error  'twttr' is not defined    no-undef
  14:5   error  'instgrm' is not defined  no-undef
  15:12  error  'instgrm' is not defined  no-undef
  17:5   error  'instgrm' is not defined  no-undef

✖ 6 problems (6 errors, 0 warnings)

 @ ./.cache/api-runner-browser-plugins.js 7:10-98
 @ ./.cache/api-runner-browser.js
 @ ./.cache/app.js
 @ multi ./node_modules/react-hot-loader/patch.js (webpack)-hot-middleware/client.js?path=http://localhost:8000/__webpack_hmr&reload=true&overlay=false C://Users//amyka//web//amygoestoperth//.cache//app
i 「wdm」: Failed to compile.
 DONE  Compiled successfully in 22067ms
   8:59:29 PM

 I  Netlify CMS is running at http://localhost:8000/admin/
raae commented 6 years ago

Looks like there are some eslint configurations messing things up. I am updating my project to the latest gatsby to see if I can reproduce it.

raae commented 6 years ago

The starter I was using overrides the eslint options, so I have not gotten these warnings. But managed to reproduce and have added a eslint configuration comment to the file that was creating problems.

Please try again with latest from the master branch and let me know how it goes. Its very motivation for me that someone is actually wanting to use it. So that might speed up development a little. Thanks!

amykapernick commented 6 years ago

That's fixed it and it's embedding my links now thanks!

I'm getting issues with my Netlify build though, it's failing and seems to be related to this plugin as it doesn't occur when I remove it

11:04:31 PM: info bootstrap finished - 27.998 s
11:05:45 PM: <--- Last few GCs --->
11:05:45 PM: [1525:0x2809a50]    96473 ms: Mark-sweep 1392.8 (1424.5) -> 1392.5 (1425.0) MB, 2771.2 / 0.0 ms  (average mu = 0.095, current mu = 0.002) allocation failure scavenge might not succeed
11:05:45 PM: [1525:0x2809a50]    99061 ms: Mark-sweep 1393.4 (1425.0) -> 1393.1 (1426.0) MB, 2583.0 / 0.0 ms  (average mu = 0.052, current mu = 0.002) allocation failure scavenge might not succeed
11:05:45 PM: <--- JS stacktrace --->
11:05:45 PM: ==== JS stack trace =========================================
11:05:45 PM:     0: ExitFrame [pc: 0xa810c4041bd]
11:05:45 PM: Security context: 0x2cea0661e6c9 <JSObject>
11:05:45 PM:     1: /* anonymous */ [0xbd893cf98f9] [/opt/build/repo/node_modules/acorn/dist/acorn.js:~5247] [pc=0xa810ccebacc](this=0x17895d78be79 <Parser map = 0x9da1321e2f1>)
11:05:45 PM:     2: /* anonymous */ [0xbd893cf9059] [/opt/build/repo/node_modules/acorn/dist/acorn.js:~4568] [pc=0xa810cde46e2](this=0x17895d78be79 <Parser map = 0x9da1321e2f1>)
11:05:45 PM:     3: /* anonymous */ [0xbd893...
11:05:45 PM: FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
11:05:45 PM:  1: 0x8b5f80 node::Abort() [node]
11:05:45 PM:  2: 0x8b5fcc  [node]
11:05:45 PM:  3: 0xab730e v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [node]
11:05:45 PM:  4: 0xab7528 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [node]
11:05:45 PM:  5: 0xea5152  [node]
11:05:45 PM:  6: 0xeb10aa v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [node]
11:05:45 PM:  7: 0xeb1a14 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [node]
11:05:45 PM:  8: 0xeb4345 v8::internal::Heap::AllocateRawWithRetry(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [node]
11:05:45 PM:  9: 0xe7c824 v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [node]
11:05:45 PM: 10: 0x111e1de v8::internal::Runtime_AllocateInNewSpace(int, v8::internal::Object**, v8::internal::Isolate*) [node]
11:05:45 PM: 11: 0xa810c4041bd
11:05:52 PM: Aborted (core dumped)
11:05:52 PM: npm ERR! code ELIFECYCLE
11:05:52 PM: npm ERR! errno 134
11:05:52 PM: npm ERR! amy-goes-to-perth@2.0.0 build: `gatsby build`
11:05:52 PM: npm ERR! Exit status 134
raae commented 6 years ago

Thanks for testing. Probably not the most efficient code as of now. Will have a look at this week.

raae commented 6 years ago

I have tested with a small example site with two links and got it running on Netlify. See https://gatsby-remark-oembed.netlify.com/hi-folks/. The deployed repo it this one: https://github.com/raae/gatsby-remark-oembed-example-site.

How many oembed links do you have? It might be it fails at a certain amount. Will try to increase and test more this week.

raae commented 6 years ago

I think I have a solution, just deployed a site with almost 40 pages that each included 6 oembed links.

To test use the memory-problem branch, and let me know if that helps.

FYI. This repo changes address from lillylabs/gatsby-remark-oembed to raae/gatsby-remark-oembed.

amykapernick commented 6 years ago

So it's not failing, but it's also not resolving the links now:

1:47:58 PM: Build ready to start
1:47:59 PM: build-image version: 42bca793ccd33055023c56c4ca8510463a56d317
1:47:59 PM: buildbot version: 6bab8b64bbd90091082af19fedf16bf73d502e5e
1:48:00 PM: Fetching cached dependencies
1:48:01 PM: Failed to fetch cache, continuing with build
1:48:01 PM: Starting to prepare the repo for build
1:48:03 PM: No cached dependencies found. Cloning fresh repo
1:48:03 PM: git clone git@github.com:amykapernick/amygoestoperth
1:48:08 PM: Preparing Git Reference refs/heads/dev
1:48:09 PM: Starting build script
1:48:09 PM: Installing dependencies
1:48:10 PM: Attempting node version 'v10.7.0' from .nvmrc
1:48:10 PM: Downloading and installing node v10.7.0...
1:48:11 PM: Downloading https://nodejs.org/dist/v10.7.0/node-v10.7.0-linux-x64.tar.xz...
1:48:11 PM: 
#
1:48:11 PM:                                                         1.8%
1:48:11 PM: 
###################################
1:48:11 PM:                                     49.6%
1:48:11 PM: 
#########################################
1:48:11 PM: ############################### 100.0%
1:48:11 PM: Computing checksum with sha256sum
1:48:11 PM: Checksums matched!
1:48:13 PM: Now using node v10.7.0 (npm v6.1.0)
1:48:13 PM: Attempting ruby version 2.3.6, read from environment
1:48:14 PM: Using ruby version 2.3.6
1:48:15 PM: Using PHP version 5.6
1:48:15 PM: Started restoring cached node modules
1:48:15 PM: Finished restoring cached node modules
1:48:15 PM: Installing NPM modules using NPM version 6.1.0
1:48:26 PM: npm
1:48:26 PM:  WARN deprecated gulp-util@3.0.8: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
1:48:59 PM: > sharp@0.20.8 install /opt/build/repo/node_modules/sharp
1:48:59 PM: > (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
1:48:59 PM: info
1:49:01 PM:  sharp Detected globally-installed libvips v8.6.2
1:49:01 PM: info sharp Building from source via node-gyp
1:49:01 PM: make: Entering directory `/opt/build/repo/node_modules/sharp/build'
1:49:01 PM:   TOUCH Release/obj.target/libvips-cpp.stamp
1:49:01 PM:   CXX(target) Release/obj.target/sharp/src/common.o
1:49:03 PM:   CXX(target) Release/obj.target/sharp/src/metadata.o
1:49:04 PM:   CXX(target) Release/obj.target/sharp/src/stats.o
1:49:05 PM:   CXX(target) Release/obj.target/sharp/src/operations.o
1:49:06 PM:   CXX(target) Release/obj.target/sharp/src/pipeline.o
1:49:09 PM:   CXX(target) Release/obj.target/sharp/src/sharp.o
1:49:11 PM:   CXX(target) Release/obj.target/sharp/src/utilities.o
1:49:12 PM:   SOLINK_MODULE(target) Release/obj.target/sharp.node
1:49:12 PM:   COPY Release/sharp.node
1:49:12 PM: make: Leaving directory `/opt/build/repo/node_modules/sharp/build'
1:49:12 PM: > node-sass@4.9.3 install /opt/build/repo/node_modules/node-sass
1:49:12 PM: > node scripts/install.js
1:49:12 PM: Downloading binary from https://github.com/sass/node-sass/releases/download/v4.9.3/linux-x64-64_binding.node
1:49:14 PM: Download complete
1:49:14 PM: Binary saved to /opt/build/repo/node_modules/node-sass/vendor/linux-x64-64/binding.node
1:49:14 PM: Caching binary to /opt/buildhome/.npm/node-sass/4.9.3/linux-x64-64_binding.node
1:49:14 PM: > pre-commit@1.2.2 install /opt/build/repo/node_modules/pre-commit
1:49:14 PM: > node install.js
1:49:14 PM: > spawn-sync@1.0.15 postinstall /opt/build/repo/node_modules/spawn-sync
1:49:14 PM: > node postinstall
1:49:14 PM: > cwebp-bin@4.0.0 postinstall /opt/build/repo/node_modules/cwebp-bin
1:49:14 PM: > node lib/install.js
1:49:15 PM:   ✔ cwebp pre-build test passed successfully
1:49:15 PM: > mozjpeg@5.0.0 postinstall /opt/build/repo/node_modules/mozjpeg
1:49:15 PM: > node lib/install.js
1:49:16 PM:   ⚠ The `/opt/build/repo/node_modules/mozjpeg/vendor/cjpeg` binary doesn't seem to work correctly
1:49:16 PM:   ⚠ mozjpeg pre-build test failed
1:49:16 PM:   ℹ compiling from source
1:49:50 PM:   ✔ mozjpeg built successfully
1:49:50 PM: > pngquant-bin@5.0.0 postinstall /opt/build/repo/node_modules/pngquant-bin
1:49:50 PM: > node lib/install.js
1:49:51 PM:   ✔ pngquant pre-build test passed successfully
1:49:51 PM: > node-sass@4.9.3 postinstall /opt/build/repo/node_modules/node-sass
1:49:51 PM: > node scripts/build.js
1:49:51 PM: Binary found at /opt/build/repo/node_modules/node-sass/vendor/linux-x64-64/binding.node
1:49:51 PM: Testing binary
1:49:51 PM: Binary is fine
1:49:55 PM: npm
1:49:55 PM: notice created a lockfile as package-lock.json. You should commit this file.
1:49:55 PM: npm WARN gatsby-source-filesystem@1.5.39 requires a peer of gatsby@^1.9.250 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN netlify-cms-backend-test@2.0.6 requires a peer of immutable@^3.8.2 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN netlify-cms-backend-bitbucket@2.0.7 requires a peer of netlify-cms-lib-auth@2.0.0-alpha.0 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN netlify-cms-backend-bitbucket@2.0.7 requires a peer of netlify-cms-lib-util@2.0.0-alpha.0 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN netlify-cms-backend-bitbucket@2.0.7 requires a peer of netlify-cms-ui-default@2.0.0-alpha.0 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN slate@0.34.7 requires a peer of immutable@>=3.8.1 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN slate-edit-list@0.11.3 requires a peer of immutable@^3.8.2 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN slate-edit-list@0.11.3 requires a peer of slate@^0.32.0 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN slate-edit-table@0.15.2 requires a peer of immutable@^3.8.1 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN slate-edit-table@0.15.2 requires a peer of slate@^0.33.3 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN slate-plain-serializer@0.5.41 requires a peer of immutable@>=3.8.1 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN slate-react@0.12.9 requires a peer of immutable@>=3.8.1 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN slate-prop-types@0.4.66 requires a peer of immutable@>=3.8.1 but none is installed. You must install peer dependencies yourself.
1:49:55 PM: npm WARN amy-goes-to-perth@2.0.0 scripts['tests'] should probably be scripts['test'].
1:49:55 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents):
1:49:55 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
1:49:55 PM: added 2434 packages from 1270 contributors and audited 52843 packages in 99.263s
1:49:55 PM: found 5 moderate severity vulnerabilities
1:49:55 PM:   run `npm audit fix` to fix them, or `npm audit` for details
1:49:55 PM: NPM modules installed
1:49:55 PM: Started restoring cached go cache
1:49:55 PM: Finished restoring cached go cache
1:49:55 PM: unset GOOS;
1:49:55 PM: unset GOARCH;
1:49:55 PM: export GOROOT='/opt/buildhome/.gimme/versions/go1.10.linux.amd64';
1:49:55 PM: export PATH="/opt/buildhome/.gimme/versions/go1.10.linux.amd64/bin:${PATH}";
1:49:55 PM: go version >&2;
1:49:55 PM: export GIMME_ENV='/opt/buildhome/.gimme/env/go1.10.linux.amd64.env';
1:49:55 PM: go version go1.10 linux/amd64
1:49:55 PM: Installing missing commands
1:49:55 PM: Verify run directory
1:49:55 PM: Executing user command: npm run build
1:49:55 PM: > amy-goes-to-perth@2.0.0 build /opt/build/repo
1:49:55 PM: > gatsby build
1:49:57 PM: success open and validate gatsby-config — 0.010 s
1:49:57 PM: success load plugins — 0.218 s
1:49:58 PM: success onPreInit — 0.706 s
1:49:58 PM: success delete html and css files from previous builds — 0.007 s
1:49:58 PM: success initialize cache — 0.007 s
1:49:58 PM: success copy gatsby files — 0.013 s
1:49:59 PM: success onPreBootstrap — 0.377 s
1:49:59 PM: success source and transform nodes — 0.131 s
1:49:59 PM: success building schema — 0.290 s
1:49:59 PM: success createPages — 0.067 s
1:49:59 PM: success createPagesStatefully — 0.017 s
1:49:59 PM: success onPreExtractQueries — 0.003 s
1:49:59 PM: success update schema — 0.133 s
1:49:59 PM: success extract queries from components — 0.211 s
1:50:00 PM: Process node https://twitter.com/juniordev_io/status/936195652966539264
1:50:00 PM: providers is not iterable
1:50:00 PM: Process node https://twitter.com/DDDPerth/status/1025558951172001793
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/1025583161286131713
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/1025588645544177664
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/1025591034787459072
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/1025601777310228480
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/1025631570286137344
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/1025632220915019776
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/1025637082465628160
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/battlepanda_au/status/1025752304325017600
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://nodejs.org/en/
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://www.npmjs.com/package/gulp-sass
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://www.npmjs.com/package/gulp-replace
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://www.npmjs.com/package/gulp-string-replace
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://www.npmjs.com/package/gulp-sourcemaps
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/975905801519812608
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/975910032297549824
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/975943750080872448
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/975950415110918144
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/975968243130155008
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/975975535456108544
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/937523751003885568
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/937940216257454081
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/937945883450130433
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: Process node https://twitter.com/Amys_Kapers/status/937946043420831745
1:50:00 PM: Cannot read property 'Symbol(Symbol.iterator)' of undefined
1:50:00 PM: success run graphql queries — 0.466 s — 23/23 49.52 queries/second
1:50:00 PM: success write out page data — 0.003 s
1:50:00 PM: success write out redirect data — 0.000 s
1:50:00 PM: success onPostBootstrap — 0.001 s
1:50:00 PM: info bootstrap finished - 4.543 s
1:50:27 PM: success Building production JavaScript and CSS bundles — 27.490 s
1:50:30 PM: /img/6a7d302a7bc8c7dcd97ce01d3b774135fe2c4f5d_mvimg_20180804_174958.jpg
1:50:30 PM: /img/254737f214e0437938aacea7cb79a44ab978a41f_kevin-bhagat-461951-unsplash.jpg
1:50:30 PM: /img/a4b79abde79d111584938e8b01ddf2f5dae211f3_photo-1481047540402-8f3d39289bca.jpg
1:50:30 PM: /img/bc13f1f12f0d93dde12c8543cf8c7f15e4dbc8d5_img_20180320_100538.jpg
1:50:30 PM: /img/35adefb0628ee616c281438acbe1a38f032daa40_1_-_-8heu4onebgwjkfkeqoa.jpg
1:50:30 PM: /img/35adefb0628ee616c281438acbe1a38f032daa40_1_-_-8heu4onebgwjkfkeqoa.jpg
1:50:30 PM: /img/67b2178ebf482d7a7a6ebd6ddb112770d485c015_1_x100sidmdupzggkx66t8aw.jpg
1:50:30 PM: /img/2fc48517af3c9a93276771885613784efab785fb_1_ykdft_cg4deshrti2jljoq.jpg
1:50:30 PM: /img/87f42bf6ef376c00fc9247f7bf79956009ed0af4_0_wddo0w-00wj1r0de.jpg
1:50:30 PM: /img/f2e40a703a9837108153384d6d110db422563e98_1_1-6utdisoqjeefidwfabzg.jpg
1:50:30 PM: /img/65cd12d3005927029132da8392e790f9e55d8617_1_coensdbbtmtzjsj4oeypyg.jpg
1:50:30 PM: /img/886f8d3d3c4374c7dd879c37534da0f8dda98fb1_1_tiqjw5xkdnuloupmgjtroa.jpg
1:50:30 PM: /img/dad706da1ff6689d327196aa17bc66b410c43f69_1_nguze1lsf0sywbjiclaszg.jpg
1:50:30 PM: /img/2e2caf5740aabb6fe6334d2aef4cab7acd28b408_rawpixel-com-579231-unsplash.jpg
1:50:30 PM: /img/e1e259304d27c0ad5f3d6f90ef47760e3f308f21_1_zcfar4z_2fimm03atbx9hw.jpg
1:50:30 PM: /img/aa0866f4266d409a70bc450e2ff2119b208f698d_1_ql5l9mqz4da8wdevacw9pq.jpg
1:50:30 PM: /img/18d6c8661fb952283165bb2d2653c66797ae02bb_1_gsr6iqaq5zqaylrf8tgr-q.png
1:50:30 PM: /img/21dbeebf5dce6f22ad559ef5f72c1c40288f7984_1_jbh3upwpmskrznxgczihoa.jpg
1:50:30 PM: /img/044b615a492d6c0a0530c3fc343baa8ff9ca82cc_1_mem0ijvrqdy6v7qodrggva.jpg
1:50:30 PM: /img/c0f96613ddc04ca5cceb42f5a45b2080b409a299_1_ymviqc_madrdwzq3cujiqw.jpg
1:50:30 PM: /img/medium_c04c15db-181b-481b-8079-dbae0d3ab185_1_4mavannp1nmvwqqfd2ugbg.jpg
1:50:30 PM: /img/medium_3d90feb3-abb5-474b-8512-e8b1d62f1295_1_4l9lo2y6kmyauubxw78osw.jpg
1:50:30 PM: success Building static HTML for pages — 2.238 s — 23/23 53.76 pages/second
1:50:30 PM: info Done building in 34.28 sec
1:50:30 PM: Caching artifacts
1:50:30 PM: Started saving node modules
1:50:30 PM: Finished saving node modules
1:50:30 PM: Started saving pip cache
1:50:30 PM: Finished saving pip cache
1:50:30 PM: Started saving emacs cask dependencies
1:50:30 PM: Finished saving emacs cask dependencies
1:50:30 PM: Started saving maven dependencies
1:50:30 PM: Finished saving maven dependencies
1:50:30 PM: Started saving boot dependencies
1:50:30 PM: Finished saving boot dependencies
1:50:30 PM: Started saving go dependencies
1:50:30 PM: Finished saving go dependencies
1:50:30 PM: Cached node version v10.7.0
1:50:30 PM: Build script success
1:50:30 PM: Starting to deploy site from 'public'
1:50:41 PM: Starting post processing
1:50:43 PM: Minifying bundle
1:50:45 PM: Minifying bundle
1:50:50 PM: Post processing done
1:50:51 PM: Site is live
1:51:04 PM: Finished processing build request in 3m4.60481277s

You can see an example of one of the posts here - https://5bb5a98ec965925f69f7c63a--amygoestoperth.netlify.com/ddd-perth-2018/ and I'm doing the work on this branch https://github.com/amykapernick/amygoestoperth/tree/dev

raae commented 6 years ago

Just got off a video call with the Gatsby team. Their cache api broke for plugins (potentially only remark sub-plugins) with 2.0.18. If you use 2.0.17 it should work.

raae commented 6 years ago

The cache bug issue can be found at gatsbyjs/gatsby#8788.

amykapernick commented 6 years ago

Whoo! Finally working 👍

Thanks for all your help and work on the plugin

raae commented 6 years ago

Great news. Thank you so much for your patience and actually testing the plugin! Let me know when you are live.

amykapernick commented 6 years ago

It's live now and the Netlify build is working fine! I'm currently using it on http://amygoestoperth.com.au and will be implementing it on 2 more sites soon!

amykapernick commented 5 years ago

Hey @raae the cache bug seems to have been fixed now (literally just checked and it was about 9 hours ago) but I'm still getting issues where it says

⠄ run graphql queriesProcess node https://twitter.com/Amys_Kapers/status/1082847899237543936
providers is not iterable
Process node https://www.youtube.com/watch?v=JEpsKnWZrJ8
providers is not iterable

And the links aren't embedding image

Gatsby Config

{
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-oembed`,
          },
          {
            resolve: `gatsby-remark-prettier`,
            options: {
              usePrettierrc: true,
            },
          },
          {
            resolve: `gatsby-remark-figure-caption`,
            options: {
              figureClassName: 'image',
            },
          },
          {
            resolve: `gatsby-remark-images`,
            options: {
              showCaptions: true,
              maxWidth: 1000,
              widthWebp: true,
            },
          },
        ],
      },
    },

package.json

  "dependencies": {
    "@fab/compile": "^0.1.0",
    "axios": "^0.18.0",
    "babel-plugin-styled-components": "^1.8.0",
    "bluebird": "^3.5.1",
    "css-wipe": "^4.3.0",
    "gatsby": "^2.0.89",
    "gatsby-image": "^2.0.12",
    "gatsby-plugin-google-tagmanager": "^2.0.5",
    "gatsby-plugin-react-helmet": "^3.0.0-rc.1",
    "gatsby-plugin-sharp": "^2.0.0-rc.7",
    "gatsby-plugin-styled-components": "^3.0.2",
    "gatsby-remark-figure-caption": "^2.0.0",
    "gatsby-remark-images": "^2.0.3",
    "gatsby-remark-prettier": "^1.0.0",
    "gatsby-source-filesystem": "^2.0.5",
    "gatsby-transformer-remark": "^1.7.44",
    "gatsby-transformer-sharp": "^2.1.10",
    "prettier": "^1.15.3",
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-feather": "^1.1.4",
    "react-helmet": "^5.2.0",
    "styled-components": "^4.1.1",
    "unist-util-select": "^1.5.0"
  },
raae commented 5 years ago

I have been able to confirm that it is not working locally for me too, but I have not had time to look into it yet. Hopefully, I will this weekend.

raae commented 5 years ago

I think i figured it out. You need to update gatsby-transformer-remarkas well. Update by npm install --save gatsby-transformer-remark, then you package.json should update to gatsby-transformer-remark": "^2.2.0".

raae commented 5 years ago

Let me know if it works @amykapernick.

amykapernick commented 5 years ago

Hey @raae sorry took me a while to get back to this. All working now and using this on a few sites!

amykapernick commented 5 years ago

Working now