ReferenceError: self is not defined - prism-keep-markup

Information:

• Prism version: “prismjs”: “^1.19.0”
• Plugins: .babelrc { ... ["line-numbers", "show-language", "keep-markup"]
• Environment: [Next.js]

Does the latest version of Prism from the download page also have this issue? Yes

Description After adding "keep-markup" to the plugins list, the app fails:

Example Reproduction available below PS you can stop the app from crashing by disabling "keep-markup" in .babelrc https://codesandbox.io/s/nextjs-prismjs-slate-u5rmz

[mAAdhaTTah]

Ok. So removing the passing-in of self & document seems to resolve the issue locally for me. That’s the only plugin that passes in those variables, oddly enough. Will PR shortly.

That said, there are some other underlying issues uncovered by this. line-numbers does not look good, and I’m getting Uncaught Error: Cannot resolve a Slate node from DOM node: [object HTMLDivElement] errors trying to type into the Slate editor. If Slate is wrapping each line in its own DOM node, I don’t think we can guarantee that Prism will behave correctly.

[mAAdhaTTah]

@RunDevelopment Yeah, we’re pretty inconsistent on how we check what the global variable is, looking at our plugins.

---

That said, it looks like the error occurs not on the call, but on the Prism instance import itself

That makes sense, because that’s when self is first referenced. That said, it looks like the error is on the server-side, rather than in the browser. Or maybe it’s both? Pretty odd…