Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

How to compare source code changes by using Git between versions


HI, KeenThemes Team

When the Metronic Theme release a new version, I want to see the changes and compare between old and new version by using Git or GitHub for updating my application, but currently I could not find the way to comparing them because you put the zip files in GitHub instead of source code (I use HTML, and Vue on demo2). Could you please provide the way to comparing.

Thank you.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


An alternative approach to compare source code changes between different versions of a theme like Metronic is to use an IDE like Visual Studio Code along with a suitable extension. One such extension that can help you compare folders is the "Compare Folders" extension. Here's how to use it:

Install Visual Studio Code (if you haven't already) from the official website: https://code.visualstudio.com/.

Open Visual Studio Code.

Install the "Compare Folders" extension. You can find it in the Visual Studio Code Marketplace by following this link:
https://marketplace.visualstudio.com/items?itemName=moshfeu.compare-folders.

After installing the extension, you can use it to compare folders containing the source code of different versions of Metronic:

Select 2 folders you want to compare, right click and select "Compare selected folder".
Visual Studio Code will then display a side-by-side comparison of the files in the two folders, highlighting the differences between them.

Using an extension like "Compare Folders" in Visual Studio Code can provide you with a visual and efficient way to compare the source code changes between different versions of Metronic. It can be especially useful when dealing with large codebases and complex folder structures.



It does not work, the content in the most of files are the same (no changed) but the extension detect these files as different. I have already used `Git` compare them and I got the same result.

I think the problem is zip/unzip the source code which affect to timestamp and comparing

This is quite hard to upgrade theme to new version in existing application because it need to check every files.
Do you have any solution to exclude these files when comparing source code? or maybe your consider deliver source code in GitHub instead of zip to avoid this problem.

Thank you



Do you have access to our GitHub?
http://github.com/keenthemesHub/Metronic

If you haven't, you can request here;
https://keenthemes.com/metronic/github

Thanks



Since v8.1.9, I can compare by using GitHub because you store other demos in GitHub repository.

Thanks.



Yes, we have now included all the demos on GitHub. Please feel free to let us know if you need any further inquiries or assistance you may require.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(