Skip to content
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

fix: update upgrading_an_app page for JHipster 8 #1326

Merged
merged 2 commits into from
Aug 30, 2024

Conversation

timothystone
Copy link
Contributor

@timothystone timothystone commented Dec 17, 2023

Use Font Awesome's Level Up Glyph over the "refresh" glyph, for semantics.

Use Markdown friendly Headers and Header links over HTML.

Fix the options available since JHipster 8.

Use Markdown syntax fences and link to updated Git Graph image (using Mermaid) and provide more stable path for editing with GitHub public Gist.

Standardize on the use of asterisks over mixed dash|asterisk unordered Markdown lists.

Add NetBeans ignore option (yes, we are still out here... ;))

Fixes jhipster/generator-jhipster#24588

@CLAassistant
Copy link

CLAassistant commented Dec 17, 2023

CLA assistant check
All committers have signed the CLA.

Copy link

netlify bot commented Dec 17, 2023

Deploy Preview for jhipster-site ready!

Name Link
🔨 Latest commit 3d55c0f
🔍 Latest deploy log https://app.netlify.com/sites/jhipster-site/deploys/66d222f3fcc49f00085fcc3f
😎 Deploy Preview https://deploy-preview-1326--jhipster-site.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Member

@atomfrede atomfrede left a comment

Choose a reason for hiding this comment

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

Thanks for the contribution, besides minor comments it looks good to me.

nbproject/project.properties Outdated Show resolved Hide resolved
pages/upgrading_an_app.md Outdated Show resolved Hide resolved
@timothystone
Copy link
Contributor Author

Regarding my public gist for the Git graph. It's more stable than the JSFiddle that is currently provided, read: it doesn't work.

@atomfrede I think it's probably prudent to fork or replicate my Gist to the JHipster organization or member, or commit it as part of this repository. I didn't find an appropriate place for it off hand. images? It is an image-as-code. GHFM is actually capable of displaying mermaid files. But the Markdown parser of jhipster.tech may not appreciate it... though worth a test?

@timothystone-knsl
Copy link
Contributor

timothystone-knsl commented Dec 21, 2023

Regarding my public gist for the Git graph. It's more stable than the JSFiddle that is currently provided, read: it doesn't work.

@atomfrede I think it's probably prudent to fork or replicate my Gist to the JHipster organization or member, or commit it as part of this repository. I didn't find an appropriate place for it off hand. images? It is an image-as-code. GHFM is actually capable of displaying mermaid files. But the Markdown parser of jhipster.tech may not appreciate it... though worth a test?

Testing a mermaid code fence... see 159e70f

Removing. jhipster.tech does not render Mermaid code fences. see HEAD

images/upgrade_gitgraph.png Outdated Show resolved Hide resolved
@mraible
Copy link
Collaborator

mraible commented Apr 8, 2024

I'd be happy to help move this along if you're still interested in helping @timothystone-knsl!

@timothystone-knsl
Copy link
Contributor

I'd be happy to help move this along if you're still interested in helping @timothystone-knsl!

I'm still interested @mraible

@mraible
Copy link
Collaborator

mraible commented Jun 26, 2024

@timothystone Can you please fix conflicts if this page still needs to be updated? I tried using the current page to update my jhipster8-demo app last night and it worked flawlessly!

@timothystone
Copy link
Contributor Author

@timothystone Can you please fix conflicts if this page still needs to be updated? I tried using the current page to update my jhipster8-demo app last night and it worked flawlessly!

Resolved conflicts and pushed, then realized I should not have rebased (as a rule)... hope that hasn't cause anyone any headaches.

pages/upgrading_an_app.md Outdated Show resolved Hide resolved
pages/upgrading_an_app.md Outdated Show resolved Hide resolved
@mraible
Copy link
Collaborator

mraible commented Aug 29, 2024

We updated the website with a new design. Can you please update this issue accordingly?

@timothystone
Copy link
Contributor Author

We updated the website with a new design. Can you please update this issue accordingly?

Done. Still owe you a high resolution image.

@timothystone
Copy link
Contributor Author

timothystone commented Aug 29, 2024

We updated the website with a new design. Can you please update this issue accordingly?

Done. Still owe you a high resolution image.

Done and Done. added the raw mermaid file to the static resources to move away from user accounts on GitHub and JSFiddle. The code is in the repository.

Squashed the commits.

Use Font Awesome's Level Up Glyph over the "refresh" glyph, for semantics.

Use Markdown friendly Headers and Header links over HTML.

Fix the options available since JHipster 8.

Use Markdown syntax fences and link to updated Git Graph image (using Mermaid) and provide more
stable path for editing with GitHub public Gist.

Standardize on the use of asterisks over mixed dash|asterisk unordered Markdown lists.

docs: correct Markdown header link and tighten up image of upgrade

Use the generated image from Mermaid for the git graph.

hyphens in headers are converted to literals, resulting in a "triple-dash" in the resulting link.

docs: test a mermaid code fence in jhipster.tech

GitHub Flavored Markdown supports the use of a code fence that supplies a mermaid key. This is
rendered inline. jhipster.tech may support it.

docs: remove mermaid code fence

The jhipster.tech markdown parser does not render mermaid code fences. Remove test.

docs: add hi-resolution git graph example and mermaid file

Update the image resolution. Add the mermaid file for retention vs. user gist or fiddle account.
@mraible
Copy link
Collaborator

mraible commented Aug 30, 2024

Is it possible to make the graphical view image clickable so a reader can zoom in? I'm on an iPad and the font is a little small.

@timothystone
Copy link
Contributor Author

timothystone commented Aug 30, 2024

Is it possible to make the graphical view image clickable so a reader can zoom in? I'm on an iPad and the font is a little small.

Depends on what kind of lightbox support docusaurus has built-in. I'll poke around.

How do you feel about the PR including feature enhancements to the site? Lightbox support is "[best] implemented as a first-party plugin.". This would meet the request.

I could also just make it a link to a "new page." 🤔 💭

I could potentially use a different theme—just catching up on customization of the theme in Mermaid, like using the JHipster colors and increasing the font-sizes.

Updated image...

image

@timothystone-knsl
Copy link
Contributor

@mraible asking @mshima to review the image. Marcelo asked upthread for some nuance and I'm trying to bend Mermaid to my will. 🧜‍♀️

@timothystone timothystone force-pushed the docs/jhipster-upgrade branch 2 times, most recently from c0054a0 to 9279187 Compare August 30, 2024 19:33
@timothystone
Copy link
Contributor Author

@mraible Without added functionality, i.e., a lightbox, I can't get the image to link to open in a new window or page. 🙁

@mraible
Copy link
Collaborator

mraible commented Aug 30, 2024

Can't you just link to the image file? That should only require good ol' HTML.

@timothystone
Copy link
Contributor Author

Can't you just link to the image file? That should only require good ol' HTML.

Tried that. The image didn't render... something to do with docusaurus? I'm going to push a version with the lightbox, just in case you want to consider it.

Add link to image (test) and update image and raw mermaid file.

Add flexanalytics/plugin-image-zoom for image lightbox.
@timothystone
Copy link
Contributor Author

I must say I like that... looking on my iPad... looks good.

@timothystone
Copy link
Contributor Author

@mraible the plugin does effect all images in the site. I did configure Docusaurus to allow for image exclusion though.

@mraible
Copy link
Collaborator

mraible commented Aug 30, 2024

@timothystone Looks good! I'm on vacation for the long weekend and only looked at the preview on my phone. If someone can give a more thorough review/merge, please do!

Copy link
Member

@DanielFran DanielFran left a comment

Choose a reason for hiding this comment

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

Look nice in mobile too

@DanielFran DanielFran merged commit ffc441f into jhipster:main Aug 30, 2024
6 checks passed
@DanielFran
Copy link
Member

Thanks @timothystone, great work

@timothystone timothystone deleted the docs/jhipster-upgrade branch August 30, 2024 22:32
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.

fix: update jhipster.github.io page for application upgrade to 8.0.0
7 participants