@nyuccl/smile 0.2.0-beta.31 → 0.2.0-beta.34

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nyuccl/smile",
   "configKey": "smile",
-  "version": "0.2.0-beta.31",
+  "version": "0.2.0-beta.34",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -19,6 +19,14 @@ const module$1 = defineNuxtModule({
     _nuxt.options.ssr = false;
     _nuxt.options.build.transpile.push(runtimeDir);
     _nuxt.options.nitro = _nuxt.options.nitro || {};
+    _nuxt.options.nitro.watchOptions = _nuxt.options.nitro.watchOptions || {};
+    _nuxt.options.nitro.watchOptions.ignored = _nuxt.options.nitro.watchOptions.ignored || [];
+    if (Array.isArray(_nuxt.options.nitro.watchOptions.ignored)) {
+      _nuxt.options.nitro.watchOptions.ignored.push("**/.data/**");
+    }
+    _nuxt.options.watch = _nuxt.options.watch || {};
+    _nuxt.options.watch.exclude = _nuxt.options.watch.exclude || [];
+    _nuxt.options.watch.exclude.push(".data/**");
     _nuxt.options.nitro.publicAssets = _nuxt.options.nitro.publicAssets || [];
     _nuxt.options.nitro.publicAssets.push({
       dir: resolver.resolve("./runtime/public"),
@@ -35,8 +43,8 @@ const module$1 = defineNuxtModule({
     };
     _nuxt.options.runtimeConfig.public = _nuxt.options.runtimeConfig.public || {};
     _nuxt.options.runtimeConfig.public.smile = {
-      codeName: process.env.VITE_CODE_NAME || "",
-      projectRef: process.env.VITE_PROJECT_REF || ""
+      codeName: process.env.VITE_CODE_NAME || "unnamed-experiment",
+      projectRef: process.env.VITE_PROJECT_REF || "local-experiment-main"
     };
     _nuxt.options.alias["#smile-dev"] = resolver.resolve("./runtime/components/dev");
     _nuxt.options.alias["#smile-composables"] = resolver.resolve("./runtime/composables");

package/dist/runtime/components/dev/SmileDevPresentationView.vue

@@ -4,10 +4,11 @@ import { useNuxtApp } from "#imports";
 import PresentationNavBar from "#smile-dev/presentation/PresentationNavBar.vue";
 import PresentationModeView from "../builtins/PresentationModeView.vue";
 import useSmileStore from "../../stores/smilestore";
+import useAPI from "../../composables/useAPI";
 import { useSmileColorMode } from "../../composables/useColorMode";
 const nuxtApp = useNuxtApp();
 const store = useSmileStore();
-const _api = useAPI();
+useAPI();
 useSmileColorMode("global");
 const timelineReady = ref(false);
 const presentationHome = computed(() => {

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuItem.d.vue.ts

@@ -67,8 +67,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{}>, {
     variant: string;
     disabled: boolean;
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuItem.vue.d.ts

@@ -67,8 +67,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{}>, {
     variant: string;
     disabled: boolean;
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuLabel.d.vue.ts

@@ -39,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: false;
     };
 }>> & Readonly<{}>, {
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuLabel.vue.d.ts

@@ -39,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: false;
     };
 }>> & Readonly<{}>, {
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubContent.d.vue.ts

@@ -82,9 +82,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     pointerDownOutside: (...args: any[]) => void;
     focusOutside: (...args: any[]) => void;
     interactOutside: (...args: any[]) => void;
-    openAutoFocus: (...args: any[]) => void;
     closeAutoFocus: (...args: any[]) => void;
     entryFocus: (...args: any[]) => void;
+    openAutoFocus: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     forceMount: {
         type: BooleanConstructor;
@@ -163,9 +163,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onPointerDownOutside?: ((...args: any[]) => any) | undefined;
     onFocusOutside?: ((...args: any[]) => any) | undefined;
     onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
     onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
     onEntryFocus?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
 }>, {
     loop: boolean;
     asChild: boolean;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubContent.vue.d.ts

@@ -82,9 +82,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     pointerDownOutside: (...args: any[]) => void;
     focusOutside: (...args: any[]) => void;
     interactOutside: (...args: any[]) => void;
-    openAutoFocus: (...args: any[]) => void;
     closeAutoFocus: (...args: any[]) => void;
     entryFocus: (...args: any[]) => void;
+    openAutoFocus: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     forceMount: {
         type: BooleanConstructor;
@@ -163,9 +163,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onPointerDownOutside?: ((...args: any[]) => any) | undefined;
     onFocusOutside?: ((...args: any[]) => any) | undefined;
     onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
     onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
     onEntryFocus?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
 }>, {
     loop: boolean;
     asChild: boolean;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubTrigger.d.vue.ts

@@ -56,8 +56,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts

@@ -56,8 +56,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/popover/PopoverContent.d.vue.ts

@@ -92,8 +92,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     pointerDownOutside: (...args: any[]) => void;
     focusOutside: (...args: any[]) => void;
     interactOutside: (...args: any[]) => void;
-    openAutoFocus: (...args: any[]) => void;
     closeAutoFocus: (...args: any[]) => void;
+    openAutoFocus: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     forceMount: {
         type: BooleanConstructor;
@@ -182,8 +182,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onPointerDownOutside?: ((...args: any[]) => any) | undefined;
     onFocusOutside?: ((...args: any[]) => any) | undefined;
     onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
     onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
 }>, {
     asChild: boolean;
     forceMount: boolean;

package/dist/runtime/components/ui/popover/PopoverContent.vue.d.ts

@@ -92,8 +92,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     pointerDownOutside: (...args: any[]) => void;
     focusOutside: (...args: any[]) => void;
     interactOutside: (...args: any[]) => void;
-    openAutoFocus: (...args: any[]) => void;
     closeAutoFocus: (...args: any[]) => void;
+    openAutoFocus: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     forceMount: {
         type: BooleanConstructor;
@@ -182,8 +182,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onPointerDownOutside?: ((...args: any[]) => any) | undefined;
     onFocusOutside?: ((...args: any[]) => any) | undefined;
     onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
     onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
 }>, {
     asChild: boolean;
     forceMount: boolean;

package/dist/runtime/components/ui/sheet/SheetContent.d.vue.ts

@@ -39,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     pointerDownOutside: (...args: any[]) => void;
     focusOutside: (...args: any[]) => void;
     interactOutside: (...args: any[]) => void;
-    openAutoFocus: (...args: any[]) => void;
     closeAutoFocus: (...args: any[]) => void;
+    openAutoFocus: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: null;
@@ -76,8 +76,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onPointerDownOutside?: ((...args: any[]) => any) | undefined;
     onFocusOutside?: ((...args: any[]) => any) | undefined;
     onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
     onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
 }>, {
     side: string;
     asChild: boolean;

package/dist/runtime/components/ui/sheet/SheetContent.vue.d.ts

@@ -39,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     pointerDownOutside: (...args: any[]) => void;
     focusOutside: (...args: any[]) => void;
     interactOutside: (...args: any[]) => void;
-    openAutoFocus: (...args: any[]) => void;
     closeAutoFocus: (...args: any[]) => void;
+    openAutoFocus: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: null;
@@ -76,8 +76,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onPointerDownOutside?: ((...args: any[]) => any) | undefined;
     onFocusOutside?: ((...args: any[]) => any) | undefined;
     onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
     onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
 }>, {
     side: string;
     asChild: boolean;

package/dist/runtime/core/config.d.ts

@@ -1,44 +1,44 @@
 declare namespace _default {
-    let mode: any;
-    let smileVersion: any;
-    let projectName: any;
-    let projectRef: any;
-    let codeName: any;
-    let codeNameURL: any;
-    let localStorageKey: string;
-    let devLocalStorageKey: string;
-    namespace github {
-        let repoName: any;
-        let owner: any;
-        let branch: any;
-        let lastCommitMsg: any;
-        let lastCommitHash: any;
-        let commitURL: string;
+    export let mode: any;
+    export let smileVersion: any;
+    export let projectName: any;
+    export { projectRef };
+    export { codeName };
+    export let codeNameURL: any;
+    export let localStorageKey: string;
+    export let devLocalStorageKey: string;
+    export namespace github {
+        export { repoName };
+        export { owner };
+        export { branch };
+        export let lastCommitMsg: any;
+        export { hash as lastCommitHash };
+        export let commitURL: string;
     }
-    let allowRepeats: boolean;
-    let autoSave: any;
-    let maxWrites: any;
-    let minWriteInterval: any;
-    let maxSteps: any;
-    let randomSeed: any;
-    let deployURL: any;
-    let labURL: any;
-    let brandLogoFn: any;
-    let advertisementImageFn: string;
-    let advertisementImageInvertDark: boolean;
-    let colorMode: any;
-    let responsiveUI: boolean;
-    let googleAnalyticsID: any;
-    let windowsizerRequest: object;
-    let windowsizerAggressive: boolean;
-    let anonymousMode: boolean;
-    let unpaidStudy: boolean;
-    namespace sona {
+    export let allowRepeats: boolean;
+    export let autoSave: any;
+    export let maxWrites: any;
+    export let minWriteInterval: any;
+    export let maxSteps: any;
+    export let randomSeed: any;
+    export let deployURL: any;
+    export let labURL: any;
+    export let brandLogoFn: any;
+    export let advertisementImageFn: string;
+    export let advertisementImageInvertDark: boolean;
+    export let colorMode: any;
+    export let responsiveUI: boolean;
+    export let googleAnalyticsID: any;
+    export let windowsizerRequest: object;
+    export let windowsizerAggressive: boolean;
+    export let anonymousMode: boolean;
+    export let unpaidStudy: boolean;
+    export namespace sona {
         let url: any;
         let experimentId: any;
         let creditToken: any;
     }
-    namespace sonaPaid {
+    export namespace sonaPaid {
         let url_1: any;
         export { url_1 as url };
         let experimentId_1: any;
@@ -46,10 +46,10 @@ declare namespace _default {
         let creditToken_1: any;
         export { creditToken_1 as creditToken };
     }
-    namespace spark {
+    export namespace spark {
         let completionUrl: string;
     }
-    namespace firebaseConfig {
+    export namespace firebaseConfig {
         let apiKey: any;
         let authDomain: any;
         let projectId: any;
@@ -166,3 +166,47 @@ export type Config = {
         appId: string;
     };
 };
+declare const projectRef: any;
+/**
+ * Global configuration object for the Smile application
+ * @typedef {object} Config
+ * @property {string} mode - Application mode ('development', 'production', 'testing')
+ * @property {string} projectName - Name of the project
+ * @property {string} projectRef - Project reference derived from deploy base path
+ * @property {string} codeName - Project code name
+ * @property {string} codeNameURL - Deploy URL for code name
+ * @property {string} localStorageKey - Key for storing data in localStorage
+ * @property {string} devLocalStorageKey - Key for storing dev data in localStorage
+ * @property {object} github - GitHub repository information
+ * @property {string} github.repoName - Repository name
+ * @property {string} github.owner - Repository owner
+ * @property {string} github.branch - Current branch name
+ * @property {string} github.lastCommitMsg - Last commit message
+ * @property {string} github.lastCommitHash - Last commit hash
+ * @property {string} github.commitURL - URL to last commit
+ * @property {boolean} allowRepeats - Whether to allow repeat participants
+ * @property {boolean} autoSave - Whether to auto-save data
+ * @property {number} maxWrites - Maximum number of writes allowed
+ * @property {number} minWriteInterval - Minimum interval between writes
+ * @property {number} maxSteps - Maximum rows in stepper tables
+ * @property {string} randomSeed - Seed for random number generation
+ * @property {string} deployURL - URL where app is deployed
+ * @property {string} labURL - URL of the lab website
+ * @property {string} brandLogoFn - Function name for brand logo
+ * @property {string} googleAnalyticsID - Google Analytics tracking ID
+ * @property {object} windowsizerRequest - Requested window dimensions
+ * @property {boolean} windowsizerAggressive - Whether to force window sizing
+ * @property {boolean} anonymousMode - Whether to enable anonymous mode
+ * @property {object} firebaseConfig - Firebase configuration object
+ * @property {string} firebaseConfig.apiKey - Firebase API key
+ * @property {string} firebaseConfig.authDomain - Firebase auth domain
+ * @property {string} firebaseConfig.projectId - Firebase project ID
+ * @property {string} firebaseConfig.storageBucket - Firebase storage bucket
+ * @property {string} firebaseConfig.messagingSenderId - Firebase messaging sender ID
+ * @property {string} firebaseConfig.appId - Firebase app ID
+ */
+declare const codeName: any;
+declare const repoName: any;
+declare const owner: any;
+declare const branch: any;
+declare const hash: any;

package/dist/runtime/core/config.js

@@ -58,24 +58,29 @@ function parseWidthHeight(value) {
  * @property {string} firebaseConfig.messagingSenderId - Firebase messaging sender ID
  * @property {string} firebaseConfig.appId - Firebase app ID
  */
+const codeName = import.meta.env.VITE_CODE_NAME || 'unnamed-experiment'
+const projectRef = (import.meta.env.VITE_DEPLOY_BASE_PATH || '/local/experiment/main/').slice(1, -1).replace(/\//g, '-')
+const owner = import.meta.env.VITE_GIT_OWNER || 'local'
+const repoName = import.meta.env.VITE_GIT_REPO_NAME || 'experiment'
+const branch = import.meta.env.VITE_GIT_BRANCH_NAME || 'main'
+const hash = import.meta.env.VITE_GIT_HASH || '0000000'
+
 export default {
   mode: import.meta.env.MODE,
   smileVersion: import.meta.env.VITE_SMILE_VERSION,
-  projectName: import.meta.env.VITE_PROJECT_NAME, // autocompute this on intitialization
-  projectRef: (import.meta.env.VITE_DEPLOY_BASE_PATH || '/').slice(1, -1).replace(/\//g, '-'),
-  codeName: import.meta.env.VITE_CODE_NAME,
+  projectName: import.meta.env.VITE_PROJECT_NAME || 'experiment',
+  projectRef,
+  codeName,
   codeNameURL: import.meta.env.VITE_CODE_NAME_DEPLOY_URL,
-  localStorageKey: `smilestore-${import.meta.env.VITE_CODE_NAME}`,
-  devLocalStorageKey: `smilestore-${import.meta.env.VITE_CODE_NAME}_dev`,
+  localStorageKey: `smilestore-${codeName}`,
+  devLocalStorageKey: `smilestore-${codeName}_dev`,
   github: {
-    repoName: import.meta.env.VITE_GIT_REPO_NAME,
-    owner: import.meta.env.VITE_GIT_OWNER,
-    branch: import.meta.env.VITE_GIT_BRANCH_NAME,
-    lastCommitMsg: import.meta.env.VITE_GIT_LAST_MSG,
-    lastCommitHash: import.meta.env.VITE_GIT_HASH, // autocompute this all the time
-    commitURL: `https://github.com/${import.meta.env.VITE_GIT_OWNER}/${import.meta.env.VITE_GIT_REPO_NAME}/commit/${
-      import.meta.env.VITE_GIT_HASH
-    }`,
+    repoName,
+    owner,
+    branch,
+    lastCommitMsg: import.meta.env.VITE_GIT_LAST_MSG || '(no commits yet)',
+    lastCommitHash: hash,
+    commitURL: `https://github.com/${owner}/${repoName}/commit/${hash}`,
   },
   // browser_exclude: import.meta.env.VITE_BROWSER_EXCLUDE,
   allowRepeats: import.meta.env.VITE_ALLOW_REPEATS === 'true',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyuccl/smile",
-  "version": "0.2.0-beta.31",
+  "version": "0.2.0-beta.34",
   "description": "SMILE experiment framework as a Nuxt module",
   "author": "Todd Gureckis <gureckis@gmail.com>",
   "license": "MIT",