create-psytask 1.2.0-0 → 1.2.0-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-psytask",
-  "version": "1.2.0-0",
+  "version": "1.2.0-1",
   "description": "CLI tool to create PsyTask project",
   "type": "module",
   "engines": {

package/template/main.ts

@@ -1,5 +1,5 @@
-import { createApp } from 'psytask';
-import { Container } from '@psytask/components';
+import { adapter } from '@psytask/components';
+import { type NodeLike, createApp } from 'psytask';
 import van from 'vanjs-core';
 
 const { a, div } = van.tags;
@@ -7,27 +7,28 @@ const { a, div } = van.tags;
 using app = await createApp();
 using dc = app.collector('demo.csv');
 
-using simpleText = app.scene(Container, {
-  defaultProps: { content: '' },
-  close_on: 'pointerup',
-});
+using simpleText = app.scene(
+  (props: { content: NodeLike }) =>
+    div({ class: 'psytask-center' }, () => props.content),
+  { defaultProps: { content: '' }, adapter },
+);
 
 await simpleText.show({
   content: div(
     'Welcome to PsyTask template!\nsee more ',
     a(
-      { href: 'https://bluebonesx.github.io/psytask', target: '_blank' },
+      { href: 'https://bluebonesx.github.io/psytask/play/', target: '_blank' },
       'Information & Examples',
     ),
     '\n\nClick to continue.',
   ),
 });
 for (let i = 0; i < 3; i++) {
-  const { start_time } = await simpleText.show({
+  const { frame_times } = await simpleText.show({
     content: `This is trial ${i + 1}. Click to continue.`,
   });
 
-  dc.add({ index: i + 1, start_time });
+  dc.add({ index: i + 1, start_time: frame_times[0]! });
 }
 
 // show data on page and download

package/template/package.json

@@ -7,6 +7,7 @@
     "psytask": "^1",
     "@psytask/components": "^1",
     "@psytask/jspsych": "^1",
-    "vanjs-core": "^1"
+    "vanjs-core": "^1.6",
+    "vanjs-ext": "^0.6"
   }
 }