more updates to replace official docs UX page

Author: weaverryan

src/StimulusBundle/doc/index.rst

@@ -1,6 +1,10 @@
 StimulusBundle: Symfony integration with Stimulus
 =================================================
 
+.. tip::
+
+    Check out live demos of Symfony UX at https://ux.symfony.com!
+
 This bundle adds integration between Symfony, `Stimulus`_ and the Symfony UX packages:
 
 A) Twig ``stimulus_`` functions & filters to add Stimulus controllers,
@@ -69,14 +73,39 @@ for all the goodies.
 
 .. _ux-packages:
 
-3rd Party Stimulus Controllers from UX Packages
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-Your app will also activate any 3rd party controllers (installed by UX bundles)
-mentioned in your ``assets/controllers.json`` file.
+The UX Packages
+~~~~~~~~~~~~~~~
 
-For a list of all of the UX package and other Stimulus tools, see the
-`Symfony UX documentation`_.
+Symfony provides a set of UX packages that add extra Stimulus controllers to solve
+common problems. StimulusBundle activates any 3rd party Stimulus controllers
+that are mentioned in your ``assets/controllers.json`` file. This file is updated
+whenever you install a UX package.
+
+The official UX packages are:
+
+* `ux-autocomplete`_: Transform ``EntityType``, ``ChoiceType`` or *any*
+  ``<select>`` element into an Ajax-powered autocomplete field
+  (`see demo <https://ux.symfony.com/autocomplete>`_)
+* `ux-chartjs`_: Easy charts with `Chart.js`_ (`see demo <https://ux.symfony.com/chartjs>`_)
+* `ux-cropperjs`_: Form Type and tools for cropping images (`see demo <https://ux.symfony.com/cropperjs>`_)
+* `ux-dropzone`_: Form Type for stylized "drop zone" for file uploads
+  (`see demo <https://ux.symfony.com/dropzone>`_)
+* `ux-lazy-image`_: Optimize Image Loading with BlurHash
+  (`see demo <https://ux.symfony.com/lazy-image>`_)
+* `ux-live-component`_: Build Dynamic Interfaces with Zero JavaScript
+  (`see demo <https://ux.symfony.com/live-component>`_)
+* `ux-notify`_: Send server-sent native notification with Mercure
+  (`see demo <https://ux.symfony.com/notify>`_)
+* `ux-react`_: Render `React`_ component from Twig (`see demo <https://ux.symfony.com/react>`_)
+* `ux-svelte`_: Render `Svelte`_ component from Twig (`see demo <https://ux.symfony.com/svelte>`_)
+* `ux-swup`_: Integration with `Swup`_ (`see demo <https://ux.symfony.com/swup>`_)
+* `ux-translator`_: Use your Symfony translations in JavaScript `Swup`_ (`see demo <https://ux.symfony.com/translator>`_)
+* `ux-turbo`_: Integration with `Turbo Drive`_ for a single-page-app experience
+  (`see demo <https://ux.symfony.com/turbo>`_)
+* `ux-twig-component`_: Build Twig Components Backed by a PHP Class
+  (`see demo <https://ux.symfony.com/twig-component>`_)
+* `ux-typed`_: Integration with `Typed`_ (`see demo <https://ux.symfony.com/typed>`_)
+* `ux-vue`_: Render `Vue`_ component from Twig (`see demo <https://ux.symfony.com/vue>`_)
 
 Lazy Stimulus Controllers
 ~~~~~~~~~~~~~~~~~~~~~~~~~
@@ -110,6 +139,18 @@ To make a third-party controller lazy, in ``assets/controllers.json``, set
     If you write your controllers using TypeScript, make sure
     ``removeComments`` is not set to ``true`` in your TypeScript config.
 
+Stimulus Tools around the World
+-------------------------------
+
+Because Stimulus is used by developers outside of Symfony, many tools
+exist beyond the UX packages:
+
+* `stimulus-use`_: Add composable behaviors to your Stimulus controllers, like
+  debouncing, detecting outside clicks and many other things.
+
+* `stimulus-components`_ A large number of pre-made Stimulus controllers, like for
+  Copying to clipboard, Sortable, Popover (similar to tooltips) and much more.
+
 Stimulus Twig Helpers
 ---------------------
 
@@ -428,18 +469,41 @@ it will normalize it:
     <!-- will render as: -->
     <div data-controller="symfony--ux-chartjs--chart">
 
-.. _Stimulus: https://stimulus.hotwired.dev/
-.. _Webpack Encore: https://symfony.com/doc/current/frontend.html
-.. _AssetMapper: https://symfony.com/doc/current/frontend/asset-mapper.html
-.. _Symfony UX documentation: https://symfony.com/doc/current/frontend/ux.html
-.. _Stimulus Controllers & Values: https://stimulus.hotwired.dev/reference/values
-.. _CSS Classes: https://stimulus.hotwired.dev/reference/css-classes
-.. _Stimulus Actions: https://stimulus.hotwired.dev/reference/actions
-.. _parameters: https://stimulus.hotwired.dev/reference/actions#action-parameters
-.. _Stimulus Targets: https://stimulus.hotwired.dev/reference/targets
-.. _StimulusBundle Flex recipe: https://github.com/symfony/recipes/tree/main/symfony/stimulus-bundle
-.. _experimental: https://symfony.com/doc/current/contributing/code/experimental.html
 .. _Encore vs AssetMapper: https://symfony.com/doc/current/frontend.html
 .. _Symfony Flex: https://symfony.com/doc/current/setup/flex.html
 .. _Stimulus Documentation: https://stimulus.hotwired.dev/
 .. _`@symfony/stimulus-bridge`: https://github.com/symfony/stimulus-bridge
+.. _`Stimulus`: https://stimulus.hotwired.dev/
+.. _`Webpack Encore`: https://symfony.com/doc/current/frontend.html
+.. _`AssetMapper`: https://symfony.com/doc/current/frontend/asset-mapper.html
+.. _`Stimulus Controllers & Values`: https://stimulus.hotwired.dev/reference/values
+.. _`CSS Classes`: https://stimulus.hotwired.dev/reference/css-classes
+.. _`Stimulus Actions`: https://stimulus.hotwired.dev/reference/actions
+.. _`parameters`: https://stimulus.hotwired.dev/reference/actions#action-parameters
+.. _`Stimulus Targets`: https://stimulus.hotwired.dev/reference/targets
+.. _`StimulusBundle Flex recipe`: https://github.com/symfony/recipes/tree/main/symfony/stimulus-bundle
+.. _`experimental`: https://symfony.com/doc/current/contributing/code/experimental.html
+.. _`ux-autocomplete`: https://symfony.com/bundles/ux-autocomplete/current/index.html
+.. _`ux-chartjs`: https://symfony.com/bundles/ux-chartjs/current/index.html
+.. _`ux-cropperjs`: https://symfony.com/bundles/ux-cropperjs/current/index.html
+.. _`ux-dropzone`: https://symfony.com/bundles/ux-dropzone/current/index.html
+.. _`ux-lazy-image`: https://symfony.com/bundles/ux-lazy-image/current/index.html
+.. _`ux-live-component`: https://symfony.com/bundles/ux-live-component/current/index.html
+.. _`ux-notify`: https://symfony.com/bundles/ux-notify/current/index.html
+.. _`ux-react`: https://symfony.com/bundles/ux-react/current/index.html
+.. _ux-translator: https://symfony.com/bundles/ux-translator/current/index.html
+.. _`ux-swup`: https://symfony.com/bundles/ux-swup/current/index.html
+.. _`ux-turbo`: https://symfony.com/bundles/ux-turbo/current/index.html
+.. _`ux-twig-component`: https://symfony.com/bundles/ux-twig-component/current/index.html
+.. _`ux-typed`: https://symfony.com/bundles/ux-typed/current/index.html
+.. _`ux-vue`: https://symfony.com/bundles/ux-vue/current/index.html
+.. _`ux-svelte`: https://symfony.com/bundles/ux-svelte/current/index.html
+.. _`Chart.js`: https://www.chartjs.org/
+.. _`Swup`: https://swup.js.org/
+.. _`React`: https://reactjs.org/
+.. _`Svelte`: https://svelte.dev/
+.. _`Turbo Drive`: https://turbo.hotwired.dev/
+.. _`Typed`: https://github.com/mattboldt/typed.js/
+.. _`Vue`: https://vuejs.org/
+.. _`stimulus-use`: https://stimulus-use.github.io/stimulus-use
+.. _`stimulus-components`: https://stimulus-components.netlify.app/