[pull] master from DefinitelyTyped:master

types/async-alpine/.npmignore

@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts

types/async-alpine/async-alpine-tests.ts

@@ -0,0 +1,47 @@
+/**
+ * Typescript definition tests for async-alpine module
+ *
+ * Note: These tests are intended to test the definitions only
+ * in the sense of typing and call signature consistency. They
+ * are not intended as functional tests.
+ */
+
+import Alpine, { type DirectiveCallback } from "alpinejs";
+import AsyncAlpine, { type AlpineAsyncOptions } from "async-alpine";
+
+// init plugin
+Alpine.plugin(AsyncAlpine);
+
+// setup options
+const options: AlpineAsyncOptions = {
+    defaultStrategy: "idle",
+    keepRelativeURLs: false,
+};
+Alpine.asyncOptions(options);
+
+// listen plugin events
+window.addEventListener("async-alpine:load", (event) => {
+    console.log("async-alpine:load", event.detail.id);
+});
+
+// usage: data
+Alpine.asyncData(
+    "myComponent",
+    () => import("./async-alpine_async-component-tests.js"),
+);
+
+// usage: url
+Alpine.asyncUrl("myComponent", "./async-alpine_async-component-tests.ts");
+
+// usage: alias
+Alpine.asyncAlias("./[name].ts");
+Alpine.asyncAlias((name) => import(`/${name}.ts`));
+
+// directive with async data
+function directive(): DirectiveCallback {
+    return (el) => {
+        el._x_async = "init";
+        el._x_async = undefined;
+    };
+}
+directive();

types/async-alpine/async-alpine_async-component-tests.ts

@@ -0,0 +1,13 @@
+interface ComponentState {
+    message: string;
+    init(): void;
+}
+
+export default function myComponent(): ComponentState {
+    return {
+        message: "",
+        init() {
+            this.message = "my component has initialised!";
+        },
+    };
+}

types/async-alpine/index.d.ts

@@ -0,0 +1,31 @@
+import type { AlpineComponent, PluginCallback } from "alpinejs";
+
+declare global {
+    interface WindowEventMap {
+        "async-alpine:load": CustomEvent<{ id: string }>;
+    }
+}
+
+export interface AlpineAsyncOptions {
+    defaultStrategy?: "eager" | "idle" | "visible" | string;
+    keepRelativeURLs?: boolean;
+}
+
+declare module "alpinejs" {
+    interface Alpine {
+        asyncOptions(opts: AlpineAsyncOptions): void;
+        asyncData<T extends { [key in keyof T]: T[key] }>(
+            name: string,
+            download: (name: string) => AlpineComponent<T>,
+        ): void;
+        asyncUrl(name: string, url: string): void;
+        asyncAlias(path: string | ((name: string) => any)): void;
+    }
+
+    interface XAttributes {
+        _x_async: "init" | "await" | "loaded";
+    }
+}
+
+declare const asyncAlpinePlugin: PluginCallback;
+export default asyncAlpinePlugin;

types/async-alpine/package.json

@@ -0,0 +1,21 @@
+{
+    "private": true,
+    "type": "module",
+    "name": "@types/async-alpine",
+    "version": "2.0.9999",
+    "projects": [
+        "https://github.com/Accudio/async-alpine"
+    ],
+    "dependencies": {
+        "@types/alpinejs": "*"
+    },
+    "devDependencies": {
+        "@types/async-alpine": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Bastien Robert",
+            "githubUsername": "bastienrobert"
+        }
+    ]
+}

types/async-alpine/tsconfig.json

@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "async-alpine-tests.ts",
+        "async-alpine_async-component-tests.ts"
+    ]
+}