├── .formatter.exs ├── .gitignore ├── LICENSE.md ├── README.md ├── assets ├── .babelrc ├── css │ ├── app.scss │ └── phoenix.css ├── js │ └── app.js ├── package-lock.json ├── package.json ├── static │ ├── favicon.ico │ ├── images │ │ └── phoenix.png │ └── robots.txt └── webpack.config.js ├── config ├── config.exs ├── dev.exs ├── prod.exs └── test.exs ├── lib ├── demo.ex ├── demo │ └── application.ex ├── demo_web.ex └── demo_web │ ├── channels │ └── user_socket.ex │ ├── controllers │ └── page_controller.ex │ ├── endpoint.ex │ ├── gettext.ex │ ├── live │ ├── component │ │ └── modal_live.ex │ ├── counter_live.ex │ ├── example_live │ │ ├── assigns_title_component.ex │ │ ├── assigns_title_live_view.ex │ │ ├── component_blocks_component.ex │ │ ├── component_blocks_live_view.ex │ │ ├── example_live.ex │ │ ├── stateful_component.ex │ │ ├── stateful_component_live_view.ex │ │ ├── stateful_preload_component.ex │ │ ├── stateful_preload_component_live_view.ex │ │ ├── stateful_send_self_component.ex │ │ ├── stateful_send_self_component_live_view.ex │ │ ├── stateless_component.ex │ │ ├── stateless_component_live_view.ex │ │ ├── static_title_component.ex │ │ └── static_title_live_view.ex │ ├── page_live.ex │ └── page_live.html.leex │ ├── router.ex │ ├── telemetry.ex │ ├── templates │ ├── layout │ │ ├── app.html.eex │ │ ├── live.html.leex │ │ └── root.html.leex │ └── page │ │ ├── index.html.eex │ │ ├── keyboard.html.leex │ │ └── px.html.leex │ └── views │ ├── error_helpers.ex │ ├── error_view.ex │ └── layout_view.ex ├── mix.exs ├── mix.lock ├── priv └── gettext │ ├── en │ └── LC_MESSAGES │ │ └── errors.po │ └── errors.pot └── test ├── demo_web ├── live │ └── page_live_test.exs └── views │ ├── error_view_test.exs │ └── layout_view_test.exs ├── support ├── channel_case.ex └── conn_case.ex └── test_helper.exs /.formatter.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/.formatter.exs -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/LICENSE.md -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/README.md -------------------------------------------------------------------------------- /assets/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/.babelrc -------------------------------------------------------------------------------- /assets/css/app.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/css/app.scss -------------------------------------------------------------------------------- /assets/css/phoenix.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/css/phoenix.css -------------------------------------------------------------------------------- /assets/js/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/js/app.js -------------------------------------------------------------------------------- /assets/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/package-lock.json -------------------------------------------------------------------------------- /assets/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/package.json -------------------------------------------------------------------------------- /assets/static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/static/favicon.ico -------------------------------------------------------------------------------- /assets/static/images/phoenix.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/static/images/phoenix.png -------------------------------------------------------------------------------- /assets/static/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/static/robots.txt -------------------------------------------------------------------------------- /assets/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/assets/webpack.config.js -------------------------------------------------------------------------------- /config/config.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/config/config.exs -------------------------------------------------------------------------------- /config/dev.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/config/dev.exs -------------------------------------------------------------------------------- /config/prod.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/config/prod.exs -------------------------------------------------------------------------------- /config/test.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/config/test.exs -------------------------------------------------------------------------------- /lib/demo.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo.ex -------------------------------------------------------------------------------- /lib/demo/application.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo/application.ex -------------------------------------------------------------------------------- /lib/demo_web.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web.ex -------------------------------------------------------------------------------- /lib/demo_web/channels/user_socket.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/channels/user_socket.ex -------------------------------------------------------------------------------- /lib/demo_web/controllers/page_controller.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/controllers/page_controller.ex -------------------------------------------------------------------------------- /lib/demo_web/endpoint.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/endpoint.ex -------------------------------------------------------------------------------- /lib/demo_web/gettext.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/gettext.ex -------------------------------------------------------------------------------- /lib/demo_web/live/component/modal_live.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/component/modal_live.ex -------------------------------------------------------------------------------- /lib/demo_web/live/counter_live.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/counter_live.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/assigns_title_component.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/assigns_title_component.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/assigns_title_live_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/assigns_title_live_view.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/component_blocks_component.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/component_blocks_component.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/component_blocks_live_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/component_blocks_live_view.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/example_live.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/example_live.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/stateful_component.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/stateful_component.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/stateful_component_live_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/stateful_component_live_view.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/stateful_preload_component.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/stateful_preload_component.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/stateful_preload_component_live_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/stateful_preload_component_live_view.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/stateful_send_self_component.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/stateful_send_self_component.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/stateful_send_self_component_live_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/stateful_send_self_component_live_view.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/stateless_component.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/stateless_component.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/stateless_component_live_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/stateless_component_live_view.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/static_title_component.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/static_title_component.ex -------------------------------------------------------------------------------- /lib/demo_web/live/example_live/static_title_live_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/example_live/static_title_live_view.ex -------------------------------------------------------------------------------- /lib/demo_web/live/page_live.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/page_live.ex -------------------------------------------------------------------------------- /lib/demo_web/live/page_live.html.leex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/live/page_live.html.leex -------------------------------------------------------------------------------- /lib/demo_web/router.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/router.ex -------------------------------------------------------------------------------- /lib/demo_web/telemetry.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/telemetry.ex -------------------------------------------------------------------------------- /lib/demo_web/templates/layout/app.html.eex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/templates/layout/app.html.eex -------------------------------------------------------------------------------- /lib/demo_web/templates/layout/live.html.leex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/templates/layout/live.html.leex -------------------------------------------------------------------------------- /lib/demo_web/templates/layout/root.html.leex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/templates/layout/root.html.leex -------------------------------------------------------------------------------- /lib/demo_web/templates/page/index.html.eex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/templates/page/index.html.eex -------------------------------------------------------------------------------- /lib/demo_web/templates/page/keyboard.html.leex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/templates/page/keyboard.html.leex -------------------------------------------------------------------------------- /lib/demo_web/templates/page/px.html.leex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/templates/page/px.html.leex -------------------------------------------------------------------------------- /lib/demo_web/views/error_helpers.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/views/error_helpers.ex -------------------------------------------------------------------------------- /lib/demo_web/views/error_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/views/error_view.ex -------------------------------------------------------------------------------- /lib/demo_web/views/layout_view.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/lib/demo_web/views/layout_view.ex -------------------------------------------------------------------------------- /mix.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/mix.exs -------------------------------------------------------------------------------- /mix.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/mix.lock -------------------------------------------------------------------------------- /priv/gettext/en/LC_MESSAGES/errors.po: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/priv/gettext/en/LC_MESSAGES/errors.po -------------------------------------------------------------------------------- /priv/gettext/errors.pot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/priv/gettext/errors.pot -------------------------------------------------------------------------------- /test/demo_web/live/page_live_test.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/test/demo_web/live/page_live_test.exs -------------------------------------------------------------------------------- /test/demo_web/views/error_view_test.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/test/demo_web/views/error_view_test.exs -------------------------------------------------------------------------------- /test/demo_web/views/layout_view_test.exs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/test/demo_web/views/layout_view_test.exs -------------------------------------------------------------------------------- /test/support/channel_case.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/test/support/channel_case.ex -------------------------------------------------------------------------------- /test/support/conn_case.ex: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pthompson/live_component_examples/HEAD/test/support/conn_case.ex -------------------------------------------------------------------------------- /test/test_helper.exs: -------------------------------------------------------------------------------- 1 | ExUnit.start() 2 | --------------------------------------------------------------------------------