@ailuracode/alpine-network 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) ailuracode
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# @ailuracode/alpine-network
+
+Network connectivity magic for Alpine.js.
+
+**[Full documentation →](../../docs/network.md)**
+
+## Install
+
+```bash
+npm install @ailuracode/alpine-network alpinejs
+```
+
+## Quick example
+
+```js
+import Alpine from "alpinejs";
+import network from "@ailuracode/alpine-network";
+
+Alpine.plugin(network);
+Alpine.start();
+```
+
+```html
+<div x-show="!$network.isOnline">You are offline</div>
+<button :disabled="!$network.isOnline">Save</button>
+```
+
+## API summary
+
+| | |
+|-|-|
+| **Magic** | `$network` |
+| **Properties** | `isOnline` (boolean) |
+
+## License
+
+MIT

package/dist/global.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="@types/alpinejs" />
+
+export interface NetworkMagic {
+  isOnline: boolean;
+}
+
+declare global {
+  namespace Alpine {
+    interface Magics<T> {
+      $network: NetworkMagic;
+    }
+  }
+}

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import AlpineType from 'alpinejs';
+
+interface NetworkMagic {
+    isOnline: boolean;
+}
+/** Alpine.js network plugin. Registers reactive magic `$network`. */
+declare function networkPlugin(Alpine: AlpineType.Alpine): void;
+declare global {
+    namespace Alpine {
+        interface Magics<T> {
+            $network: NetworkMagic;
+        }
+    }
+}
+
+export { type NetworkMagic, networkPlugin as default };

package/dist/index.js

@@ -0,0 +1,14 @@
+// src/index.ts
+function networkPlugin(Alpine) {
+  const state = Alpine.reactive({ isOnline: navigator.onLine });
+  Alpine.magic("network", () => state);
+  const update = () => {
+    state.isOnline = navigator.onLine;
+  };
+  window.addEventListener("online", update);
+  window.addEventListener("offline", update);
+}
+export {
+  networkPlugin as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type AlpineType from \"alpinejs\";\n\nexport interface NetworkMagic {\n  isOnline: boolean;\n}\n\n/** Alpine.js network plugin. Registers reactive magic `$network`. */\nexport default function networkPlugin(Alpine: AlpineType.Alpine): void {\n  const state = Alpine.reactive<NetworkMagic>({ isOnline: navigator.onLine });\n\n  Alpine.magic(\"network\", () => state);\n\n  const update = () => {\n    state.isOnline = navigator.onLine;\n  };\n\n  window.addEventListener(\"online\", update);\n  window.addEventListener(\"offline\", update);\n}\n\ndeclare global {\n  namespace Alpine {\n    interface Magics<T> {\n      $network: NetworkMagic;\n    }\n  }\n}\n"],"mappings":";AAOe,SAAR,cAA+B,QAAiC;AACrE,QAAM,QAAQ,OAAO,SAAuB,EAAE,UAAU,UAAU,OAAO,CAAC;AAE1E,SAAO,MAAM,WAAW,MAAM,KAAK;AAEnC,QAAM,SAAS,MAAM;AACnB,UAAM,WAAW,UAAU;AAAA,EAC7B;AAEA,SAAO,iBAAiB,UAAU,MAAM;AACxC,SAAO,iBAAiB,WAAW,MAAM;AAC3C;","names":[]}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@ailuracode/alpine-network",
+  "version": "1.0.0",
+  "description": "Alpine.js network connectivity magic",
+  "type": "module",
+  "license": "MIT",
+  "author": "ailuracode",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ailuracode/alpine.git",
+    "directory": "packages/network"
+  },
+  "bugs": {
+    "url": "https://github.com/ailuracode/alpine/issues"
+  },
+  "homepage": "https://github.com/ailuracode/alpine/tree/master/packages/network#readme",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./global": {
+      "types": "./dist/global.d.ts"
+    }
+  },
+  "types": "./dist/global.d.ts",
+  "peerDependencies": {
+    "alpinejs": "^3.0.0",
+    "@types/alpinejs": "^3.13.11"
+  },
+  "peerDependenciesMeta": {
+    "@types/alpinejs": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "alpinejs",
+    "alpine",
+    "plugin",
+    "network",
+    "online",
+    "offline",
+    "connectivity"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --clean --sourcemap --out-dir dist && cp src/global.d.ts dist/global.d.ts",
+    "test": "vitest run --config ../../vitest.config.js test"
+  }
+}