@tailor-cms/tce-preview-runtime 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +15 -14
  3. package/src/App.vue +2 -2
  4. package/src/components/AppBar.vue +26 -26
  5. package/src/components/BottomPanel.vue +14 -14
  6. package/src/components/MutationList.vue +8 -8
  7. package/vite.config.ts +0 -4
package/CHANGELOG.md ADDED
@@ -0,0 +1,7 @@
1
+ # @tailor-cms/tce-preview-runtime
2
+
3
+ ## 0.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies.
package/package.json CHANGED
@@ -1,26 +1,27 @@
1
1
  {
2
2
  "name": "@tailor-cms/tce-preview-runtime",
3
- "version": "0.5.0",
3
+ "version": "0.5.1",
4
4
  "dependencies": {
5
5
  "@lukeed/uuid": "^2.0.1",
6
- "@mdi/font": "7.2.96",
7
- "@vitejs/plugin-vue": "4.3.4",
8
- "@vueuse/core": "10.4.1",
9
- "date-fns": "^3.2.0",
10
- "ky": "1.0.1",
6
+ "@mdi/font": "7.4.47",
7
+ "@vitejs/plugin-vue": "5.2.1",
8
+ "@vueuse/core": "12.5.0",
9
+ "date-fns": "^4.1.0",
10
+ "ky": "1.7.4",
11
11
  "lodash": "^4.17.21",
12
- "sass": "1.68.0",
12
+ "sass": "1.84.0",
13
13
  "split.js": "1.6.5",
14
14
  "stringify-object": "^5.0.0",
15
- "typescript": "5.2.2",
16
- "universal-cookie": "^6.1.3",
17
- "vite": "4.4.9",
18
- "vite-plugin-vuetify": "1.0.2",
19
- "vue": "3.3.4",
20
- "vue-tsc": "1.8.13",
21
- "vuetify": "3.4.0"
15
+ "typescript": "5.7.3",
16
+ "universal-cookie": "^7.2.2",
17
+ "vite": "6.1.0",
18
+ "vite-plugin-vuetify": "2.1.0",
19
+ "vue": "3.5.13",
20
+ "vue-tsc": "2.2.0",
21
+ "vuetify": "3.7.11"
22
22
  },
23
23
  "devDependencies": {
24
+ "@types/stringify-object": "^4.0.5",
24
25
  "@tailor-cms/eslint-config": "0.0.2"
25
26
  },
26
27
  "publishConfig": {
package/src/App.vue CHANGED
@@ -70,7 +70,7 @@ async function resetState() {
70
70
  </script>
71
71
 
72
72
  <template>
73
- <v-app>
73
+ <VApp>
74
74
  <AppBar />
75
75
  <MainLayout
76
76
  :element="element"
@@ -79,7 +79,7 @@ async function resetState() {
79
79
  @reset-element="resetElement"
80
80
  @reset-state="resetState"
81
81
  />
82
- </v-app>
82
+ </VApp>
83
83
  </template>
84
84
 
85
85
  <style>
package/src/components/AppBar.vue CHANGED
@@ -7,43 +7,43 @@ const { showEdit, showDisplay, showBothComponents } = useGlobalState();
7
7
  </script>
8
8
 
9
9
  <template>
10
- <v-app-bar color="blue-grey-darken-4" elevation="6">
10
+ <VAppBar color="blue-grey-darken-4" elevation="6">
11
11
  <template #prepend>
12
- <v-app-bar-nav-icon class="ml-2">
12
+ <VAppBarNavIcon class="ml-2">
13
13
  <img :src="logoUrl" alt="Tailor logo" width="36" />
14
- </v-app-bar-nav-icon>
14
+ </VAppBarNavIcon>
15
15
  </template>
16
- <v-app-bar-title class="ml-2">
16
+ <VAppBarTitle class="ml-2">
17
17
  Content Element Kit
18
- <v-chip
18
+ <VChip
19
19
  class="ml-3 mb-1 text-body-2"
20
20
  color="#23F48B"
21
21
  density="compact"
22
22
  variant="tonal"
23
23
  >
24
24
  {{ version }}
25
- </v-chip>
26
- </v-app-bar-title>
27
- <v-spacer />
28
- <v-btn-toggle class="mr-4" density="compact">
29
- <v-btn @click="showEdit">
25
+ </VChip>
26
+ </VAppBarTitle>
27
+ <VSpacer />
28
+ <VBtnToggle class="mr-4" density="compact">
29
+ <VBtn @click="showEdit">
30
30
  <span>Authoring</span>
31
- <v-icon end>mdi-pencil</v-icon>
32
- </v-btn>
33
- <v-btn @click="showDisplay">
31
+ <VIcon end>mdi-pencil</VIcon>
32
+ </VBtn>
33
+ <VBtn @click="showDisplay">
34
34
  <span>End-user</span>
35
- <v-icon end>mdi-fullscreen</v-icon>
36
- </v-btn>
37
- <v-btn @click="showBothComponents">
35
+ <VIcon end>mdi-fullscreen</VIcon>
36
+ </VBtn>
37
+ <VBtn @click="showBothComponents">
38
38
  <span>Both</span>
39
- <v-icon end>mdi-math-norm-box</v-icon>
40
- </v-btn>
41
- </v-btn-toggle>
42
- <v-btn href="https://github.com/tailor-cms/tce-template" icon>
43
- <v-icon>mdi-github</v-icon>
44
- </v-btn>
45
- <v-btn href="https://tailor-cms.github.io/xt/" icon>
46
- <v-icon>mdi-book-outline</v-icon>
47
- </v-btn>
48
- </v-app-bar>
39
+ <VIcon end>mdi-math-norm-box</VIcon>
40
+ </VBtn>
41
+ </VBtnToggle>
42
+ <VBtn href="https://github.com/tailor-cms/tce-template" icon>
43
+ <VIcon>mdi-github</VIcon>
44
+ </VBtn>
45
+ <VBtn href="https://tailor-cms.github.io/xt/" icon>
46
+ <VIcon>mdi-book-outline</VIcon>
47
+ </VBtn>
48
+ </VAppBar>
49
49
  </template>
package/src/components/BottomPanel.vue CHANGED
@@ -1,13 +1,13 @@
1
1
  <template>
2
2
  <div v-show="isLoaded">
3
- <v-tabs v-model="state.selectedTab">
4
- <v-tab :value="1">
3
+ <VTabs v-model="state.selectedTab">
4
+ <VTab :value="1">
5
5
  <VChip append-icon="mdi-pen" class="mr-2" color="indigo" size="small">
6
6
  {{ state.elementHistory.length }}
7
7
  </VChip>
8
8
  Authoring history
9
- </v-tab>
10
- <v-tab :value="2">
9
+ </VTab>
10
+ <VTab :value="2">
11
11
  <VChip
12
12
  append-icon="mdi-account"
13
13
  class="mr-2"
@@ -17,14 +17,14 @@
17
17
  {{ state.userInteractions.length }}
18
18
  </VChip>
19
19
  End-User state history
20
- </v-tab>
21
- </v-tabs>
20
+ </VTab>
21
+ </VTabs>
22
22
  <div class="pa-6">
23
- <v-window v-model="state.selectedTab">
24
- <v-window-item :value="1">
23
+ <VWindow v-model="state.selectedTab">
24
+ <VWindowItem :value="1">
25
25
  <VBtn
26
26
  class="mb-4"
27
- color="indigo-darken-4"
27
+ color="indigoDarken4"
28
28
  variant="tonal"
29
29
  @click="$emit('resetElement')"
30
30
  >
@@ -32,11 +32,11 @@
32
32
  Reset content element
33
33
  </VBtn>
34
34
  <MutationList :changes="state.elementHistory" />
35
- </v-window-item>
36
- <v-window-item :value="2">
35
+ </VWindowItem>
36
+ <VWindowItem :value="2">
37
37
  <VBtn
38
38
  class="mb-4"
39
- color="indigo-darken-4"
39
+ color="indigoDarken4"
40
40
  variant="tonal"
41
41
  @click="$emit('resetState')"
42
42
  >
@@ -44,8 +44,8 @@
44
44
  Reset state context
45
45
  </VBtn>
46
46
  <MutationList :changes="state.userInteractions" />
47
- </v-window-item>
48
- </v-window>
47
+ </VWindowItem>
48
+ </VWindow>
49
49
  </div>
50
50
  </div>
51
51
  </template>
package/src/components/MutationList.vue CHANGED
@@ -2,23 +2,23 @@
2
2
  <VDataIterator :items="changes" :items-per-page="50" expand-on-click>
3
3
  <template #default="{ items, isExpanded, toggleExpand }">
4
4
  <template v-for="(item, index) in items" :key="item.raw.id">
5
- <v-card
5
+ <VCard
6
6
  :disabled="index === 0"
7
7
  :ripple="false"
8
8
  class="mb-1"
9
- @click="toggleExpand(item)"
9
+ @click="toggleExpand(item as any)"
10
10
  >
11
- <v-card-title class="d-flex align-center">
11
+ <VCardTitle class="d-flex align-center">
12
12
  <v-icon color="orange-darken-3" icon="mdi-update" size="18" start />
13
13
  <div class="text-body-1">{{ item.raw.title }}</div>
14
- </v-card-title>
15
- <v-card-text
16
- v-show="isExpanded(item) || index === 0"
14
+ </VCardTitle>
15
+ <VCardText
16
+ v-show="isExpanded(item as any) || index === 0"
17
17
  class="text-indigo-darken-4 bg-blue-grey-lighten-5 py-2 ma-3"
18
18
  >
19
19
  <pre>{{ stringifyObject(item.raw.data, { indent: ' ' }) }}</pre>
20
- </v-card-text>
21
- </v-card>
20
+ </VCardText>
21
+ </VCard>
22
22
  </template>
23
23
  </template>
24
24
  </VDataIterator>
package/vite.config.ts CHANGED
@@ -33,10 +33,6 @@ export default defineConfig((): any => {
33
33
  },
34
34
  },
35
35
  logLevel: 'warn',
36
- optimizeDeps: {
37
- include: ['universal-cookie'],
38
- entries: ['./src/main.js'],
39
- },
40
36
  plugins: [vue(), vuetify({ autoImport: true })],
41
37
  };
42
38
  });