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

package/dist/module.json

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

package/dist/module.mjs

@@ -1,7 +1,8 @@
-import { defineNuxtModule, createResolver, addServerScanDir, addServerImportsDir, addPlugin, addRouteMiddleware, addLayout, extendPages, addComponentsDir, addImports } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addServerScanDir, addServerImportsDir, addPlugin, addRouteMiddleware, addLayout, extendPages, addComponentsDir, addImports, useLogger } from '@nuxt/kit';
 import { fileURLToPath } from 'node:url';
 import { createRequire } from 'node:module';
-import { dirname } from 'node:path';
+import { dirname, join } from 'node:path';
+import { readFileSync } from 'node:fs';
 import tailwindcss from '@tailwindcss/vite';
 
 const module$1 = defineNuxtModule({
@@ -17,11 +18,18 @@ const module$1 = defineNuxtModule({
     const _require = createRequire(import.meta.url);
     _nuxt.options.ssr = false;
     _nuxt.options.build.transpile.push(runtimeDir);
+    _nuxt.options.nitro = _nuxt.options.nitro || {};
+    _nuxt.options.nitro.publicAssets = _nuxt.options.nitro.publicAssets || [];
+    _nuxt.options.nitro.publicAssets.push({
+      dir: resolver.resolve("./runtime/public"),
+      baseURL: "/_smile"
+    });
     addServerScanDir(resolver.resolve("./runtime/server"));
     addServerImportsDir(resolver.resolve("./runtime/server/utils"));
     _nuxt.options.runtimeConfig = _nuxt.options.runtimeConfig || {};
     _nuxt.options.runtimeConfig.smile = {
       devPassword: process.env.SMILE_DEV_PASSWORD || "",
+      publicPresentation: process.env.SMILE_PUBLIC_PRESENTATION === "true",
       tursoUrl: process.env.TURSO_DATABASE_URL || "",
       tursoAuthToken: process.env.TURSO_AUTH_TOKEN || ""
     };
@@ -94,11 +102,6 @@ const module$1 = defineNuxtModule({
         path: "/dev-login",
         file: resolver.resolve("./runtime/pages/dev-login.vue")
       });
-      pages.push({
-        name: "info",
-        path: "/info",
-        file: resolver.resolve("./runtime/pages/info.vue")
-      });
     });
     addComponentsDir({ path: resolver.resolve("./runtime/components/ui"), pathPrefix: false, global: true, extensions: ["vue"] });
     addComponentsDir({ path: resolver.resolve("./runtime/components/forms"), pathPrefix: false, global: true, extensions: ["vue"] });
@@ -117,6 +120,24 @@ const module$1 = defineNuxtModule({
       { name: "default", as: "useSmileStore", from: resolver.resolve("./runtime/stores/smilestore") },
       { name: "default", as: "useLog", from: resolver.resolve("./runtime/stores/log") }
     ]);
+    if (_nuxt.options.dev) {
+      const logger = useLogger("smile");
+      _nuxt.hook("listen", async (_server, listener) => {
+        const { colors } = await import('consola/utils');
+        const pkg = JSON.parse(readFileSync(join(dirname(fileURLToPath(import.meta.url)), "../package.json"), "utf-8"));
+        const fmt = (url) => colors.cyan(colors.underline(url));
+        const urls = await listener.getURLs();
+        const local = urls.find((u) => u.type === "local");
+        if (local) {
+          const base = local.url.replace(/\/$/, "");
+          logger.info(``);
+          logger.info(`  ${colors.bold(`SMILE ${pkg.version}`)}`);
+          logger.info(`  Experiment:    ${fmt(base)}`);
+          logger.info(`  Dev:           ${fmt(`${base}/dev/`)}`);
+          logger.info(`  Presentation:  ${fmt(`${base}/presentation/`)}`);
+        }
+      });
+    }
   }
 });
 

package/dist/runtime/components/builtins/AdvertisementView.d.vue.ts

@@ -1,3 +1,15 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    imageWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    imageWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    imageWidth: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/builtins/AdvertisementView.vue

@@ -2,6 +2,9 @@
 import { onMounted, ref, onBeforeUnmount } from "vue";
 import { animate } from "motion";
 import useViewAPI from "../../composables/useViewAPI";
+const props = defineProps({
+  imageWidth: { type: [String, Number], default: 320 }
+});
 const api = useViewAPI();
 let timer;
 let clicked = false;
@@ -36,9 +39,9 @@ onBeforeUnmount(() => {
   >
     <img
       ref="logo"
-      :src="'/brain.svg'"
-      width="220"
-      class="dark-aware-img"
+      :src="api.config.advertisementImageFn"
+      :width="props.imageWidth"
+      :class="{ 'dark-aware-img': api.config.advertisementImageInvertDark }"
     >
 
     <h1

package/dist/runtime/components/builtins/AdvertisementView.vue.d.ts

@@ -1,3 +1,15 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    imageWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    imageWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    imageWidth: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/builtins/LocalDevBanner.vue

@@ -0,0 +1,16 @@
+<script setup>
+const isDev = import.meta.dev;
+</script>
+
+<template>
+  <div
+    v-if="isDev"
+    class="local-dev-banner"
+  >
+    LOCAL DEV SERVER
+  </div>
+</template>
+
+<style scoped>
+.local-dev-banner{background:repeating-linear-gradient(-45deg,#facc15,#facc15 10px,#f0c000 0,#f0c000 20px);color:#1a1a1a;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.08em;padding:3px 0;text-align:center;width:100%}.dark .local-dev-banner{background:repeating-linear-gradient(-45deg,#555,#555 10px,#4a4a4a 0,#4a4a4a 20px);color:#ccc}
+</style>

package/dist/runtime/components/builtins/PresentationModeView.d.vue.ts

@@ -84,10 +84,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>> & Readonly<{}>, {
     title: string;
-    description: string | unknown[];
     subtitle: string;
     siteAuthor: Record<string, any>;
     projectAuthors: unknown[];
     info: unknown[];
+    description: string | unknown[];
     sections: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/builtins/PresentationModeView.vue

@@ -78,14 +78,14 @@ function goToSection(section) {
 </script>
 
 <template>
-  <div class="min-h-screen bg-background">
+  <div class="min-h-full flex flex-col bg-background">
     <!-- Header Section -->
     <header class="bg-muted/50 border-b py-6">
       <div class="w-2/3 mx-auto px-6 py-8">
         <h1 class="text-5xl font-bold text-foreground mb-4 leading-tight">
           {{ title }}
         </h1>
-        <p class="text-2xl text-muted-foreground leading-relaxed">
+        <p class="text-lg text-muted-foreground leading-relaxed">
           {{ subtitle }}
         </p>
       </div>
@@ -96,7 +96,7 @@ function goToSection(section) {
       <div class="w-2/3 mx-auto px-6 py-8">
         <div class="grid grid-cols-1 md:grid-cols-12 gap-8">
           <!-- Authors -->
-          <div class="md:col-span-2">
+          <div class="md:col-span-3">
             <h3 class="text-[0.65rem] font-extralight uppercase tracking-widest text-muted-foreground mb-4">
               Authors
             </h3>
@@ -133,7 +133,7 @@ function goToSection(section) {
           </div>
 
           <!-- Affiliations -->
-          <div class="md:col-span-3">
+          <div class="md:col-span-4">
             <h3 class="text-[0.65rem] font-extralight uppercase tracking-widest text-muted-foreground mb-4">
               Affiliations
             </h3>
@@ -184,13 +184,13 @@ function goToSection(section) {
     </section>
 
     <!-- Main Content -->
-    <main class="w-2/3 mx-auto px-6 py-12">
+    <main class="w-2/3 mx-auto px-6 py-12 flex-1">
       <!-- Project Description -->
       <div class="prose prose-gray max-w-none mb-12">
         <p
           v-for="(paragraph, index) in descriptionParagraphs"
           :key="index"
-          class="text-lg text-muted-foreground leading-relaxed mb-4"
+          class="text-md text-muted-foreground leading-relaxed mb-4"
         >
           {{ paragraph }}
         </p>
@@ -205,12 +205,12 @@ function goToSection(section) {
           :key="index"
         >
           <div>
-            <h3 class="text-xl font-semibold text-foreground mb-3">
+            <h3 class="text-base font-semibold text-foreground mb-2">
               {{ section.title }}
             </h3>
             <p
               v-if="section.description"
-              class="text-lg text-muted-foreground mb-4"
+              class="text-md text-muted-foreground mb-3"
             >
               {{ section.description }}
             </p>

package/dist/runtime/components/builtins/PresentationModeView.vue.d.ts

@@ -84,10 +84,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>> & Readonly<{}>, {
     title: string;
-    description: string | unknown[];
     subtitle: string;
     siteAuthor: Record<string, any>;
     projectAuthors: unknown[];
     info: unknown[];
+    description: string | unknown[];
     sections: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/builtins/StatusBar.vue

@@ -51,7 +51,7 @@ function submitWithdraw() {
       >
         <img
           :src="api.getPublicUrl(api.config.brandLogoFn)"
-          width="90"
+          width="120"
           class="dark-aware-img"
         >
       </a>

package/dist/runtime/components/builtins/StudyPreviewText.vue

@@ -52,9 +52,9 @@ const _props = defineProps({
     <template #right>
       <!-- Lab logo (hidden on smaller screens) -->
       <img
-        :src="'/brain.svg'"
+        :src="api.config.advertisementImageFn"
         width="220"
-        class="mb-4 hidden @xl:block"
+        :class="['mb-4 hidden @xl:block', { 'dark-aware-img': api.config.advertisementImageInvertDark }]"
       >
 
       <!-- Lab information card -->