@acutis/cli 0.1.2-dev.17 → 0.1.2-dev.19

package/.output/server/chunks/build/{tags-DrKY6Ah4.mjs → tags-DQ0X0wtQ.mjs}

@@ -1,6 +1,7 @@
 import { M as useState, v as useRoute, z as icon_default, _ as _sfc_main$2, m as modal_default$1, e as _sfc_main$1, N as useRequestEvent, C as _sfc_main$8, o as _sfc_main$6 } from '../virtual/entry.mjs';
 import { _ as _sfc_main } from './origin-_Ab6zkKk.mjs';
 import { c as codefield_default } from './modal-Cpj-bQgu.mjs';
+import { _ as _plugin_vue_export_helper_default } from './_plugin-vue_export-helper-BOaGB7Aw.mjs';
 import { defineComponent, ref, computed, mergeProps, isRef, unref, useModel, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString, mergeModels, watch, nextTick, useSSRContext } from 'vue';
 import { m as getRequestURL } from '../nitro/nitro.mjs';
 import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderAttr, ssrRenderClass, ssrRenderList, ssrRenderSlot } from 'vue/server-renderer';
@@ -84,6 +85,24 @@ setup_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
 var setup_default = Object.assign(setup_vue_vue_type_script_setup_true_lang_default, { __name: "WebdriverSetup" });
 //#endregion
 //#region app/utils/recorder-event.ts
+/** A gravação como o backend a guarda: os campos do evento, sem o que é do transporte. */
+function toRecordedEvents(events) {
+	return events.map((event) => ({
+		type: event.type,
+		timestamp: event.timestamp,
+		url: event.url ?? null,
+		selectors: event.selectors ?? null,
+		label: event.label ?? null,
+		innerText: event.innerText ?? null,
+		tagName: event.tagName ?? null,
+		inputType: event.inputType ?? null,
+		value: event.value ?? null,
+		sensitive: event.sensitive ?? false,
+		checked: event.checked ?? null,
+		html: event.html ?? null,
+		assert: event.assert
+	}));
+}
 /** Como o evento chama o elemento, na mesma ordem de fontes do `SpecEmitter` do backend. */
 function target(event) {
 	const selectors = event.selectors;
@@ -120,7 +139,9 @@ function describeRecorderEvent(event) {
 			return `Preenche ${field} com ${event.sensitive ? "••••" : quoted(event.value)}`;
 		}
 		case "submit": return "Envia o formulário";
-		case "assert": return `Confere ${what ? quoted(what) : "o elemento"}`;
+		case "assert":
+			if (event.assert?.assertType === "url") return `Confere que a tela é ${page(event)}`;
+			return `Confere ${what ? quoted(what) : "o elemento"}`;
 		default: return what ?? event.url ?? event.type ?? "";
 	}
 }
@@ -132,11 +153,18 @@ var timeline_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 	props: {
 		events: {},
 		videoSrc: { default: null },
-		recordingStartedAt: { default: null }
+		recordingStartedAt: { default: null },
+		resumable: {
+			type: Boolean,
+			default: false
+		}
 	},
-	setup(__props) {
+	emits: ["resume"],
+	setup(__props, { emit: __emit }) {
 		ref(null);
 		const currentTime = ref(0);
+		const armed = ref(null);
+		const ready = ref(false);
 		const eventIcons = {
 			navigate: "i-ic-round-public",
 			click: "i-ic-round-ads-click",
@@ -156,22 +184,35 @@ var timeline_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			});
 			return index;
 		});
+		/** Quantos passos saem da gravação quando o corte armado for confirmado. */
+		const dropped = computed(() => armed.value === null ? 0 : __props.events.length - armed.value);
 		return (_ctx, _push, _parent, _attrs) => {
 			const _component_UIcon = _sfc_main$2;
-			_push(`<div${ssrRenderAttrs(mergeProps({ class: "grid grid-cols-1 gap-6 lg:grid-cols-5" }, _attrs))}>`);
-			if (__props.videoSrc) _push(`<video data-testid="revisao-video"${ssrRenderAttr("src", __props.videoSrc)} controls class="w-full self-start rounded-lg lg:sticky lg:top-0 lg:col-span-3"></video>`);
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "grid grid-cols-1 gap-6 lg:grid-cols-5" }, _attrs))} data-v-46efcf33>`);
+			if (__props.videoSrc) _push(`<video data-testid="revisao-video"${ssrRenderAttr("src", __props.videoSrc)} controls class="w-full self-start rounded-lg lg:sticky lg:top-0 lg:col-span-3" data-v-46efcf33></video>`);
 			else _push(`<!---->`);
-			_push(`<div class="${ssrRenderClass(__props.videoSrc ? "lg:col-span-2" : "lg:col-span-5")}"><p class="mb-3 font-semibold"> Timeline dos eventos </p><ol class="flex flex-col"><!--[-->`);
+			_push(`<div class="${ssrRenderClass(__props.videoSrc ? "lg:col-span-2" : "lg:col-span-5")}" data-v-46efcf33><p class="mb-3 font-semibold" data-v-46efcf33> Timeline dos eventos </p><ol class="flex w-max max-w-full flex-col" data-v-46efcf33><!--[-->`);
 			ssrRenderList(__props.events, (event, i) => {
-				_push(`<li data-testid="revisao-evento"${ssrRenderAttr("data-current", i === unref(currentIndex) ? "true" : "false")} class="group flex cursor-pointer items-stretch gap-3"><div class="flex flex-col items-center">`);
+				_push(`<li data-testid="revisao-evento"${ssrRenderAttr("data-current", i === unref(currentIndex) ? "true" : "false")}${ssrRenderAttr("data-dropped", unref(armed) !== null && i >= unref(armed) ? "true" : "false")} class="${ssrRenderClass([unref(armed) !== null && i >= unref(armed) ? "opacity-50" : "", "group relative flex cursor-pointer items-stretch gap-3 transition-opacity"])}" data-v-46efcf33>`);
+				if (__props.resumable && i > 0) {
+					_push(`<button type="button" data-testid="revisao-retomar"${ssrRenderAttr("data-armed", unref(armed) === i ? "true" : "false")} class="${ssrRenderClass([unref(armed) === i ? "opacity-100!" : "", "absolute -top-5 -right-1.5 -left-1.5 z-10 flex h-4 items-center gap-2 opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100"])}"${ssrRenderAttr("aria-label", unref(armed) === i ? `Confirmar a retomada deste passo, descartando ${unref(dropped)}` : "Retomar a gravação deste passo")} data-v-46efcf33><span class="${ssrRenderClass([unref(armed) === i ? "bg-error" : "bg-primary", "h-px flex-1 rounded-full"])}" data-v-46efcf33></span><span class="${ssrRenderClass([unref(armed) === i ? "bg-error text-inverted" : "bg-default text-primary", "rounded-full px-2 py-0.5 text-[10px] leading-none font-medium tracking-wide uppercase"])}" data-v-46efcf33>`);
+					if (unref(armed) !== i) _push(`<!--[-->retomar daqui<!--]-->`);
+					else if (unref(ready)) _push(`<!--[-->clique de novo · descarta ${ssrInterpolate(unref(dropped))}<!--]-->`);
+					else _push(`<!--[-->aguarde…<!--]-->`);
+					_push(`</span><span class="relative h-px flex-1 overflow-visible rounded-full bg-accented" data-v-46efcf33>`);
+					if (unref(armed) === i) _push(`<span class="arming absolute inset-y-0 left-0 rounded-full bg-error" data-v-46efcf33></span>`);
+					else _push(`<!---->`);
+					_push(`</span></button>`);
+				} else _push(`<!---->`);
+				_push(`<div class="flex flex-col items-center" data-v-46efcf33>`);
 				_push(ssrRenderComponent(_component_UIcon, {
 					name: eventIcons[event.type] ?? "i-ic-round-help-outline",
 					class: ["size-5 shrink-0 transition-colors", i <= unref(currentIndex) ? "text-primary" : "text-muted"]
 				}, null, _parent));
-				if (i < __props.events.length - 1) _push(`<span class="${ssrRenderClass([i < unref(currentIndex) ? "bg-primary" : "bg-accented", "w-px grow transition-colors"])}"></span>`);
+				if (i < __props.events.length - 1) _push(`<span class="${ssrRenderClass([i < unref(currentIndex) ? "bg-primary" : "bg-accented", "w-px grow transition-colors"])}" data-v-46efcf33></span>`);
 				else _push(`<!---->`);
-				_push(`</div><div class="pb-4 min-w-0"><p class="${ssrRenderClass([i === unref(currentIndex) ? "font-semibold text-primary" : "text-default", "truncate text-sm transition-colors group-hover:text-highlighted"])}">${ssrInterpolate(unref(describeRecorderEvent)(event))}</p>`);
-				if (__props.recordingStartedAt) _push(`<p class="text-xs text-dimmed">${ssrInterpolate(offsetSeconds(event).toFixed(1))}s </p>`);
+				_push(`</div><div class="pb-6 min-w-0 flex-1" data-v-46efcf33><p class="${ssrRenderClass([[i === unref(currentIndex) ? "font-semibold text-primary" : "text-default", unref(armed) !== null && i >= unref(armed) ? "line-through decoration-dimmed" : ""], "truncate text-sm transition-colors group-hover:text-highlighted"])}" data-v-46efcf33>${ssrInterpolate(unref(describeRecorderEvent)(event))}</p>`);
+				if (__props.recordingStartedAt) _push(`<p class="text-xs text-dimmed" data-v-46efcf33>${ssrInterpolate(offsetSeconds(event).toFixed(1))}s </p>`);
 				else _push(`<!---->`);
 				_push(`</div></li>`);
 			});
@@ -187,7 +228,7 @@ timeline_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
 	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/review/timeline.vue");
 	return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-var timeline_default = Object.assign(timeline_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioReviewTimeline" });
+var timeline_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(timeline_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-46efcf33"]]), { __name: "ScenarioReviewTimeline" });
 //#endregion
 //#region app/components/base/confirm.vue?vue&type=script&setup=true&lang.ts
 var confirm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -535,6 +576,8 @@ function useWebdriver() {
 		connected: false,
 		extensionReady: false,
 		recording: false,
+		replaying: false,
+		replayFailedStep: null,
 		error: null,
 		events: [],
 		videoSessionId: null,
@@ -551,10 +594,12 @@ function useWebdriver() {
 	function ensureConnected() {}
 	function startRecording(mode = "scenario", options = {}) {
 		state.value.error = null;
-		state.value.events = [];
+		state.value.events = options.replay ?? [];
 		state.value.videoSessionId = null;
 		state.value.storageState = null;
 		state.value.recording = true;
+		state.value.replaying = (options.replay?.length ?? 0) > 0;
+		state.value.replayFailedStep = null;
 		send("START_RECORDING", {
 			mode,
 			...options
@@ -590,5 +635,5 @@ function tagColor(tag) {
 	return "primary";
 }
 
-export { timeline_default as a, contexts_default as b, confirm_default as c, draftFromScenario as d, eventsBaseUrl as e, setup_default as s, tagColor as t, useWebdriver as u };
-//# sourceMappingURL=tags-DrKY6Ah4.mjs.map
+export { timeline_default as a, toRecordedEvents as b, confirm_default as c, draftFromScenario as d, eventsBaseUrl as e, contexts_default as f, setup_default as s, tagColor as t, useWebdriver as u };
+//# sourceMappingURL=tags-DQ0X0wtQ.mjs.map

package/.output/server/chunks/build/{tags-DrKY6Ah4.mjs.map → tags-DQ0X0wtQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tags-DrKY6Ah4.mjs","sources":["../../../../node_modules/.pnpm/nuxt@4.5.2_@babel+plugin-syntax-jsx@7.29.7_@babel+core@7.29.7__@babel+plugin-syntax-typ_416b7c14be74ec1137687d64bf90f040/node_modules/nuxt/dist/app/composables/url.js","../../../../app/components/webdriver/setup.vue","../../../../app/utils/recorder-event.ts","../../../../app/components/scenario/review/timeline.vue","../../../../app/components/base/confirm.vue","../../../../app/utils/scenario-draft.ts","../../../../app/components/scenario/review/contexts.vue","../../../../app/composables/webdriver.ts","../../../../app/utils/tags.ts"],"names":[],"mappings":"","x_google_ignoreList":[0]}
+{"version":3,"file":"tags-DQ0X0wtQ.mjs","sources":["../../../../node_modules/.pnpm/nuxt@4.5.2_@babel+plugin-syntax-jsx@7.29.7_@babel+core@7.29.7__@babel+plugin-syntax-typ_416b7c14be74ec1137687d64bf90f040/node_modules/nuxt/dist/app/composables/url.js","../../../../app/components/webdriver/setup.vue","../../../../app/utils/recorder-event.ts","../../../../app/components/scenario/review/timeline.vue","../../../../app/components/base/confirm.vue","../../../../app/utils/scenario-draft.ts","../../../../app/components/scenario/review/contexts.vue","../../../../app/composables/webdriver.ts","../../../../app/utils/tags.ts"],"names":[],"mappings":"","x_google_ignoreList":[0]}

package/.output/server/chunks/build/timeline-styles.CzOXKr8R.mjs

@@ -0,0 +1,9 @@
+//#region app/components/scenario/review/timeline.vue?vue&type=style&index=0&scoped=46efcf33&inline&used&lang.css
+var timeline_vue_vue_type_style_index_0_scoped_46efcf33_inline_used_lang_default = ".arming[data-v-46efcf33]{animation:.6s linear forwards arming-46efcf33}@keyframes arming-46efcf33{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.arming[data-v-46efcf33]{width:100%;animation-duration:1ms}}";
+
+const timelineStyles_CzOXKr8R = [
+  timeline_vue_vue_type_style_index_0_scoped_46efcf33_inline_used_lang_default
+];
+
+export { timelineStyles_CzOXKr8R as default };
+//# sourceMappingURL=timeline-styles.CzOXKr8R.mjs.map

package/.output/server/chunks/build/timeline-styles.CzOXKr8R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-styles.CzOXKr8R.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/timeline-styles.CzOXKr8R.mjs"],"names":["style_0"],"mappings":"","x_google_ignoreList":[0]}