@yusufceng1z/ding-vue 0.0.0-stage → 0.0.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Yusuf Cengiz
+
+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

@@ -1,3 +1,37 @@
-# Temporary Holding Version
+# @yusufceng1z/ding-vue
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Toasts with real spring physics for Vue 3 and Nuxt. One toast that morphs in place. No stylesheet to import.
+
+## Install
+
+```bash
+npm i @yusufceng1z/ding-vue
+```
+
+## Use
+
+Render the toaster once, then call `toast` from anywhere.
+
+```vue
+<script setup>
+import { Toaster, toast } from '@yusufceng1z/ding-vue';
+</script>
+
+<template>
+  <Toaster position="top-center" theme="system" />
+  <button @click="toast.success('Saved')">Save</button>
+</template>
+```
+
+`Toaster` renders nothing in place. It mounts in `onMounted`, so it is safe to server-render. In Nuxt, put it in `app.vue` and call `toast` from client code (event handlers, `onMounted`).
+
+Options, actions, progress, sound and accessibility are covered in the [docs](https://ding.yusufcengiz.dev/docs.html).
+
+## Links
+
+- [Live demo and docs](https://ding.yusufcengiz.dev)
+- [Source on GitHub](https://github.com/YusufCeng1z/ding)
+
+## License
+
+[MIT](LICENSE)

package/dist/index.cjs

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Toaster: () => Toaster,
+  toast: () => import_ding.toast
+});
+module.exports = __toCommonJS(index_exports);
+var import_vue = require("vue");
+var import_ding = require("@yusufceng1z/ding");
+var Toaster = (0, import_vue.defineComponent)({
+  name: "Toaster",
+  props: {
+    position: String,
+    theme: String,
+    labels: Object,
+    /** CSP nonce for the injected stylesheet. */
+    nonce: String
+  },
+  setup(props) {
+    let unmount;
+    (0, import_vue.onMounted)(() => {
+      unmount = (0, import_ding.mountToaster)({ position: props.position, theme: props.theme, labels: props.labels, nonce: props.nonce });
+    });
+    (0, import_vue.watch)(
+      () => [props.position, props.theme, props.labels?.region, props.labels?.dismiss],
+      ([position, theme, region, dismiss]) => import_ding.toast.configure({ position, theme, labels: { region, dismiss } })
+    );
+    (0, import_vue.onBeforeUnmount)(() => unmount?.());
+    return () => null;
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Toaster,
+  toast
+});

package/dist/index.d.cts

@@ -0,0 +1,24 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { Position, Theme, ToastLabels } from '@yusufceng1z/ding';
+export { Position, Theme, ToastLabels, toast } from '@yusufceng1z/ding';
+
+/**
+ * Mount once, near the root of your app. It renders nothing in place: the toasts live in a
+ * viewport appended to `document.body`, and mounting happens in `onMounted`, so it is a no-op on the server.
+ */
+declare const Toaster: vue.DefineComponent<vue.ExtractPropTypes<{
+    position: PropType<Position>;
+    theme: PropType<Theme>;
+    labels: PropType<Partial<ToastLabels>>;
+    /** CSP nonce for the injected stylesheet. */
+    nonce: StringConstructor;
+}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    position: PropType<Position>;
+    theme: PropType<Theme>;
+    labels: PropType<Partial<ToastLabels>>;
+    /** CSP nonce for the injected stylesheet. */
+    nonce: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Toaster };

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { Position, Theme, ToastLabels } from '@yusufceng1z/ding';
+export { Position, Theme, ToastLabels, toast } from '@yusufceng1z/ding';
+
+/**
+ * Mount once, near the root of your app. It renders nothing in place: the toasts live in a
+ * viewport appended to `document.body`, and mounting happens in `onMounted`, so it is a no-op on the server.
+ */
+declare const Toaster: vue.DefineComponent<vue.ExtractPropTypes<{
+    position: PropType<Position>;
+    theme: PropType<Theme>;
+    labels: PropType<Partial<ToastLabels>>;
+    /** CSP nonce for the injected stylesheet. */
+    nonce: StringConstructor;
+}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    position: PropType<Position>;
+    theme: PropType<Theme>;
+    labels: PropType<Partial<ToastLabels>>;
+    /** CSP nonce for the injected stylesheet. */
+    nonce: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Toaster };

package/dist/index.js

@@ -0,0 +1,29 @@
+// src/index.ts
+import { defineComponent, onBeforeUnmount, onMounted, watch } from "vue";
+import { toast, mountToaster } from "@yusufceng1z/ding";
+var Toaster = defineComponent({
+  name: "Toaster",
+  props: {
+    position: String,
+    theme: String,
+    labels: Object,
+    /** CSP nonce for the injected stylesheet. */
+    nonce: String
+  },
+  setup(props) {
+    let unmount;
+    onMounted(() => {
+      unmount = mountToaster({ position: props.position, theme: props.theme, labels: props.labels, nonce: props.nonce });
+    });
+    watch(
+      () => [props.position, props.theme, props.labels?.region, props.labels?.dismiss],
+      ([position, theme, region, dismiss]) => toast.configure({ position, theme, labels: { region, dismiss } })
+    );
+    onBeforeUnmount(() => unmount?.());
+    return () => null;
+  }
+});
+export {
+  Toaster,
+  toast
+};

package/package.json

@@ -1,6 +1,67 @@
 {
   "name": "@yusufceng1z/ding-vue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.4",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@yusufceng1z/ding": "0.0.4"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^2.4.6",
+    "happy-dom": "^21.0.4",
+    "vue": "^3.5.0",
+    "vitest": "^5.1.0"
+  },
+  "description": "Vue 3 renderer for Ding spring-physics toasts.",
+  "homepage": "https://ding.yusufcengiz.dev",
+  "bugs": {
+    "url": "https://github.com/YusufCeng1z/ding/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/YusufCeng1z/ding.git",
+    "directory": "packages/vue"
+  },
+  "keywords": [
+    "toast",
+    "notification",
+    "spring",
+    "animation",
+    "vue",
+    "nuxt"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "author": "Yusuf Cengiz",
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "typecheck": "tsc -p ."
+  }
 }