@tailor-cms/tce-preview-runtime 2.0.0-beta.1 → 2.0.0-beta.2

package/package.json

@@ -2,28 +2,28 @@
   "name": "@tailor-cms/tce-preview-runtime",
   "description": "Preview content element client side runtime",
   "author": "Studion <info@gostudion.com>",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "type": "module",
   "dependencies": {
-    "@mdi/font": "7.4.47",
-    "@vitejs/plugin-vue": "6.0.5",
-    "@vueuse/core": "14.2.1",
+    "@mdi/font": "^7.4.47",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vueuse/core": "^14.2.1",
     "date-fns": "^4.1.0",
-    "lodash-es": "^4.17.23",
-    "sass": "1.98.0",
-    "split.js": "1.6.5",
+    "lodash-es": "^4.18.1",
+    "sass": "^1.99.0",
+    "split.js": "^1.6.5",
     "stringify-object": "^6.0.0",
-    "typescript": "5.9.3",
-    "vite": "8.0.0",
-    "vite-plugin-vuetify": "2.1.3",
-    "vue": "3.5.30",
-    "vuetify": "4.0.2",
-    "@tailor-cms/cek-common": "^2.0.0-beta.1"
+    "typescript": "^6.0.2",
+    "vite": "^8.0.6",
+    "vite-plugin-vuetify": "^2.1.3",
+    "vue": "^3.5.32",
+    "vuetify": "^4.0.5",
+    "@tailor-cms/cek-common": "^2.0.0-beta.2"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@types/stringify-object": "^4.0.5",
-    "@tailor-cms/eslint-config": "^2.0.0-beta.1"
+    "@tailor-cms/eslint-config": "^2.0.0-beta.2"
   },
   "publishConfig": {
     "access": "public"

package/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

package/src/components/AppBar.vue

@@ -28,8 +28,16 @@
         @click="showBothComponents"
       />
     </VBtnToggle>
-    <VBtn href="https://github.com/tailor-cms/tce-template" icon="mdi-github" />
-    <VBtn href="https://tailor-cms.github.io/xt/" icon="mdi-book-outline" />
+    <VBtn
+      aria-label="GitHub"
+      href="https://github.com/tailor-cms/tce-template"
+      icon="mdi-github"
+    />
+    <VBtn
+      aria-label="Documentation"
+      href="https://tailor-cms.github.io/xt/"
+      icon="mdi-book-outline"
+    />
   </VAppBar>
 </template>
 

package/src/components/MainLayout.vue

@@ -7,7 +7,6 @@
         id="panelBottom"
         :element="element"
         :user-state="userState"
-        class="preview-panel-bottom"
         @reset-element="$emit('resetElement')"
         @reset-state="$emit('resetState')"
       />
@@ -51,9 +50,17 @@ const setupPreview = () => {
 
 <style>
 main {
+  position: relative;
+  display: flex;
+  flex-direction: column;
   height: calc(100vh - var(--nav-height));
 
-  .preview-panel-bottom {
+  #panelTop {
+    height: calc(70% - 5px);
+  }
+
+  #panelBottom {
+    height: calc(30% - 5px);
     background-color: #eceff1;
     overflow-y: auto;
   }

package/src/components/SplashLoader.vue

@@ -44,9 +44,9 @@ onMounted(() => {
 $splash-color: var(--splash-color);
 
 .splash-loader {
-  flex: 1;
-  width: 100%;
-  height: 100%;
+  position: absolute;
+  inset: 0;
+  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;

package/src/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Content Element Kit — development environment for building Tailor CMS content elements" />
     <title>Content Element Kit</title>
   </head>
   <body class="overflow-hidden">

package/tsconfig.json

@@ -3,13 +3,12 @@
     "target": "ESNext",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "bundler",
     "strict": true,
     "jsx": "preserve",
     "sourceMap": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "esModuleInterop": true,
     "lib": ["ESNext", "DOM"],
     "skipLibCheck": true
   },

package/tsconfig.node.json

@@ -2,8 +2,8 @@
   "compilerOptions": {
     "composite": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
+    "moduleResolution": "bundler",
+    "skipLibCheck": true
   },
   "include": ["vite.config.ts"]
 }

package/vite.config.ts

@@ -18,6 +18,7 @@ Object.entries(config).forEach(([k, v]) => (process.env[`VITE_${k}`] = v));
 export default defineConfig((): any => {
   return {
     root: './src',
+    publicDir: '../public',
     server: {
       // Accept connections from any host (Docker)
       host: '0.0.0.0',