Enhance project structure with new configuration options and UI components

thomasdavis commented 1 month ago

Summary by CodeRabbit

New Features
- Introduced new Button component for enhanced UI consistency in various applications.
- Added TypeScript support with a new declaration file for Next.js environment.
Improvements
- Enhanced script management with a new configuration option for executing pre and post scripts.
- Updated global CSS imports and Tailwind configuration for better styling capabilities.
- Improved rendering performance by adding unique key props to list items.
Dependency Updates
- Renamed and reorganized dependencies to align with a new namespace structure.
- Updated ESLint configuration to utilize a scoped package reference for better organization.
Documentation
- New README file added for the @repo/ui package to guide users.
Bug Fixes
- Corrected class names for consistent UI styling across components.

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
jsonresume-org-homepage2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 23, 2024 8:24pm
jsonresume-org-registry	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 23, 2024 8:24pm

changeset-bot[bot] commented 1 month ago

⚠️ No Changeset found

Latest commit: ca33ae8b95c8e531d65ecc8301e32de475a7edc4

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

alwaysmeticulous[bot] commented 1 month ago

✅ Meticulous spotted zero visual differences across 52 screens tested: view results.

_{Expected differences? Click here. Last updated for commit ca33ae8. This comment will update as new commits are pushed.}

coderabbitai[bot] commented 1 month ago

[!WARNING]

Rate limit exceeded

@thomasdavis has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 8 minutes and 22 seconds before requesting another review.

How to resolve this issue?
After the wait time has elapsed, a review can be triggered using the `@coderabbitai review` command as a PR comment. Alternatively, push new commits to this PR. We recommend that you space out your commits to avoid hitting the rate limit.

How do rate limits work?
CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our [FAQ](https://coderabbit.ai/docs/faq) for further information.

Commits
Files that changed from the base of the PR and between db647e163b2b617d50edcbcdb84a6434a51339e9 and ca33ae8b95c8e531d65ecc8301e32de475a7edc4.

Walkthrough

The recent changes enhance the project's structure and functionality by introducing scoped packages, improving UI component consistency, and establishing comprehensive TypeScript configurations. Key updates include new options in the .npmrc for script execution, refined dependency management in package.json files, and the implementation of a standardized ESLint configuration across various modules. These enhancements collectively streamline development and improve code maintainability throughout the repository.

Changes

File(s)	Change Summary
`.npmrc`	Introduced `enable-pre-post-scripts` option; corrected `public-hoist-pattern` formatting.
`apps/homepage2/package.json`	Renamed dependencies: `@jsonresume/ui` to `@repo/ui` and `eslint-config-custom` to `@repo/eslint-config-custom`.
`apps/registry/app/[username]/ProfileLayout.js`	Updated button styling with a new `Button` component; unified color schemes for icons and links.
`apps/registry/app/components/ResumeEditor.js`	Changed import of `Link` from `@jsonresume/ui` to `next/link` for better Next.js integration.
`apps/registry/app/components/SignIn.js`	Replaced standard button with a custom `Button` component for consistent styling.
`apps/registry/app/layout.js`	Modified global CSS import to an absolute path pointing to `@repo/ui/globals.css`.
`apps/registry/lib/formatters/template.js`	Commented out `tailwind` theme imports; removed associated functionality.
`apps/registry/next-env.d.ts`	Introduced TypeScript declarations for Next.js environment.
`apps/registry/next.config.mjs`	Switched from CommonJS to ES Module syntax; refined `transpilePackages` entry.
`apps/registry/package.json`	Removed `@jsonresume/ui`; added new dependencies including `@repo/ui` and `sonner`.
`apps/registry/postcss.config.mjs`	Created a new PostCSS config re-exporting from `@repo/ui/postcss.config`.
`apps/registry/tailwind.config.ts`	New file re-exporting Tailwind CSS configuration from `@repo/ui`.
`apps/registry/tsconfig.json`	Established a TypeScript configuration for Next.js with enhanced options.
`packages/eslint-config-custom/package.json`	Updated package name to `@repo/eslint-config-custom`; added `files` array for publishing.
`packages/ui/package.json`	Changed package name to `@repo/ui`; introduced scripts and multiple new dependencies.
`packages/ui/src/components/ui/button.tsx`	Introduced customizable `Button` component with flexible styles.
`packages/ui/src/components/ui/card.tsx`	Added a new card component structure for UI consistency.
`packages/ui/src/components/ui/sonner.tsx`	Implemented a `Toaster` component for toast notifications integrated with theming.
`packages/ui/src/globals.css`	Established foundational styles with Tailwind CSS, including theming variables.
`packages/ui/src/lib/utils.js`	Introduced utility function `cn` for class name management.
`packages/ui/tailwind.config.js`	Configured Tailwind CSS with custom animations and responsive design features.
`themes/papirus/.eslintrc.cjs`	New ESLint configuration extending `@repo/eslint-config-custom`.
`themes/stackoverflow/.eslintrc.cjs`	New ESLint configuration extending `@repo/eslint-config-custom`.
`packages/jsonresume-theme-cv/.eslintrc.js`	New ESLint configuration extending `@repo/eslint-config-custom`.
`packages/jsonresume-theme-tailwind/.eslintrc.js`	New ESLint configuration extending `@repo/eslint-config-custom`.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant App
    participant ButtonComponent
    participant ToasterComponent

    User->>App: Clicks on Button
    App->>ButtonComponent: Render Button
    ButtonComponent-->>User: Displays Button
    User->>ButtonComponent: Triggers Action
    ButtonComponent->>ToasterComponent: Show Toast Notification
    ToasterComponent-->>User: Displays Toast

🐰 In a garden of code, where changes bloom bright,
New scripts and components take flight in delight.
From buttons to toasters, all styled with care,
A whimsical journey, we hop everywhere!
With packages neat and namespaces in tow,
Let's celebrate progress, let the good times flow! 🌼✨

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

Tips

### Chat There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai): - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit .` - `Generate unit testing code for this file.` - `Open a follow-up GitHub issue for this discussion.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit testing code for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai generate interesting stats about this repository and render them as a table.` - `@coderabbitai show all the console.log statements in this repository.` - `@coderabbitai read src/utils.ts and generate unit testing code.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` - `@coderabbitai help me debug CodeRabbit configuration file.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai full review` to do a full review from scratch and review all the files again. - `@coderabbitai summary` to regenerate the summary of the PR. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository. - `@coderabbitai help` to get help. Additionally, you can add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Configuration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information. - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json` ### Documentation and Community - Visit our [Documentation](https://coderabbit.ai/docs) for detailed information on how to use CodeRabbit. - Join our [Discord Community](https://discord.com/invite/GsXnASn26c) to get help, request features, and share feedback. - Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.

jsonresume / jsonresume.org