Skip to content

docs(v6): Update v6 StackBlitz set up and examples for JavaScript and Angular #4213

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 53 commits into
base: main
Choose a base branch
from

Conversation

soundproofboot
Copy link
Contributor

@soundproofboot soundproofboot commented Jul 25, 2025

resolves #4199

Changes

  • Update contents of static/code/stackblitz/v6/html to allow JavaScript examples to load correctly in StackBlitz.
  • Update contents of static/code/stackblitz/v6/angular to allow Angular examples to load correctly in StackBlitz.
  • Add IonicModule and standalone: true to all Angular examples that need an example.component.ts file.
  • Update all Angular examples that use Ionicons to use addIcons method in component constructor, creating the component files if they did not exist.
  • Update several other Angular examples on case by case basis to include additional imports like CommonModule, FormsModule, or RoutingModule, etc as needed.
  • Change type of version to string in global/Playground files to match how version is passed in Playgrounds component. I believe it was incorrectly typed but not used in a way that would throw an error. This was necessary to allow a branch for v6 only in loadSourceFiles where the mode is inserted in main.ts.
  • Update JavaScript examples that use Ionicons to use addIcons method in a new .ts file.

Additional Information

  • To build v6 docs, add "v6" to versions.json and remove the "v6" entry in versionsArchived.json. This is not in the PR because v6 should not be in the build but will need to be rebuilt and redeployed to Vercel, and the link to the new build updated in versionsArchived.json.
  • I also found I needed to fix a typo in version-v6/developer-resources/books.md to allow the build. (The link to https://developer.school has two colons but also seems to no longer exist).

@soundproofboot soundproofboot requested a review from a team as a code owner July 25, 2025 19:49
Copy link

vercel bot commented Jul 25, 2025

@soundproofboot is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

vercel bot commented Jul 28, 2025

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

Name Status Preview Comments Updated (UTC)
ionic-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 28, 2025 4:18pm

@soundproofboot
Copy link
Contributor Author

This should also resolve #3728

inputFix

Screenshot from v6 Angular Filled Inputs StackBlitz on this branch.

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.

bug: v6 StackBlitz examples do not load for Angular and Javascript
1 participant