Skip to content

Add governance documentation and sidebar graph icon integration#8045

Closed
Deven14125 wants to merge 7 commits intowebpack:mainfrom
Deven14125:fix/content-modify
Closed

Add governance documentation and sidebar graph icon integration#8045
Deven14125 wants to merge 7 commits intowebpack:mainfrom
Deven14125:fix/content-modify

Conversation

@Deven14125
Copy link
Copy Markdown
Contributor

Add several Governance docs under src/content/contribute (Overview, Charter, AI Policy, Member Expectations, Moderation Policy, Working Groups) and a new graph SVG icon. Integrate the graph icon into SidebarItem (import icon, use as toggle for Dependency Graph and add static state), update related SCSS for static/graph toggle styles, and make a small ESLint comment spacing tweak in Sidebar.jsx.

Summary

What kind of change does this PR introduce?

Did you add tests for your changes?

Does this PR introduce a breaking change?

If relevant, what needs to be documented once your changes are merged or what have you already documented?

Use of AI

Add several Governance docs under src/content/contribute (Overview, Charter, AI Policy, Member Expectations, Moderation Policy, Working Groups) and a new graph SVG icon. Integrate the graph icon into SidebarItem (import icon, use as toggle for Dependency Graph and add static state), update related SCSS for static/graph toggle styles, and make a small ESLint comment spacing tweak in Sidebar.jsx.
Copilot AI review requested due to automatic review settings March 17, 2026 19:46
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 17, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
webpack-js-org Ready Ready Preview, Comment Mar 20, 2026 4:13am

Request Review

@linux-foundation-easycla
Copy link
Copy Markdown

linux-foundation-easycla Bot commented Mar 17, 2026

CLA Signed

The committers listed above are authorized under a signed CLA.

@Deven14125
Copy link
Copy Markdown
Contributor Author

Review This My PR

## Reference

- [Simdutf](https://github.com/simdutf/simdutf/blob/master/AI_USAGE_POLICY.md)
- [LLVM AI Tool Use Policy](https://discourse.llvm.org/t/rfc-llvm-ai-tool-policy-human-in-the-loop/89159) No newline at end of file
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove these files from PR

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds governance-related documentation pages under the Contribute section and introduces a new “graph” SVG icon intended for sidebar display (notably around the “Dependency Graph” concept).

Changes:

  • Added multiple Governance MDX pages (overview, charter, working groups, moderation policy, member expectations, AI policy).
  • Added a new graph.svg icon and updated SidebarItem to render it in the sidebar.
  • Updated sidebar styling/behavior (toggle modifiers + rotation selector) and tweaked an ESLint disable comment.

Reviewed changes

Copilot reviewed 8 out of 10 changed files in this pull request and generated 19 comments.

Show a summary per file
File Description
src/styles/icons/graph.svg New graph icon used in the sidebar.
src/content/contribute/Governance-working-groups.mdx New working-groups governance page content.
src/content/contribute/Governance-Overview.mdx New governance overview page content.
src/content/contribute/Governance-moderation-policy.mdx New moderation policy page content.
src/content/contribute/Governance-member-expectations.mdx New leadership/member expectations page content.
src/content/contribute/Governance-charter.mdx New TSC charter page content.
src/content/contribute/Governance-ai-policy.mdx New AI usage policy page content.
src/components/SidebarItem/SidebarItem.scss Adds toggle modifiers and changes which toggle selector rotates when open.
src/components/SidebarItem/SidebarItem.jsx Switches toggle icon rendering to GraphIcon and adds a static graph icon case.
src/components/Sidebar/Sidebar.jsx Adjusts an ESLint directive comment formatting.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines 67 to 71
{anchors.length > 0 ? (
<ChevronRightIcon
<GraphIcon
width={15}
height={17}
fill="#175d96"
}

.sidebar-item__toggle {
.sidebar-item__toggle--graph {
Comment thread src/components/Sidebar/Sidebar.jsx Outdated
{pages.map((page, index) => {
const displayGroup = group !== page.group && page.group !== "-";
// eslint-disable-next-line react-hooks/immutability
// eslint-disable-next-line react-hooks/immutability
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please fix it

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok , I Fixed it.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hello, I fixed it

---
title: Working Groups
group: Contribute
sort: 4
that working group.

You can submit the working group charter for ratification by sending
a pull request to this document to add the charter it to the
---
title: Moderation Policy
group: Contribute
sort: 3
* TSC members may Remove or Block an individual from the webpack
GitHub Organizations.
* For any Removal or Blocking action, an issue describing the reasons for the
action, and identifying the Github account being acted upon, must be posted

---

_This document is an adaption of the Node.js project [Moderation Policy](https://github.com/nodejs/admin/blob/HEAD/Moderation-Policy.md)_
_This document is an adaption of the Node.js project [Moderation Policy](https://github.com/nodejs/admin/blob/HEAD/Moderation-Policy.md)_

[Code of Conduct]: https://github.com/webpack/webpack/blob/main/CODE_OF_CONDUCT.md
[webpack Technical Steering Committee]: ./CHARTER.md
@@ -0,0 +1,64 @@
---
title: Ai Policy
Replace the chevron icon with a graph icon for the sidebar item and add a static graph icon for the "Dependency Graph" entry when it has no anchors. Import a new SVG (src/styles/icons/graph.svg), add an isDependencyGraph check, and adjust classNames to apply a rotated graph toggle and a static variant. Also add SCSS rules for the static state (cursor default, hover color) and rename the rotated toggle selector. Minor whitespace fix in an eslint disable comment in Sidebar.jsx.
@Deven14125
Copy link
Copy Markdown
Contributor Author

Now Review, if any then tell me.


_This document is an adaption of the [Node.js project Governance Model](https://github.com/nodejs/node/blob/main/GOVERNANCE.md) and the [ESlint project Governance Model](https://github.com/eslint/eslint/blob/main/docs/src/contribute/governance.md)_

[TSC Charter]: https://github.com/nodejs/TSC/blob/HEAD/TSC-Charter.md
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove this files from your PR, they are auto generated

Delete multiple governance-related MDX files from src/content/contribute: Governance-Overview.mdx, Governance-ai-policy.mdx, Governance-charter.mdx, Governance-member-expectations.mdx, Governance-moderation-policy.mdx, and Governance-working-groups.mdx. These pages referenced the webpack/governance sources and have been removed from the site content.
@Deven14125
Copy link
Copy Markdown
Contributor Author

Review Now

Adjust the indentation of an `// eslint-disable-next-line react-hooks/immutability` comment in src/components/Sidebar/Sidebar.jsx to match the file's formatting. This is a whitespace-only change with no functional impact.
@Deven14125
Copy link
Copy Markdown
Contributor Author

I Fixed it.

@alexander-akait
Copy link
Copy Markdown
Member

/cc @evenstensberg do we need to improve this?

@evenstensberg
Copy link
Copy Markdown
Member

@Deven14125 Thanks for your contribution but our navbar icons are good as they are. I'd try to find issues that exists in our issue list to make it more probable to get a pr merged.

@Deven14125
Copy link
Copy Markdown
Contributor Author

Thanks for the feedback!

I’ll look into the issue list and work on something aligned with the current needs of the project.

Appreciate the guidance!

@Deven14125 Deven14125 deleted the fix/content-modify branch March 21, 2026 13:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants