extension_raw_top_level.mdx

id	keywords	name	summary	category
raw-top-level	javascript raw	%%raw	This is the `top level JavaScript` extension point.	extensionpoints

%%raw is used to embed top level JavaScript code.

<CodeTab labels={["ReScript", "JS Output"]}>

%%raw(`
  const message = "hello";

  function greet(m) {
    console.log(m)
  }

  greet(message)
`)

const message = "hello";

function greet(m) {
  console.log(m);
}

greet(message);

It's also very useful to do imports with side-effects like this:

<CodeTab labels={["ReScript", "JS Output"]}>

%%raw(`import "main.css"`)

import "main.css";

See %raw for embedding JavaScript expressions rather than top level blocks of code.

References

• Embed Raw JavaScript
• Extension Point Attributes
• Converting from JS