{"id":13738717,"url":"https://github.com/trungleduc/ipyflex","last_synced_at":"2025-04-13T04:13:37.256Z","repository":{"id":39001481,"uuid":"417430112","full_name":"trungleduc/ipyflex","owner":"trungleduc","description":"A WYSIWYG layout editor for Jupyter widgets","archived":false,"fork":false,"pushed_at":"2024-11-05T10:15:42.000Z","size":26800,"stargazers_count":121,"open_issues_count":2,"forks_count":5,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-04-13T04:13:07.370Z","etag":null,"topics":["ipywidgets","jupyter","jupyter-widgets"],"latest_commit_sha":null,"homepage":"https://ipyflex.readthedocs.io","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/trungleduc.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2021-10-15T08:46:11.000Z","updated_at":"2025-02-01T18:58:24.000Z","dependencies_parsed_at":"2022-08-09T07:18:47.967Z","dependency_job_id":null,"html_url":"https://github.com/trungleduc/ipyflex","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungleduc%2Fipyflex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungleduc%2Fipyflex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungleduc%2Fipyflex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungleduc%2Fipyflex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/trungleduc","download_url":"https://codeload.github.com/trungleduc/ipyflex/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248661720,"owners_count":21141451,"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":["ipywidgets","jupyter","jupyter-widgets"],"created_at":"2024-08-03T03:02:34.547Z","updated_at":"2025-04-13T04:13:37.243Z","avatar_url":"https://github.com/trungleduc.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eipyflex\u003c/h1\u003e\n\n[![Binder](https://mybinder.org/badge_logo.svg)](https://mybinder.org/v2/gh/trungleduc/ipyflex/main?urlpath=lab%2Ftree%2Fexamples) ![Build](https://github.com/trungleduc/ipyflex/actions/workflows/build.yml/badge.svg) [![Documentation Status](https://readthedocs.org/projects/ipyflex/badge/?version=latest)](http://ipyflex.readthedocs.io/?badge=latest) [![GitHub license](https://badgen.net/github/license/trungleduc/ipyflex)](https://github.com/trungleduc/ipyflex/blob/main/LICENSE) [![PyPI version](https://badge.fury.io/py/ipyflex.svg)](https://badge.fury.io/py/ipyflex) [![Conda Version](https://img.shields.io/conda/vn/conda-forge/ipyflex.svg)](https://anaconda.org/conda-forge/ipyflex)\n\n\u003ch2 align=\"center\"\u003e A WYSIWYG layout editor for Jupyter widgets \u003c/h1\u003e\n\nBased on the React library [FlexLayout](https://github.com/caplin/FlexLayout), ipyflex allows you to compose the sophisticated dashboard layouts from existing Jupyter widgets without coding. It supports multiple tabs, resizable cards, drag-and-drop layout, save dashboard template to disk, and many more.\n\n## Example\n\n### Dynamic layout\n\n![Dynamic layout](./docs/source/images/ipyflex.gif)\n\n### Widget factory\n\n![Widget factory](./docs/source/images/ipyflex-factory.gif)\n\n### Configurable header\n\nhttps://user-images.githubusercontent.com/4451292/149482302-30579785-4d8e-4d50-9bcc-249bea4a9d95.mp4\n\n### Stock indexes dashboard\n\n![Stock indexes](./docs/source/images/ipyflex-stock2.gif)\n\n## Documentation\n\nYou can read the documentation following this link: https://ipyflex.readthedocs.io\n\n## Installation\n\nYou can install using `pip`:\n\n```bash\npip install ipyflex\n```\n\nOr using `conda`:\n\n```bash\nconda install -c conda-forge  ipyflex\n```\n\nAnd if you use jupyterlab \u003c= 2:\n\n```bash\nmamba install -c conda-forge jlpm\njupyter labextension install @jupyter-widgets/jupyterlab-manager ipyflex\n```\n\n## Development Installation\n\nCreate a dev environment:\n\n```bash\nconda create -n ipyflex-dev -c conda-forge nodejs jlpm python jupyterlab\nconda activate ipyflex-dev\n```\n\nInstall the python. This will also build the TS package.\n\n```bash\npip install -e \".[test, examples]\"\n```\n\nWhen developing your extensions, you need to manually enable your extensions with the\nnotebook / lab frontend. For lab, this is done by the command:\n\n```\njupyter labextension develop --overwrite .\njlpm run build\n```\n\nFor classic notebook, you need to run:\n\n```\njupyter nbextension install --sys-prefix --symlink --overwrite --py ipyflex\njupyter nbextension enable --sys-prefix --py ipyflex\n```\n\nNote that the `--symlink` flag doesn't work on Windows, so you will here have to run\nthe `install` command every time that you rebuild your extension. For certain installations\nyou might also need another flag instead of `--sys-prefix`, but we won't cover the meaning\nof those flags here.\n\n### How to see your changes\n\n#### Typescript:\n\nIf you use JupyterLab to develop then you can watch the source directory and run JupyterLab at the same time in different\nterminals to watch for changes in the extension's source and automatically rebuild the widget.\n\n```bash\n# Watch the source directory in one terminal, automatically rebuilding when needed\njlpm run watch\n# Run JupyterLab in another terminal\njupyter lab\n```\n\nAfter a change wait for the build to finish and then refresh your browser and the changes should take effect.\n\n#### Python:\n\nIf you make a change to the python code then you will need to restart the notebook kernel to have it take effect.\n\n## Thanks\n\nThe following libraries / open-source projects were used or inspired in the development of ipyflex:\n\n- [FlexLayout](https://github.com/caplin/FlexLayout)\n- [CoSApp Lab](https://gitlab.com/cosapp/cosapp_lab)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrungleduc%2Fipyflex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftrungleduc%2Fipyflex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrungleduc%2Fipyflex/lists"}