@ssgoi/vue 7.4.0-beta.3 → 7.4.1

package/README.md

@@ -1,6 +1,6 @@
 # @ssgoi/vue
 
-Vue and Nuxt bindings for SSGOI.
+Native app-like page transitions for Vue and Nuxt. Make a web app, PWA or WebView app (Capacitor, Tauri, Ionic) feel like a native app without replacing your router.
 
 [![SSGOI live showcase](https://ssgoi.dev/readme.png)](https://ssgoi.dev)
 

package/dist/context.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=Symbol("ssgoi-context"),s=o=>{e.provide(t,o)},i=()=>{const o=e.inject(t);if(!o)throw new Error("useSsgoi must be used within Ssgoi component");return o};exports.provideSsgoi=s;exports.useSsgoi=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=Symbol("ssgoi-context"),u=e=>{t.provide(i,e)},c=()=>{const e=t.inject(i);if(!e)throw new Error("useSsgoi must be used within Ssgoi component");return e},a=()=>{const e=t.inject(i);if(!e)throw new Error("useSsgoiTransition must be used within Ssgoi component");const o=t.shallowRef(e.value.getTransitionState());let s;return t.watch(e,n=>{s?.(),o.value=n.getTransitionState(),s=n.subscribe(r=>{o.value=r})},{immediate:!0}),t.onScopeDispose(()=>s?.()),t.shallowReadonly(o)};exports.provideSsgoi=u;exports.useSsgoi=c;exports.useSsgoiTransition=a;

package/dist/context.d.ts

@@ -1,6 +1,16 @@
-import { ComputedRef } from 'vue';
-import { SsgoiContext } from './types';
+import { ComputedRef, ShallowRef } from 'vue';
+import { SsgoiContext, SsgoiTransitionState } from './types';
 type SsgoiContextRef = ComputedRef<SsgoiContext>;
 export declare const provideSsgoi: (context: SsgoiContextRef) => void;
 export declare const useSsgoi: () => SsgoiContextRef;
+/**
+ * Ref of the provider's transition lifecycle: whether a page transition is
+ * preparing or playing, and which routes it joins.
+ *
+ * Use it to defer work that would fight the animation, such as a programmatic
+ * scroll on the arriving page, until the status returns to `"idle"`.
+ *
+ * Must be called in `setup()`, under `<Ssgoi>`.
+ */
+export declare const useSsgoiTransition: () => Readonly<ShallowRef<SsgoiTransitionState>>;
 export {};

package/dist/context.js

@@ -1,13 +1,31 @@
-import { provide as e, inject as s } from "vue";
-const t = Symbol("ssgoi-context"), n = (o) => {
-  e(t, o);
-}, r = () => {
-  const o = s(t);
-  if (!o)
+import { provide as c, inject as i, shallowRef as u, watch as a, onScopeDispose as S, shallowReadonly as g } from "vue";
+const s = Symbol("ssgoi-context"), m = (t) => {
+  c(s, t);
+}, w = () => {
+  const t = i(s);
+  if (!t)
     throw new Error("useSsgoi must be used within Ssgoi component");
-  return o;
+  return t;
+}, p = () => {
+  const t = i(s);
+  if (!t)
+    throw new Error("useSsgoiTransition must be used within Ssgoi component");
+  const o = u(
+    t.value.getTransitionState()
+  );
+  let e;
+  return a(
+    t,
+    (n) => {
+      e?.(), o.value = n.getTransitionState(), e = n.subscribe((r) => {
+        o.value = r;
+      });
+    },
+    { immediate: !0 }
+  ), S(() => e?.()), g(o);
 };
 export {
-  n as provideSsgoi,
-  r as useSsgoi
+  m as provideSsgoi,
+  w as useSsgoi,
+  p as useSsgoiTransition
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/types"),o=require("./ssgoi.vue.cjs"),s=require("./ssgoi-transition.vue.cjs"),r=require("@ssgoi/core");exports.Ssgoi=o.default;exports.SsgoiTransition=s.default;Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});Object.keys(r).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/types"),o=require("./ssgoi.vue.cjs"),s=require("./context.cjs"),i=require("./ssgoi-transition.vue.cjs"),r=require("@ssgoi/core");exports.Ssgoi=o.default;exports.useSsgoiTransition=s.useSsgoiTransition;exports.SsgoiTransition=i.default;Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});Object.keys(r).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from './types';
 export { default as Ssgoi } from './ssgoi.vue';
+export { useSsgoiTransition } from './context';
 /** @deprecated Set `data-ssgoi-transition` directly on an element inside `<Ssgoi>` instead. */
 export { default as SsgoiTransition } from './ssgoi-transition.vue';
 export * from '@ssgoi/core';

package/dist/index.js

@@ -1,8 +1,10 @@
 export * from "@ssgoi/core/types";
 import { default as e } from "./ssgoi.vue.js";
+import { useSsgoiTransition as f } from "./context.js";
 import { default as a } from "./ssgoi-transition.vue.js";
 export * from "@ssgoi/core";
 export {
   e as Ssgoi,
-  a as SsgoiTransition
+  a as SsgoiTransition,
+  f as useSsgoiTransition
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ssgoi/vue",
-  "version": "7.4.0-beta.3",
-  "description": "Vue bindings for SSGOI - Native app-like page transitions for Vue applications",
+  "version": "7.4.1",
+  "description": "Native app-like page transitions for Vue and Nuxt. Make a web app, PWA or WebView app feel native.",
   "private": false,
   "type": "module",
   "files": [
@@ -45,7 +45,7 @@
     }
   },
   "dependencies": {
-    "@ssgoi/core": "^7.4.0-beta.3"
+    "@ssgoi/core": "^7.4.1"
   },
   "peerDependencies": {
     "vue": "^3.5.0",
@@ -71,10 +71,28 @@
   },
   "keywords": [
     "vue",
+    "vue-router",
+    "nuxt",
     "page-transition",
+    "page-transitions",
+    "route-transition",
+    "navigation-animation",
+    "native-app",
+    "app-like",
+    "mobile-web",
+    "webview",
+    "pwa",
+    "capacitor",
+    "react-native-webview",
+    "hybrid-app",
+    "view-transitions",
+    "view-transition-api-alternative",
+    "shared-element-transition",
+    "hero-transition",
+    "spring-physics",
+    "web-animations",
     "animation",
-    "ssgoi",
-    "spring-physics"
+    "ssgoi"
   ],
   "author": "MeurSyphus <tmdeoans@snu.ac.kr>",
   "license": "MIT",