@ramstack/alpinegear-main 1.2.3 → 1.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +36 -1
  2. package/package.json +8 -2
package/README.md CHANGED
@@ -14,7 +14,7 @@ To include the CDN version of this plugin, add the following `<script>` tag befo
14
14
  <script src="https://cdn.jsdelivr.net/npm/@ramstack/alpinegear-main@1/alpinegear-main.min.js" defer></script>
15
15
 
16
16
  <!-- alpine.js -->
17
- <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
17
+ <script src="https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js" defer></script>
18
18
  ```
19
19
 
20
20
  ### Using NPM
@@ -139,6 +139,41 @@ You can find the source code for this plugin on GitHub:
139
139
 
140
140
  https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/main
141
141
 
142
+ ## Related projects
143
+
144
+ **[@ramstack/alpinegear-bound](https://www.npmjs.com/package/@ramstack/alpinegear-bound)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/bound))<br>
145
+ Provides the `x-bound` directive, which allows for two-way binding of input elements and their associated data properties.
146
+ It works similarly to the binding provided by [Svelte](https://svelte.dev/docs/element-directives#bind-property)
147
+ and also supports synchronizing values between two `Alpine.js` data properties.
148
+
149
+ **[@ramstack/alpinegear-format](https://www.npmjs.com/package/@ramstack/alpinegear-format)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/format))<br>
150
+ Provides the `x-format` directive, which allows you to easily interpolate text using a template syntax similar to what's available in `Vue.js`.
151
+
152
+ **[@ramstack/alpinegear-template](https://www.npmjs.com/package/@ramstack/alpinegear-template)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/template))<br>
153
+ Provides the `x-template` directive, which allows you to define a template once anywhere in the DOM and reference it by its ID.
154
+
155
+ **[@ramstack/alpinegear-fragment](https://www.npmjs.com/package/@ramstack/alpinegear-fragment)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/fragment))<br>
156
+ Provides the `x-fragment` directive, which allows for fragment-like behavior similar to what's available in frameworks
157
+ like `Vue.js` or `React`, where multiple root elements can be grouped together.
158
+
159
+ **[@ramstack/alpinegear-match](https://www.npmjs.com/package/@ramstack/alpinegear-match)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/match))<br>
160
+ Provides the `x-match` directive, which functions similarly to the `switch` statement in many programming languages,
161
+ allowing you to conditionally render elements based on matching cases.
162
+
163
+ **[@ramstack/alpinegear-when](https://www.npmjs.com/package/@ramstack/alpinegear-when)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/when))<br>
164
+ Provides the `x-when` directive, which allows for conditional rendering of elements similar to `x-if`, but supports multiple root elements.
165
+
166
+ **[@ramstack/alpinegear-destroy](https://www.npmjs.com/package/@ramstack/alpinegear-destroy)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/destroy))<br>
167
+ Provides the `x-destroy` directive, which is the opposite of `x-init` and allows you to hook into the cleanup phase
168
+ of any element, running a callback when the element is removed from the DOM.
169
+
170
+ **[@ramstack/alpinegear-hotkey](https://www.npmjs.com/package/@ramstack/alpinegear-hotkey)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/hotkey))<br>
171
+ Provides the `x-hotkey` directive, which allows you to easily handle keyboard shortcuts within your Alpine.js components or application.
172
+
173
+ **[@ramstack/alpinegear-router](https://www.npmjs.com/package/@ramstack/alpinegear-router)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/router))<br>
174
+ Provides the `x-router` and `x-route` directives, which enable client-side navigation and routing functionality within your Alpine.js application.
175
+
176
+
142
177
  ## Contributions
143
178
  Bug reports and contributions are welcome.
144
179
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ramstack/alpinegear-main",
3
- "version": "1.2.3",
3
+ "version": "1.2.4",
4
4
  "description": "@ramstack/alpinegear-main is a combined plugin that includes several Alpine.js directives, providing a convenient all-in-one package.",
5
5
  "author": "Rameel Burhan",
6
6
  "license": "MIT",
@@ -11,7 +11,13 @@
11
11
  },
12
12
  "keywords": [
13
13
  "alpine.js",
14
- "alpinejs"
14
+ "alpinejs",
15
+ "alpinejs-binding",
16
+ "alpinejs-fragment",
17
+ "alpinejs-directive",
18
+ "alpinejs-plugin",
19
+ "template",
20
+ "formatting"
15
21
  ],
16
22
  "main": "alpinegear-main.js",
17
23
  "module": "alpinegear-main.esm.js"