@getmicdrop/svelte-components 5.7.1 → 5.8.0

package/dist/stores/navigation.svelte.js

@@ -0,0 +1,69 @@
+/**
+ * Navigation store using Svelte 5 runes
+ * Tracks navigation state and page context
+ */
+// State using Svelte 5 runes
+let isSubPageState = $state(false);
+let hideHeaderBackButtonState = $state(false);
+let selectedVenueDataState = $state(null);
+let isAnimatedNavigationState = $state(false);
+/**
+ * Whether the current page is a sub-page (for header back button display)
+ */
+export const isSubPage = {
+    get value() {
+        return isSubPageState;
+    },
+    set value(val) {
+        isSubPageState = val;
+    },
+    set(val) {
+        isSubPageState = val;
+    },
+};
+/**
+ * Pages can set this to true to hide the header back button
+ * (e.g., when they have their own)
+ */
+export const hideHeaderBackButton = {
+    get value() {
+        return hideHeaderBackButtonState;
+    },
+    set value(val) {
+        hideHeaderBackButtonState = val;
+    },
+    set(val) {
+        hideHeaderBackButtonState = val;
+    },
+};
+/**
+ * Store venue data when navigating to calendar to avoid re-fetching
+ */
+export const selectedVenueData = {
+    get value() {
+        return selectedVenueDataState;
+    },
+    set value(data) {
+        selectedVenueDataState = data;
+    },
+    set(data) {
+        selectedVenueDataState = data;
+    },
+    reset() {
+        selectedVenueDataState = null;
+    },
+};
+/**
+ * Flag to indicate we're doing an animated navigation (not a refresh/direct load)
+ */
+export const isAnimatedNavigation = {
+    get value() {
+        return isAnimatedNavigationState;
+    },
+    set value(val) {
+        isAnimatedNavigationState = val;
+    },
+    set(val) {
+        isAnimatedNavigationState = val;
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/svelte-components",
-  "version": "5.7.1",
+  "version": "5.8.0",
   "description": "Shared component library for Micdrop applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -247,14 +247,15 @@
     "@storybook/addon-links": "^8.6.15",
     "@storybook/addon-svelte-csf": "^5.0.10",
     "@storybook/blocks": "^8.6.15",
-    "@storybook/svelte": "^8.6.15",
-    "@storybook/sveltekit": "^8.6.15",
+    "@storybook/svelte": "^10.1.11",
+    "@storybook/sveltekit": "^10.1.11",
     "@storybook/test": "^8.6.15",
     "@sveltejs/adapter-auto": "^3.2.2",
-    "@sveltejs/kit": "^2.49.4",
+    "@sveltejs/kit": "^2.50.0",
     "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^5.1.1",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tailwindcss/forms": "^0.5.11",
+    "@tailwindcss/vite": "^4.0.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/svelte": "^5.2.0",
     "@types/cookie": "^1.0.0",
@@ -263,7 +264,6 @@
     "@vitest/coverage-istanbul": "^4.0.16",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
-    "autoprefixer": "^10.4.19",
     "chromatic": "^13.3.4",
     "cypress": "^15.1.0",
     "eslint": "^9.7.0",
@@ -271,17 +271,16 @@
     "globals": "^17.0.0",
     "husky": "^9.1.7",
     "jsdom": "^24.1.1",
-    "postcss": "^8.4.39",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
     "start-server-and-test": "^2.0.13",
     "storybook": "^8.6.15",
     "svelte": "^5.46.1",
     "svelte-check": "^3.8.4",
-    "tailwindcss": "^3.4.6",
+    "tailwindcss": "^4.0.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.52.0",
-    "vite": "^6.4.1",
+    "vite": "^7.0.0",
     "vite-plugin-istanbul": "^7.2.1",
     "vitest": "^4.0.16"
   },

package/dist/stores/auth.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=auth.spec.d.ts.map

package/dist/stores/auth.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth.spec.d.ts","sourceRoot":"","sources":["../../src/lib/stores/auth.spec.js"],"names":[],"mappings":""}

package/dist/stores/auth.spec.js

@@ -1,139 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { get } from 'svelte/store';
-import { auth, setAuthState, clearAuthState, initializeAuthState } from './auth';
-
-describe('auth store', () => {
-  beforeEach(() => {
-    // Reset auth state before each test
-    clearAuthState();
-    // Clear cookies
-    Object.defineProperty(document, 'cookie', {
-      writable: true,
-      value: '',
-    });
-  });
-
-  describe('initial state', () => {
-    it('starts with isAuthenticated as false', () => {
-      expect(get(auth).isAuthenticated).toBe(false);
-    });
-
-    it('starts with token as null', () => {
-      expect(get(auth).token).toBe(null);
-    });
-
-    it('starts with userDetails as null', () => {
-      expect(get(auth).userDetails).toBe(null);
-    });
-  });
-
-  describe('setAuthState', () => {
-    it('sets authentication state', () => {
-      setAuthState({
-        isAuthenticated: true,
-        token: 'test-token',
-        userDetails: { email: 'test@test.com' },
-      });
-
-      const state = get(auth);
-      expect(state.isAuthenticated).toBe(true);
-      expect(state.token).toBe('test-token');
-      expect(state.userDetails).toEqual({ email: 'test@test.com' });
-    });
-
-    it('can update partial state', () => {
-      setAuthState({ isAuthenticated: true, token: 'token1', userDetails: null });
-      setAuthState({ isAuthenticated: true, token: 'token2', userDetails: { name: 'User' } });
-
-      const state = get(auth);
-      expect(state.token).toBe('token2');
-      expect(state.userDetails).toEqual({ name: 'User' });
-    });
-  });
-
-  describe('clearAuthState', () => {
-    it('clears authentication state', () => {
-      setAuthState({
-        isAuthenticated: true,
-        token: 'test-token',
-        userDetails: { email: 'test@test.com' },
-      });
-
-      clearAuthState();
-
-      const state = get(auth);
-      expect(state.isAuthenticated).toBe(false);
-      expect(state.token).toBe(null);
-      expect(state.userDetails).toBe(null);
-    });
-  });
-
-  describe('initializeAuthState', () => {
-    it('does nothing when no performer_token cookie exists', () => {
-      Object.defineProperty(document, 'cookie', {
-        writable: true,
-        value: '',
-      });
-
-      initializeAuthState();
-
-      const state = get(auth);
-      expect(state.isAuthenticated).toBe(false);
-    });
-
-    it('sets auth state from performer_token cookie', () => {
-      Object.defineProperty(document, 'cookie', {
-        writable: true,
-        value: 'performer_token=my-token',
-      });
-
-      initializeAuthState();
-
-      const state = get(auth);
-      expect(state.isAuthenticated).toBe(true);
-      expect(state.token).toBe('my-token');
-    });
-
-    it('parses userDetails cookie when present', () => {
-      const userDetails = JSON.stringify({ email: 'test@test.com', firstName: 'Test' });
-      Object.defineProperty(document, 'cookie', {
-        writable: true,
-        value: `performer_token=my-token; userDetails=${encodeURIComponent(userDetails)}`,
-      });
-
-      initializeAuthState();
-
-      const state = get(auth);
-      expect(state.userDetails).toEqual({ email: 'test@test.com', firstName: 'Test' });
-    });
-
-    it('handles missing userDetails cookie', () => {
-      Object.defineProperty(document, 'cookie', {
-        writable: true,
-        value: 'performer_token=my-token',
-      });
-
-      initializeAuthState();
-
-      const state = get(auth);
-      expect(state.isAuthenticated).toBe(true);
-      expect(state.userDetails).toBe(null);
-    });
-  });
-
-  describe('store subscription', () => {
-    it('can subscribe to auth changes', () => {
-      const values = [];
-      const unsubscribe = auth.subscribe((value) => {
-        values.push(value.isAuthenticated);
-      });
-
-      setAuthState({ isAuthenticated: true, token: 'token', userDetails: null });
-      clearAuthState();
-
-      unsubscribe();
-
-      expect(values).toEqual([false, true, false]);
-    });
-  });
-});

package/dist/stores/createFormStore.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=createFormStore.spec.d.ts.map

package/dist/stores/createFormStore.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFormStore.spec.d.ts","sourceRoot":"","sources":["../../src/lib/stores/createFormStore.spec.js"],"names":[],"mappings":""}