Files
lnreader-plugins/scripts/multisrc/madara
Marcin Majewski b2caf26da3 Move to Zustand and add Filters to web_test (#1077)
* Moved to zustand and started refactored filters

- Move from redux to zustand
- Refactor Filters typings and add some helper types
- Add Filters button and Picker/Switch filter options
- Fixed Syosetu typings

* Add rule consistent-type-definitions

- Add consistent-type-definitions eslint rule to force consistent use of types instead of interfaces
- Run eslint to auto-change every interface to types

https://dev.to/atheodosiou/types-vs-interfaces-in-typescript-making-the-right-choice-48a4
https://www.youtube.com/watch?v=zM9UPcIyyhQ

* Add other filters and refactor

- Move Dialog to FiltersDialog
- CheckboxFilter, TextFilter, XCheckboxFilter added
- Added TripleCheckbox and TripleSwitch as tri-state checkbox/switch items using Mui stylings

* TriStateCheckbox/Switch refactor

- Change name of TripleSwitch and TripleCheckbox to TriState
- Change slightly TriStateSwitch and StyledSwitch styles
- Add option to change into TriStateSwitches via `localStorage` value `useSwitches`

* Refactor code and fix issues

* fix: prettier

---------

Co-authored-by: nyagami <hoangquan05112002@gmail.com>
2024-08-18 22:31:41 +07:00
..
2024-08-07 08:59:08 +07:00

Compatiblity

This generator is for most sites that uses the Madara WordPress Theme: https://mangabooth.com/

it should work for all sites that uses this theme

to know the name and version of the theme you can enter the url in : WP Theme Detector or you can check the version by adding "/wp-content/themes/madara/style.css" to the site url and check the version in the file

ADD A NEW SOURCE

To add a new source you need to add it to sources.json:

  • id: the id of the source (something unique)
  • sourceName: the name of the source (you can use the value of "name" in "https://site.com/wp-json/" if it exists)
  • sourceSite: the site url
  • options: the options of the source
    • lang: the language of the source (default: "English") (check that the language exists in the languages (check folder names in "plugins/"))
    • useNewChapterEndpoint: if the source uses the new chapter endpoint

To add an icon to the source you need to find the icon of the site
(try the favicon of the site (https://site.com/favicon.ico) most of the times it redirects you to an image named something like "cropped-site-32x32.png" try to access "cropped-site.png" or "site.png" if that did not work you can try to access "https://site.com/wp-json" at the end of this very long file there should be a "site_icon_url" value ) (don't forget to convert it to png) and add it to the folder "icons/multisrc/madara" named as the id of the source

To add filters to a source you need to run the script "get_filters.ts"
(./node_modules/.bin/ts-node scripts/multisrc/madara/get_filters.ts (if you are at the root of the project) (and you have ran "npm install" before)) and follow the instructions (url is easier and faster but sometimes it doesn't work)