chore(many): make documentation preview builds show console messages

[ToMESSKa]

INSTUI-4522

ISSUE:

• console messages which are displayed in development are not shown in the preview build

TEST PLAN:

• test code examples below, all of them should emit a console messages in the browser's console

<Alert screenReaderOnly> This is alert </Alert>

<Heading variant="titlePageDesktop" as="div" > titlePageDesktop </Heading>

function TestComponent(props) {
  const filteredProps = View.omitViewProps(props, TestComponent)
  
  return (
    <View {...filteredProps}>
      Content
    </View>
  )
}

render(<TestComponent invalidProp="value" display="block" />)

<InstUISettingsProvider dir="auto">
  <div>LTR text</div>
</InstUISettingsProvider>

• based on the logic, the console messages should not appear in production if it's not a Github preview
• these console messages should appear in the local development build too

[github-actions]

PR Preview Action v1.6.2
Preview removed because the pull request was closed.
2025-11-06 12:37 UTC

[matyasf]

see my comments

[matyasf]

just curious, why is this needed?

[ToMESSKa]

@matyasf I tried to omit this plugin, but it results in process.env.GITHUB_PULL_REQUEST_PREVIEW becoming undefined in the browser. This makes environment variable values available in client-side.

[matyasf]

nice work, this will help a lot with quick debugging