0.81 (#542) (#543)

* Add missing assistant_video_download_action and assistant_video_download_action_description (#525)

* added translations for fake annotation on checkGIF (#527)

* 454 metadata form refactoring (#528)

* moved metadata tip

* metadata form changed to be different for images and videos

* changed json files back

* video and image for metadata section

* Synthetic image detection UX improvements

* refactoring + updated offline translations

* 465 checkgif labels (#503)

* functional fake text on check gif and gif download

* functional checkGif with moveable "Fake" label

* clean up tests

* better Fake text

* can toggle fake image text and change its color

* can add and remove "Fake" annotation

* user can change text size, more intuitive interactions for adding fake annotation and customizing it

* language keywords added

* added comments, removed useless code

* made gifs bigger

* comment

* removed fragments and corrected type error

* updated translation

* Revert "video and image for metadata section"

This reverts commit 9189891.

* Revert "changed json files back"

This reverts commit 977d603.

* Revert "metadata form changed to be different for images and videos"

This reverts commit 98e06a4.

* correct file input button

* cleaned up code

---------



* Fix bug with assistant help tooltip

Bug with assistant help tooltip not appearing and crashing when clicked
- changed from `HelpDialog` to `Tooltip` in `AssistantIntroduction.jsx`

* Loccus chart + refactoring (#530)

* Tools Refactoring (#519)

* Synthetic image detection UX improvements

* refactoring + updated offline translations

* wip

* Refactored footer types and Footer, Navbar, DrawerItem, AllTools. Highlight the tool used in the side menu

* Added missing package, fixed scroll bars and enhanced general layout

* Improved naming to have TopMenu, MainContentMenu, and SideMenu, fixed some variables, code cleanup

* Improved alignment

* Fixed RTL padding

* Fixed RTL chevron

* Improved naming

* Fixed lint warning

* Added jsdoc

* Cleanup

* Fixed error

* add v0.81 manifest

* Added chartJs, added chart with detection percentage over time

* Removed console.log

* Added chart gradient based on detection score

* Updated packages

* Moved variables

* Fixed lint warnings

---------



* Loccus enhancements (#532)

* Tools Refactoring (#519)

* Synthetic image detection UX improvements

* refactoring + updated offline translations

* wip

* Refactored footer types and Footer, Navbar, DrawerItem, AllTools. Highlight the tool used in the side menu

* Added missing package, fixed scroll bars and enhanced general layout

* Improved naming to have TopMenu, MainContentMenu, and SideMenu, fixed some variables, code cleanup

* Improved alignment

* Fixed RTL padding

* Fixed RTL chevron

* Improved naming

* Fixed lint warning

* Added jsdoc

* Cleanup

* Fixed error

* add v0.81 manifest

* Added chartJs, added chart with detection percentage over time

* Removed console.log

* Added chart gradient based on detection score

* Updated packages

* Moved variables

* Fixed lint warnings

* Bumped version, added missing keyword, added rtl support

---------



* Loccus enhancements (#533)

* Added missing controller + fixed warning

* #534
update detector names

* #526
Fix error message for 404

* navbar and all tool use category keys instead of translated label

* fix assistant help

* Loccus enhancements (#539)

* Tools Refactoring (#519)

* Synthetic image detection UX improvements

* refactoring + updated offline translations

* wip

* Refactored footer types and Footer, Navbar, DrawerItem, AllTools. Highlight the tool used in the side menu

* Added missing package, fixed scroll bars and enhanced general layout

* Improved naming to have TopMenu, MainContentMenu, and SideMenu, fixed some variables, code cleanup

* Improved alignment

* Fixed RTL padding

* Fixed RTL chevron

* Improved naming

* Fixed lint warning

* Added jsdoc

* Cleanup

* Fixed error

* add v0.81 manifest

* Added chartJs, added chart with detection percentage over time

* Removed console.log

* Added chart gradient based on detection score

* Updated packages

* Moved variables

* Fixed lint warnings

* Bumped version, added missing keyword, added rtl support

* Added missing controller

* Added missing controller + fixed warning

* Removed console.log

* Improved error handling

* Added scale modal to Loccus, refactoring, added download buttons to loccus

* Refactoring

---------



* Updated translation

---------

Co-authored-by: Goupil Conseil <[email protected]>
Co-authored-by: Twin Karmakharm <[email protected]>
Co-authored-by: Robin Farkas <[email protected]>
Co-authored-by: Rosanna Milner <[email protected]>
Co-authored-by: Bertrand Goupil <[email protected]>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "weverify-plugin",
-  "version": "0.80",
+  "version": "0.81",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -29,6 +29,9 @@
     "@types/chrome": "^0.0.266",
     "@wavesurfer/react": "^1.0.4",
     "axios": "^1.5.1",
+    "chart.js": "^4.4.3",
+    "chartjs-adapter-dayjs-4": "^1.0.4",
+    "clsx": "^2.1.1",
     "d3-selection": "^3.0.0",
     "dateformat": "^5.0.3",
     "dayjs": "^1.11.10",
@@ -48,6 +51,7 @@
     "mp4box": "^0.5.2",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
+    "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
     "react-gauge-chart": "^0.5.1",
     "react-hook-form": "^7.47.0",

public/locales/en/components/NavItems/ClassRoom.json

@@ -1 +1 @@
-{"classroom_introduction": "Introduction", "introduction_title1": "A classroom to teach visual literacy", "introduction_para1": "Our goal is to help you to use this extension in your teaching. On this page you will find resources for media education: proposals of pedagogical practices, videos on disinformation, a serious game to learn how to use various tools to track down the manipulation of images and videos.", "introduction_title2": "Teaching information verification and critical thinking", "introduction_para2": "Verification is twofold. You can verify the digital object itself through visual examination (the tool magnifier provides an effective way to examine an image or a video frame), through its metadata (through the metadata reader), or forensic analysis (analysis of the signal treatment to reveal an eventual tampering). You can also verify the context of that digital object (who is talking about it, how is it indexed by leading search engines), through the Analysis or Keyframes feature.", "introduction_title3": "Where to start ?", "introduction_para3": "You can start by looking at the Tutorial page to learn about the toolbox. Then, we provide you in this classroom item with a teaching tab.", "introduction_title4": "Demo as a sandbox", "introduction_para4": "The Demo feature is a good way to start learning how to verify pictures and videos.", "introduction_title5": "In case of troubleshooting ?", "introduction_para5": "You can consult the Tutorial page. There is a video explainer for each tool of the plug-in. If you are in trouble or if some of the tools is not working properly, use the feedback button on the right. Do not forget to give us your email address if you expect an answer and to provide a link if you have an issue with some particular media file.", "classroom_teaching": "Teaching", "classroom_gamification": "Game 1", "classroom_gamification_2": "Game 2", "gamification_url": "https://view.genial.ly/5ebd550432a04c0d96b6da63", "gamification_url_2": "https://view.genial.ly/5ebd550432a04c0d96b6da63", "teaching_url": "https://docs.google.com/presentation/d/e/2PACX-1vTYjPP42BGGB5qmy1bdE3Bn0_Syj7AIP9GxL7PrErSKT5jq-j8f_BxWCQpFInjMrjyu9fzdUwz012T7/embed?start=false&loop=false&delayms=3000", "classroom_title": "Classroom", "classroom_title_1": "Five ways to spot fake news (Quartz)", "classroom_url_1": "https://www.youtube.com/embed/y7eCB2F89K8?rel=0", "classroom_title_2": "Helping students fighting disinformation", "classroom_url_2": "https://www.youtube.com/embed/xf8mjbVRqao?rel=0", "classroom_title_3": "How to spot fake news (Factcheck.org)", "classroom_url_3": "https://www.youtube.com/embed/AkwWcHekMdo?rel=0", "classroom_title_4": "How disinformation works (WIRED)", "classroom_url_4": "https://www.youtube.com/embed/frjITitjisY?rel=0", "classroom_title_5": "Figthing disinformation in the classroom (CBC News)", "classroom_url_5": "https://www.youtube.com/embed/MeMp_E5dl4M?rel=0", "remote_resources_title": "Educational Resources", "user_resources_title": "Your content", "display": "Display", "user_resources_intro": "This section allows you to broadcast your own lessons stored on Internet", "user_resources_intro_remote": "Enter the url of a YouTube, Twitter, Facebook public video or an website (see examples below):", "api_input": "Copy and paste a Youtube or Facebook url", "close": "Close", "game_resources_title": "Gamification", "game_resources_intro": "Serious game about using the verification plugin", "game_resources_url": "", "examples": "Examples :", "youtube_example": "Youtube: https://www.youtube.com/embed/5wRv8boqIEc", "twitter_example": "Twitter: https://video.twimg.com/amplify_video/1055750649462308866/vid/640x360/yqQIZj-jHZRxl0i2.mp4", "website_example": "Website: https://weverify.eu/verification-plugin/", "glossary_title": "Glossary", "glossary_word_1": "fake news", "glosary_definition_1": "false stories that appear to be news, spread on the internet or using other media, usually created to influence political views or as a joke (Cambridge dictionary)", "glossary_word_2": "disinformation", "glosary_definition_2": "false information spread in order to deceive people", "glossary_word_3": "misinformation", "glosary_definition_3": "wrong information (often unintentional), or the fact that people are misinformed. (from Cambridge Dict.)", "classroom_game": "Quiz", "youverify_link": "https://youverify.eu", "quiz_url": "https://view.genial.ly/624c2acc073b7e001725b541"}
+{"classroom_introduction": "Introduction", "introduction_title1": "A classroom to teach visual literacy", "introduction_para1": "Our goal is to help you to use this extension in your teaching. On this page you will find resources for media education: proposals of pedagogical practices, videos on disinformation, a serious game to learn how to use various tools to track down the manipulation of images and videos.", "introduction_title2": "Teaching information verification and critical thinking", "introduction_para2": "Verification is twofold. You can verify the digital object itself through visual examination (the tool magnifier provides an effective way to examine an image or a video frame), through its metadata (through the metadata reader), or forensic analysis (analysis of the signal treatment to reveal an eventual tampering). You can also verify the context of that digital object (who is talking about it, how is it indexed by leading search engines), through the Analysis or Keyframes feature.", "introduction_title3": "Where to start ?", "introduction_para3": "You can start by looking at the Tutorial page to learn about the toolbox. Then, we provide you in this classroom item with a teaching tab.", "introduction_title4": "Demo as a sandbox", "introduction_para4": "The Demo feature is a good way to start learning how to verify pictures and videos.", "introduction_title5": "In case of troubleshooting ?", "introduction_para5": "You can consult the Tutorial page. There is a video explainer for each tool of the plug-in. If you are in trouble or if some of the tools is not working properly, use the feedback button on the right. Do not forget to give us your email address if you expect an answer and to provide a link if you have an issue with some particular media file.", "classroom_teaching": "Teaching", "classroom_gamification": "Game 1", "classroom_gamification_2": "Game 2", "gamification_url": "https://view.genial.ly/5ebd550432a04c0d96b6da63", "gamification_url_2": "https://view.genial.ly/5ebd550432a04c0d96b6da63", "teaching_url": "https://docs.google.com/presentation/d/e/2PACX-1vTYjPP42BGGB5qmy1bdE3Bn0_Syj7AIP9GxL7PrErSKT5jq-j8f_BxWCQpFInjMrjyu9fzdUwz012T7/embed?start=false&loop=false&delayms=3000", "classroom_title": "Classroom", "classroom_title_1": "Five ways to spot fake news (Quartz)", "classroom_url_1": "https://www.youtube.com/embed/y7eCB2F89K8?rel=0", "classroom_title_2": "Helping students fighting disinformation", "classroom_url_2": "https://www.youtube.com/embed/xf8mjbVRqao?rel=0", "classroom_title_3": "How to spot fake news (Factcheck.org)", "classroom_url_3": "https://www.youtube.com/embed/AkwWcHekMdo?rel=0", "classroom_title_4": "How disinformation works (WIRED)", "classroom_url_4": "https://www.youtube.com/embed/frjITitjisY?rel=0", "classroom_title_5": "Figthing disinformation in the classroom (CBC News)", "classroom_url_5": "https://www.youtube.com/embed/MeMp_E5dl4M?rel=0", "remote_resources_title": "Educational Resources", "user_resources_title": "Your content", "display": "Display", "user_resources_intro": "This section allows you to broadcast your own lessons stored on Internet", "user_resources_intro_remote": "Enter the url of a YouTube, Twitter, Facebook public video or an website (see examples below):", "api_input": "Copy and paste a Youtube, Facebook or Twitter url", "close": "Close", "game_resources_title": "Gamification", "game_resources_intro": "Serious game about using the verification plugin", "game_resources_url": "", "examples": "Examples :", "youtube_example": "Youtube: https://www.youtube.com/embed/5wRv8boqIEc", "twitter_example": "Twitter: https://video.twimg.com/amplify_video/1055750649462308866/vid/640x360/yqQIZj-jHZRxl0i2.mp4", "website_example": "Website: https://weverify.eu/verification-plugin/", "glossary_title": "Glossary", "glossary_word_1": "fake news", "glosary_definition_1": "false stories that appear to be news, spread on the internet or using other media, usually created to influence political views or as a joke (Cambridge dictionary)", "glossary_word_2": "disinformation", "glosary_definition_2": "false information spread in order to deceive people", "glossary_word_3": "misinformation", "glosary_definition_3": "wrong information (often unintentional), or the fact that people are misinformed. (from Cambridge Dict.)", "classroom_game": "Quiz", "youverify_link": "https://youverify.eu", "quiz_url": "https://view.genial.ly/624c2acc073b7e001725b541"}