Remove Next.js variation

[marcospassos]

Summary

This PR refactors the logic for isolating styles in an iframe, eliminating the need for a Next.js-specific implementation. Previously, the approach involved reloading the current page inside an iframe using the actual URL, with query string parameters indicating whether to render the canvas and whether to display only the children (when embedded within the canvas).

That method had several drawbacks:

• It relied on reading query parameters, which varies across frameworks.
• In particular, Next.js with the Page Router doesn't support query strings reliably during hydration, leading to errors.

The new approach renders content directly into a docsrc iframe, and styles are programmatically copied over, avoiding reliance on URL parameters and framework-specific behavior.

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

[github-actions]

👋 @marcospassos
Thanks for your contribution!
The approval and merge process is almost fully automated 🧙
Here's how it works:

1. You open a new pull request
2. Automated tests check the code
3. Maintainers review the code
4. Once approved, the PR is ready to merge.

👉 Omit the extended description
Please remove the commit body before merging the pull request.
Instead, include the pull request number in the title to provide the full context
about the change.

☝️ Lastly, the title for the commit will come from the pull request title. So please provide a descriptive title that summarizes the changes in 50 characters or less using the imperative mood.
Happy coding! 🎉

[github-actions]

🔥 Here is the preview of the pull request:
https://preview.template-ui.croct.dev/pr-22

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@croct/template-ui@22

commit: aff1005

[Copilot]

Pull Request Overview

This pull request refactors the iframe style isolation logic by removing the Next.js variation and associated code. Key changes include eliminating Next.js–specific imports and files, renaming the iframe-related prop from "src" to "frame" across components and stories, and updating the CSS rules for iframe rendering.

Reviewed Changes

Copilot reviewed 20 out of 20 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
vite.config.ts	Removed Next.js–specific entry from the library entry list.
src/web/TemplateCanvas/stories.module.css	Added CSS for consistent styling of example content.
src/web/TemplateCanvas/index.tsx	Renamed "src" prop to "frame" for iframe rendering.
src/react/TemplateCanvas/styles.module.css	Moved and defined the .iframe rule externally for clarity.
src/react/TemplateCanvas/index.tsx	Refactored the template to render an iframe conditionally using react-frame-component.
src/react/TemplateCanvas/TemplateCanvas.stories.tsx	Updated the story to use the new "frame" prop with a play function for iframe verification.
src/next/*	Removed all Next.js–specific files and references.
package.json and .storybook/* folders	Cleaned up Next.js configurations and dependencies.
.github/workflows/*	Updated deployment workflows to no longer reference Next.js–specific builds.

Comments suppressed due to low confidence (2)

src/web/TemplateCanvas/TemplateCanvas.stories.ts:84

• The 'Iframe' control currently has an empty description. Please add a brief description to clarify its purpose for users.

frame: { name: 'Iframe', description: '', control: { type: 'text', }, },

src/react/TemplateCanvas/index.tsx:106

• Renaming the prop from 'src' to 'frame' is a breaking change. Ensure that the documentation and tests have been updated accordingly to reflect this update.

frame = false,