{"id":13393057,"url":"https://github.com/renato-bohler/what-the-filter","last_synced_at":"2025-03-16T16:32:03.029Z","repository":{"id":38136153,"uuid":"299134114","full_name":"renato-bohler/what-the-filter","owner":"renato-bohler","description":"A visual playground to JavaScript array \u0026 object transformations.","archived":false,"fork":false,"pushed_at":"2022-06-07T20:33:05.000Z","size":25267,"stargazers_count":153,"open_issues_count":0,"forks_count":7,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-02-17T12:37:04.248Z","etag":null,"topics":["array","javascript","object","playground","transformation"],"latest_commit_sha":null,"homepage":"https://bohler.dev/what-the-filter/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/renato-bohler.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-09-27T22:54:55.000Z","updated_at":"2024-02-08T15:51:49.000Z","dependencies_parsed_at":"2022-09-18T01:52:29.412Z","dependency_job_id":null,"html_url":"https://github.com/renato-bohler/what-the-filter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renato-bohler%2Fwhat-the-filter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renato-bohler%2Fwhat-the-filter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renato-bohler%2Fwhat-the-filter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renato-bohler%2Fwhat-the-filter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/renato-bohler","download_url":"https://codeload.github.com/renato-bohler/what-the-filter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243822295,"owners_count":20353500,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["array","javascript","object","playground","transformation"],"created_at":"2024-07-30T17:00:41.872Z","updated_at":"2025-03-16T16:32:02.362Z","avatar_url":"https://github.com/renato-bohler.png","language":"TypeScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# what the filter?\n## A visual playground to JavaScript array \u0026 object transformations ([try it out!](https://renato-bohler.github.io/what-the-filter))\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg alt=\"Demonstration GIF\" src=\"assets/demo.gif\"\u003e\n\u003c/div\u003e\n\n# How to use\nAccess [this address](https://renato-bohler.github.io/what-the-filter) and change the implementation of the `whatTheFilter` function. An informative diagram will be generated with whatever you return in this function.\n\n# Under the hood\nWhat the filter transforms the input code into an AST (abstract syntax tree) to analyze which methods were called with the corresponding arguments, input and output.\n\n# Extra features\n\n## Detailed errors\nIf any error occurs in the call chain of your code, the diagram will still output every step of execution up until the error occurred, and it will also provide more details on why this error probably occurred.\n\u003cdiv align=\"center\"\u003e\n    \u003cimg alt=\"Detailed errors feature GIF\" src=\"assets/demo-errors.gif\"\u003e\n\u003c/div\u003e\n\n## Execution steps\nSome methods will even show a \"step by step\" execution, dissecting how its input is transformed to its output, step by step:\n\u003cdiv align=\"center\"\u003e\n    \u003cimg alt=\"Execution steps feature GIF\" src=\"assets/demo-steps.gif\"\u003e\n\u003c/div\u003e\n\n## Warnings\nLet's be honest: sometimes JavaScript works in mysterious ways. That's why some methods will output some warnings:\n\u003cdiv align=\"center\"\u003e\n    \u003cimg alt=\"Warnings feature GIF\" src=\"assets/demo-warnings.gif\"\u003e\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenato-bohler%2Fwhat-the-filter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frenato-bohler%2Fwhat-the-filter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenato-bohler%2Fwhat-the-filter/lists"}