docs: Mention code explorer (#18978)

nzakas · web-flow · commit ecbd52291d7c · 2024-10-02T19:16:04.000+02:00
diff --git a/docs/src/extend/code-path-analysis.md b/docs/src/extend/code-path-analysis.md
@@ -18,6 +18,10 @@ bar();
 ![Code Path Example](../assets/images/code-path-analysis/helo.svg)
 :::
 
+::: tip
+You can view code path diagrams for any JavaScript code using [Code Explorer](http://explorer.eslint.org).
+:::
+
 ## Objects
 
 Program is expressed with several code paths.
diff --git a/docs/src/extend/custom-rule-tutorial.md b/docs/src/extend/custom-rule-tutorial.md
@@ -113,6 +113,10 @@ To learn more about rule metadata, refer to [Rule Structure](custom-rules#rule-s
 Define the rule's `create` function, which accepts a `context` object and returns an object with a property for each syntax node type you want to handle. In this case, you want to handle `VariableDeclarator` nodes.
 You can choose any [ESTree node type](https://github.com/estree/estree) or [selector](selectors).
 
+::: tip
+You can view the AST for any JavaScript code using [Code Explorer](http://explorer.eslint.org). This is helpful in determining the type of nodes you'd like to target.
+:::
+
 Inside the `VariableDeclarator` visitor method, check if the node represents a `const` variable declaration, if its name is `foo`, and if it's not assigned to the string `"bar"`. You do this by evaluating the `node` passed to the `VariableDeclaration` method.
 
 If the `const foo` declaration is assigned a value of `"bar"`, then the rule does nothing. If `const foo` **is not** assigned a value of `"bar"`, then `context.report()` reports an error to ESLint. The error report includes information about the error and how to fix it.
diff --git a/docs/src/extend/custom-rules.md b/docs/src/extend/custom-rules.md
@@ -101,6 +101,10 @@ module.exports = {
 };
 ```
 
+::: tip
+You can view the complete AST for any JavaScript code using [Code Explorer](http://explorer.eslint.org).
+:::
+
 ## The Context Object
 
 The `context` object is the only argument of the `create` method in a rule. For example:
@@ -804,6 +808,10 @@ To learn more about JSON Schema, we recommend looking at some examples on the [J
 
 The `SourceCode#getScope(node)` method returns the scope of the given node. It is a useful method for finding information about the variables in a given scope and how they are used in other scopes.
 
+::: tip
+You can view scope information for any JavaScript code using [Code Explorer](http://explorer.eslint.org).
+:::
+
 #### Scope types
 
 The following table contains a list of AST node types and the scope type that they correspond to. For more information about the scope types, refer to the [`Scope` object documentation](./scope-manager-interface#scope-interface).
