vite-plugin-vanjs 0.1.8 → 0.1.9

package/README.md

@@ -36,6 +36,7 @@ deno add npm:vite-plugin-vanjs@latest
 bun add vite-plugin-vanjs@latest
 ```
 
+
 ### Wiki
 
 For a complete guide on how to use the plugin, be sure to check the wiki:

package/jsx/jsx.d.ts

@@ -34,7 +34,7 @@ declare global {
 declare namespace JSX {
   // type FunctionMaybe<T = unknown> = { (): T } | T;
   // type Element = VanNode;
-  type FunctionMaybe<T = unknown> = (() => T) | StateView<T> | T;
+  type FunctionMaybe<T = unknown> = (() => T) | StateView<T> | T | undefined;
   type Element =
     | State<Primitive | null | undefined>
     | Node
@@ -402,61 +402,61 @@ declare namespace JSX {
      * Identifies the currently active element when DOM focus is on a composite widget, textbox,
      * group, or application.
      */
-    "aria-activedescendant"?: string;
+    "aria-activedescendant"?: FunctionMaybe<string>;
     /**
      * Indicates whether assistive technologies will present all, or only parts of, the changed
      * region based on the change notifications defined by the aria-relevant attribute.
      */
-    "aria-atomic"?: boolean | "false" | "true";
+    "aria-atomic"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Indicates whether inputting text could trigger display of one or more predictions of the
      * user's intended value for an input and specifies how predictions would be presented if they
      * are made.
      */
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both";
+    "aria-autocomplete"?: FunctionMaybe<"none" | "inline" | "list" | "both">;
     /**
      * Indicates an element is being modified and that assistive technologies MAY want to wait until
      * the modifications are complete before exposing them to the user.
      */
-    "aria-busy"?: boolean | "false" | "true";
+    "aria-busy"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
      *
      * @see aria-pressed @see aria-selected.
      */
-    "aria-checked"?: boolean | "false" | "mixed" | "true";
+    "aria-checked"?: FunctionMaybe<boolean | "false" | "mixed" | "true">;
     /**
      * Defines the total number of columns in a table, grid, or treegrid.
      *
      * @see aria-colindex.
      */
-    "aria-colcount"?: number | string;
+    "aria-colcount"?: FunctionMaybe<number | string>;
     /**
      * Defines an element's column index or position with respect to the total number of columns
      * within a table, grid, or treegrid.
      *
      * @see aria-colcount @see aria-colspan.
      */
-    "aria-colindex"?: number | string;
+    "aria-colindex"?: FunctionMaybe<number | string>;
     /**
      * Defines the number of columns spanned by a cell or gridcell within a table, grid, or
      * treegrid.
      *
      * @see aria-colindex @see aria-rowspan.
      */
-    "aria-colspan"?: number | string;
+    "aria-colspan"?: FunctionMaybe<number | string>;
     /**
      * Identifies the element (or elements) whose contents or presence are controlled by the current
      * element.
      *
      * @see aria-owns.
      */
-    "aria-controls"?: string;
+    "aria-controls"?: FunctionMaybe<string>;
     /**
      * Indicates the element that represents the current item within a container or set of related
      * elements.
      */
-    "aria-current"?:
+    "aria-current"?: FunctionMaybe<
       | boolean
       | "false"
       | "true"
@@ -464,61 +464,65 @@ declare namespace JSX {
       | "step"
       | "location"
       | "date"
-      | "time";
+      | "time"
+      | undefined
+    >;
     /**
      * Identifies the element (or elements) that describes the object.
      *
      * @see aria-labelledby
      */
-    "aria-describedby"?: string;
+    "aria-describedby"?: FunctionMaybe<string>;
     /**
      * Identifies the element that provides a detailed, extended description for the object.
      *
      * @see aria-describedby.
      */
-    "aria-details"?: string;
+    "aria-details"?: FunctionMaybe<string>;
     /**
      * Indicates that the element is perceivable but disabled, so it is not editable or otherwise
      * operable.
      *
      * @see aria-hidden @see aria-readonly.
      */
-    "aria-disabled"?: boolean | "false" | "true";
+    "aria-disabled"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Indicates what functions can be performed when a dragged object is released on the drop
      * target.
      *
      * @deprecated In ARIA 1.1
      */
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup";
+    "aria-dropeffect"?: FunctionMaybe<
+      "none" | "copy" | "execute" | "link" | "move" | "popup"
+    >;
     /**
      * Identifies the element that provides an error message for the object.
      *
      * @see aria-invalid @see aria-describedby.
      */
-    "aria-errormessage"?: string;
+    "aria-errormessage"?: FunctionMaybe<string>;
     /**
      * Indicates whether the element, or another grouping element it controls, is currently expanded
      * or collapsed.
      */
-    "aria-expanded"?: boolean | "false" | "true";
+    "aria-expanded"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Identifies the next element (or elements) in an alternate reading order of content which, at
      * the user's discretion, allows assistive technology to override the general default of reading
      * in document source order.
      */
-    "aria-flowto"?: string;
+    "aria-flowto"?: FunctionMaybe<string>;
     /**
      * Indicates an element's "grabbed" state in a drag-and-drop operation.
      *
      * @deprecated In ARIA 1.1
      */
-    "aria-grabbed"?: boolean | "false" | "true";
+    "aria-grabbed"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Indicates the availability and type of interactive popup element, such as menu or dialog,
      * that can be triggered by an element.
      */
-    "aria-haspopup"?:
+    "aria-haspopup"?: FunctionMaybe<
       | boolean
       | "false"
       | "true"
@@ -526,54 +530,57 @@ declare namespace JSX {
       | "listbox"
       | "tree"
       | "grid"
-      | "dialog";
+      | "dialog"
+    >;
     /**
      * Indicates whether the element is exposed to an accessibility API.
      *
      * @see aria-disabled.
      */
-    "aria-hidden"?: boolean | "false" | "true";
+    "aria-hidden"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Indicates the entered value does not conform to the format expected by the application.
      *
      * @see aria-errormessage.
      */
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
+    "aria-invalid"?: FunctionMaybe<
+      boolean | "false" | "true" | "grammar" | "spelling"
+    >;
     /**
      * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an
      * element.
      */
-    "aria-keyshortcuts"?: string;
+    "aria-keyshortcuts"?: FunctionMaybe<string>;
     /**
      * Defines a string value that labels the current element.
      *
      * @see aria-labelledby.
      */
-    "aria-label"?: string;
+    "aria-label"?: FunctionMaybe<string>;
     /**
      * Identifies the element (or elements) that labels the current element.
      *
      * @see aria-describedby.
      */
-    "aria-labelledby"?: string;
+    "aria-labelledby"?: FunctionMaybe<string>;
     /** Defines the hierarchical level of an element within a structure. */
-    "aria-level"?: number | string;
+    "aria-level"?: FunctionMaybe<number | string>;
     /**
      * Indicates that an element will be updated, and describes the types of updates the user
      * agents, assistive technologies, and user can expect from the live region.
      */
-    "aria-live"?: "off" | "assertive" | "polite";
+    "aria-live"?: FunctionMaybe<"off" | "assertive" | "polite">;
     /** Indicates whether an element is modal when displayed. */
-    "aria-modal"?: boolean | "false" | "true";
+    "aria-modal"?: FunctionMaybe<boolean | "false" | "true">;
     /** Indicates whether a text box accepts multiple lines of input or only a single line. */
-    "aria-multiline"?: boolean | "false" | "true";
+    "aria-multiline"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Indicates that the user may select more than one item from the current selectable
      * descendants.
      */
-    "aria-multiselectable"?: boolean | "false" | "true";
+    "aria-multiselectable"?: FunctionMaybe<boolean | "false" | "true">;
     /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
-    "aria-orientation"?: "horizontal" | "vertical";
+    "aria-orientation"?: FunctionMaybe<"horizontal" | "vertical">;
     /**
      * Identifies an element (or elements) in order to define a visual, functional, or contextual
      * parent/child relationship between DOM elements where the DOM hierarchy cannot be used to
@@ -581,39 +588,39 @@ declare namespace JSX {
      *
      * @see aria-controls.
      */
-    "aria-owns"?: string;
+    "aria-owns"?: FunctionMaybe<string>;
     /**
      * Defines a short hint (a word or short phrase) intended to aid the user with data entry when
      * the control has no value. A hint could be a sample value or a brief description of the
      * expected format.
      */
-    "aria-placeholder"?: string;
+    "aria-placeholder"?: FunctionMaybe<string>;
     /**
      * Defines an element's number or position in the current set of listitems or treeitems. Not
      * required if all elements in the set are present in the DOM.
      *
      * @see aria-setsize.
      */
-    "aria-posinset"?: number | string;
+    "aria-posinset"?: FunctionMaybe<number | string>;
     /**
      * Indicates the current "pressed" state of toggle buttons.
      *
      * @see aria-checked @see aria-selected.
      */
-    "aria-pressed"?: boolean | "false" | "mixed" | "true";
+    "aria-pressed"?: FunctionMaybe<boolean | "false" | "mixed" | "true">;
     /**
      * Indicates that the element is not editable, but is otherwise operable.
      *
      * @see aria-disabled.
      */
-    "aria-readonly"?: boolean | "false" | "true";
+    "aria-readonly"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Indicates what notifications the user agent will trigger when the accessibility tree within a
      * live region is modified.
      *
      * @see aria-atomic.
      */
-    "aria-relevant"?:
+    "aria-relevant"?: FunctionMaybe<
       | "additions"
       | "additions removals"
       | "additions text"
@@ -623,57 +630,58 @@ declare namespace JSX {
       | "removals text"
       | "text"
       | "text additions"
-      | "text removals";
+      | "text removals"
+    >;
     /** Indicates that user input is required on the element before a form may be submitted. */
-    "aria-required"?: boolean | "false" | "true";
+    "aria-required"?: FunctionMaybe<boolean | "false" | "true">;
     /** Defines a human-readable, author-localized description for the role of an element. */
-    "aria-roledescription"?: string;
+    "aria-roledescription"?: FunctionMaybe<string>;
     /**
      * Defines the total number of rows in a table, grid, or treegrid.
      *
      * @see aria-rowindex.
      */
-    "aria-rowcount"?: number | string;
+    "aria-rowcount"?: FunctionMaybe<number | string>;
     /**
      * Defines an element's row index or position with respect to the total number of rows within a
      * table, grid, or treegrid.
      *
      * @see aria-rowcount @see aria-rowspan.
      */
-    "aria-rowindex"?: number | string;
+    "aria-rowindex"?: FunctionMaybe<number | string>;
     /**
      * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
      *
      * @see aria-rowindex @see aria-colspan.
      */
-    "aria-rowspan"?: number | string;
+    "aria-rowspan"?: FunctionMaybe<number | string>;
     /**
      * Indicates the current "selected" state of various widgets.
      *
      * @see aria-checked @see aria-pressed.
      */
-    "aria-selected"?: boolean | "false" | "true";
+    "aria-selected"?: FunctionMaybe<boolean | "false" | "true">;
     /**
      * Defines the number of items in the current set of listitems or treeitems. Not required if all
      * elements in the set are present in the DOM.
      *
      * @see aria-posinset.
      */
-    "aria-setsize"?: number | string;
+    "aria-setsize"?: FunctionMaybe<number | string>;
     /** Indicates if items in a table or grid are sorted in ascending or descending order. */
-    "aria-sort"?: "none" | "ascending" | "descending" | "other";
+    "aria-sort"?: FunctionMaybe<"none" | "ascending" | "descending" | "other">;
     /** Defines the maximum allowed value for a range widget. */
-    "aria-valuemax"?: number | string;
+    "aria-valuemax"?: FunctionMaybe<number | string>;
     /** Defines the minimum allowed value for a range widget. */
-    "aria-valuemin"?: number | string;
+    "aria-valuemin"?: FunctionMaybe<number | string>;
     /**
      * Defines the current value for a range widget.
      *
      * @see aria-valuetext.
      */
-    "aria-valuenow"?: number | string;
+    "aria-valuenow"?: FunctionMaybe<number | string>;
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
-    "aria-valuetext"?: string;
+    "aria-valuetext"?: FunctionMaybe<string>;
     role?: FunctionMaybe<
       | "alert"
       | "alertdialog"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vanjs",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "author": "thednp",
   "license": "MIT",
   "description": "A mini meta-framework for VanJS powered by Vite",
@@ -87,7 +87,7 @@
     "vanjs-ext": "^0.6.2"
   },
   "devDependencies": {
-    "@types/node": "^22.15.3",
+    "@types/node": "^22.15.12",
     "@vitest/browser": "^3.1.3",
     "@vitest/coverage-istanbul": "^3.1.3",
     "@vitest/ui": "^3.1.3",

package/plugin/index.mjs

@@ -71,8 +71,7 @@ export default function VitePluginVanJS(options = {}) {
           include: [
             "vanjs-core",
             "vanjs-ext",
-            "mini-van-plate/van-plate",
-            "mini-van-plate/shared",
+            "mini-van-plate",
           ],
         },
         ssr: {