@mixd-id/web-scaffold 0.2.240706 → 0.2.250801010

package/src/widgets/WebPageSelector.vue

@@ -56,7 +56,7 @@
 
 <script>
 
-import groupBy from "lodash/groupBy";
+import {groupBy} from "../utils/helpers.mjs";
 
 export default{
 

package/src/widgets/YoutubeVideoSetting.vue

@@ -1,7 +1,7 @@
 <template>
 	<div :class="$style.comp">
 
-		<div class="flex flex-col gap-6">
+		<div class="p-6 py-4 flex flex-col gap-4">
 
       <div>
         <label class="text-text-400">Video ID</label>
@@ -24,11 +24,12 @@
 
     </div>
 
-		<ComponentSetting2 :item="item"
-											:view-type="viewType"
-											:view-types="viewTypes"
-											defaultDisplay="flex"
-											@change="$emit('change')" />
+    <ComponentSetting2 :item="item"
+                       :view-type="viewType"
+                       :view-types="viewTypes"
+                       :view-index="viewIndex"
+                       defaultDisplay="block"
+                       @change="$emit('change')" />
 
 	</div>
 </template>
@@ -41,14 +42,16 @@ export default{
 
 	props: {
 
-		item: {
-			type: Object,
-			required: true
-		},
+    item: {
+      type: Object,
+      required: true
+    },
 
-		viewType: String,
+    viewType: String,
 
-		viewTypes: Array,
+    viewIndex: Number,
+
+    viewTypes: Array,
 
 	}
 
@@ -59,7 +62,7 @@ export default{
 <style module>
 
 .comp{
-	@apply flex flex-col gap-8;
+  @apply flex flex-col divide-y divide-border-50;
 }
 
 </style>

package/tailwind.config.js

@@ -9,8 +9,9 @@ module.exports = {
   plugins: [
     /*require('@tailwindcss/line-clamp'),*/
     /*require('@mixd-id/web-scaffold/themes/default'),*/
-    require('./src/views/themes')
+    require('./src/views/themes/default')
   ],
+
   safelist: [
 
     'flex-wrap', 'flex-wrap-reverse', 'flex-nowrap',
@@ -472,42 +473,9 @@ module.exports = {
     'md:line-clamp-6', 'md:line-clamp-none',
 
   ],
+
   theme: {
     extend: {
-      height: {
-        '10vh': '10vh',
-        '20vh': '20vh',
-        '30vh': '30vh',
-        '40vh': '40vh',
-        '50vh': '50vh',
-        '60vh': '60vh',
-        '70vh': '70vh',
-        '80vh': '80vh',
-        '90vh': '90vh',
-        '100vh': '100vh',
-      },
-      backgroundSize: {
-        '50%': '50%',
-        '40%': '40%',
-        '30%': '30%',
-        '20%': '20%',
-        '10%': '10%',
-      },
-      minWidth: {
-        '0': '0',
-        '1/12': '8%',
-        '2/12': '16%',
-        '3/12': '25%',
-        '4/12': '33%',
-        '5/12': '41%',
-        '6/12': '50%',
-        '7/12': '58%',
-        '8/12': '66%',
-        '9/12': '75%',
-        '10/12': '83%',
-        '11/12': '91%',
-        'full': '100%',
-      }
     }
   }
 }

package/docs/schema/user-action.json

@@ -1,266 +0,0 @@
-{
-  "params": [
-    {
-      "key": "{message.body}",
-      "op": "contains",
-      "value": "hello"
-    },
-    {
-      "key": "{message.direction}",
-      "value": 1
-    },
-    {
-      "key": "{message.channelId}",
-      "value": 1
-    },
-    {
-      "key": "{message.inbox.mobileNumber}",
-      "op": "contains",
-      "value": "+6287823888111"
-    }
-  ],
-  "output": [
-    {
-      "params": {
-        "text": "Hello {name} welcome, please select between these beverages:\n\n\n\n\n1. Coffees\n\n2. Tea"
-      },
-      "type": "reply",
-      "text": "Reply"
-    },
-    {
-      "params": {
-        "text": "xzczxc"
-      },
-      "type": "log",
-      "text": "Log"
-    }
-  ],
-  "id": 1,
-  "enabled": true,
-  "uid": "55a54008ad1ba589aa210d2629c1df41",
-  "parentId": null,
-  "rootParentId": null,
-  "userId": 2,
-  "sequence": 0,
-  "name": "Handle hello @@",
-  "type": 1,
-  "event": "message.create",
-  "isFallback": false,
-  "createdAt": "2024-08-10T08:13:27.000Z",
-  "updatedAt": "2024-08-24T08:46:09.000Z",
-  "weight": null,
-  "items": [
-    {
-      "params": [
-        {
-          "key": "{message.body}",
-          "op": "contains",
-          "value": "coffee"
-        },
-        {
-          "key": "{message.direction}",
-          "value": 1
-        }
-      ],
-      "output": [
-        {
-          "params": {
-            "text": "Cofeee"
-          },
-          "type": "log",
-          "text": "Log",
-          "items": [
-            {
-              "text": "Name",
-              "value": "{message.inbox.name}"
-            },
-            {
-              "text": "Text",
-              "value": "{message.body}"
-            }
-          ]
-        }
-      ],
-      "id": 39,
-      "enabled": true,
-      "uid": "d4ec222d86f8f4c3d8006dfe3907ada3",
-      "parentId": 1,
-      "rootParentId": null,
-      "userId": 2,
-      "sequence": 0,
-      "name": "Coffee",
-      "type": 1,
-      "event": "message.create",
-      "isFallback": false,
-      "createdAt": "2024-08-18T07:43:41.000Z",
-      "updatedAt": "2024-08-24T08:46:09.000Z",
-      "weight": null,
-      "items": []
-    },
-    {
-      "params": [
-        {
-          "key": "{message.body}",
-          "op": "contains",
-          "value": "Tea"
-        },
-        {
-          "key": "{message.direction}",
-          "value": 1
-        }
-      ],
-      "output": [
-        {
-          "params": {
-            "text": "Tea with Baking Soda"
-          },
-          "type": "log",
-          "text": "Log",
-          "items": [
-            {
-              "text": "Name",
-              "value": "{message.inbox.name}"
-            },
-            {
-              "text": "Text",
-              "value": "{message.body}"
-            }
-          ]
-        }
-      ],
-      "id": 42,
-      "enabled": true,
-      "uid": "78fd150298136c2224f521ad8460ac4d",
-      "parentId": 1,
-      "rootParentId": null,
-      "userId": 2,
-      "sequence": 1,
-      "name": "Tea",
-      "type": 1,
-      "event": "message.create",
-      "isFallback": false,
-      "createdAt": "2024-08-18T08:11:49.000Z",
-      "updatedAt": "2024-08-24T08:46:09.000Z",
-      "weight": null,
-      "items": [
-        {
-          "params": [
-            {
-              "key": "{message.body}",
-              "op": "contains",
-              "value": "earl"
-            }
-          ],
-          "output": [
-            {
-              "params": {
-                "text": "Ok {message.inbox.name}, your earl tea will be served in 5 minutes"
-              },
-              "type": "log",
-              "text": "Log",
-              "items": [
-                {
-                  "text": "Name",
-                  "value": "{message.inbox.name}"
-                },
-                {
-                  "text": "Text",
-                  "value": "{message.body}"
-                }
-              ]
-            }
-          ],
-          "id": 43,
-          "enabled": true,
-          "uid": "3a745cd46789deafb55739f088328eaa",
-          "parentId": 42,
-          "rootParentId": null,
-          "userId": 2,
-          "sequence": 0,
-          "name": "Earl",
-          "type": 1,
-          "event": "message.create",
-          "isFallback": false,
-          "createdAt": "2024-08-18T08:24:19.000Z",
-          "updatedAt": "2024-08-24T08:46:09.000Z",
-          "weight": null,
-          "items": []
-        },
-        {
-          "params": [],
-          "output": [
-            {
-              "params": {
-                "text": "Sorry, we dont serve this"
-              },
-              "type": "log",
-              "text": "Log",
-              "items": [
-                {
-                  "text": "Name",
-                  "value": "{message.inbox.name}"
-                },
-                {
-                  "text": "Text",
-                  "value": "{message.body}"
-                }
-              ]
-            }
-          ],
-          "id": 47,
-          "enabled": true,
-          "uid": "5243cc818c1d9f711b45a86ab03ed582",
-          "parentId": 42,
-          "rootParentId": null,
-          "userId": 2,
-          "sequence": 1,
-          "name": "Other Teas",
-          "type": 1,
-          "event": "message.create",
-          "isFallback": true,
-          "createdAt": "2024-08-18T08:57:42.000Z",
-          "updatedAt": "2024-08-24T08:46:09.000Z",
-          "weight": null,
-          "items": []
-        }
-      ]
-    },
-    {
-      "params": [],
-      "output": [
-        {
-          "params": {
-            "text": "Sorry, we dont provide this beverages"
-          },
-          "type": "log",
-          "text": "Log",
-          "items": [
-            {
-              "text": "Name",
-              "value": "{message.inbox.name}"
-            },
-            {
-              "text": "Text",
-              "value": "{message.body}"
-            }
-          ]
-        }
-      ],
-      "id": 46,
-      "enabled": true,
-      "uid": "5199af6c2e0ee6fbe2ca1bb2381ac640",
-      "parentId": 1,
-      "rootParentId": null,
-      "userId": 2,
-      "sequence": 2,
-      "name": "Other Beverages",
-      "type": 1,
-      "event": "message.create",
-      "isFallback": true,
-      "createdAt": "2024-08-18T08:40:59.000Z",
-      "updatedAt": "2024-08-24T08:46:09.000Z",
-      "weight": null,
-      "items": []
-    }
-  ]
-}

package/src/App.vue

@@ -1,25 +0,0 @@
-<template>
-	<router-view></router-view>
-</template>
-
-<script>
-
-export default {
-  name: 'App',
-
-  setup(){
-
-  }
-}
-
-</script>
-
-<style>
-
-
-</style>
-
-<style module>
-
-
-</style>

package/src/components/SearchButton.vue

@@ -1,57 +0,0 @@
-<template>
-	<div :class="$style.comp" @click="$emit('search')">
-		<div class="flex flex-row gap-1">
-			<div :class="$style.key">
-				<div :class="$style.metaKey"></div>
-				<div :class="$style.lKey"></div>
-			</div>
-		</div>
-		<div class="text-text-300 min-w-[120px]">
-			Search...
-		</div>
-	</div>
-</template>
-
-<script>
-
-export default{
-
-	emits: [ 'search' ],
-
-	mounted() {
-		window.addEventListener('keydown', this.onKeyDown)
-	},
-
-	methods: {
-
-		onKeyDown(e){
-			if((e.metaKey || e.ctrlKey) && e.keyCode === 75){
-				this.$emit('search')
-			}
-		}
-
-	}
-
-}
-
-</script>
-
-<style module>
-
-.comp{
-	@apply h-[var(--h-cp)];
-	@apply border-text-200 bg-base-50 border-[1px] rounded-lg flex flex-row items-center gap-1 cursor-pointer;
-}
-
-.key{
-	@apply border-[1px] border-text-200 rounded-md px-1 bg-base-300;
-	@apply flex flex-row gap-1 px-2 m-1;
-}
-.metaKey:before{
-	content: "⌘"
-}
-.lKey:before{
-	content: "K"
-}
-
-</style>

package/src/entry-client.js

@@ -1,27 +0,0 @@
-import { createApp } from './main'
-import NProgress from "nprogress";
-import 'nprogress/nprogress.css';
-
-const { app, router, pinia } = createApp()
-
-if(typeof window.__hydration !== 'undefined'){
-  pinia.state.value = window.__hydration ?? {}
-  document.getElementById('aHlj').remove()
-  document.getElementById('aHlk').remove()
-}
-
-NProgress.configure({ showSpinner: false });
-
-router.beforeEach(async (to, from, next) => {
-  NProgress.start()
-  next()
-})
-
-router.afterEach(() => {
-  NProgress.done()
-})
-
-// wait until router is ready before mounting to ensure hydration match
-router.isReady().then(() => {
-  app.mount(document.body.firstElementChild)
-})

package/src/entry-server.js

@@ -1,73 +0,0 @@
-import { createApp } from './main'
-import { renderToString } from 'vue/server-renderer'
-import path, { basename } from 'path'
-
-export async function render(req, manifest) {
-
-  let url = req.originalUrl
-  let redirect = undefined
-  let cookie = []
-
-  const { app, router, pinia } = createApp()
-
-  // set the router to the desired URL before rendering
-  router.push({ path:url })
-  await router.isReady()
-
-  const ctx = {}
-  const html = await renderToString(app, ctx)
-
-  const preloadLinks = renderPreloadLinks(ctx.modules, manifest)
-  const serializePinia = "null"
-  const modalOverlay = ctx.teleports ? ctx.teleports['.bW9k'] ?? '' : ''
-  const contextOverlay = ctx.teleports ? ctx.teleports['.Y29u'] ?? '' : ''
-  const alertOverlay = ctx.teleports ? ctx.teleports['.YWxl'] ?? '' : ''
-  const toastOverlay = ctx.teleports ? ctx.teleports['.dG9h'] ?? '' : ''
-
-  return [ html, preloadLinks, serializePinia, redirect, cookie, modalOverlay, alertOverlay, contextOverlay, toastOverlay ]
-}
-
-function renderPreloadLinks(modules, manifest) {
-  let links = ''
-  const seen = new Set()
-  modules.forEach((id) => {
-    const files = manifest[id]
-    if (files) {
-      files.forEach((file) => {
-        if (!seen.has(file)) {
-          seen.add(file)
-          const filename = basename(file)
-          if (manifest[filename]) {
-            for (const depFile of manifest[filename]) {
-              links += renderPreloadLink(depFile)
-              seen.add(depFile)
-            }
-          }
-          links += renderPreloadLink(file)
-        }
-      })
-    }
-  })
-  return links
-}
-
-function renderPreloadLink(file) {
-  if (file.endsWith('.js')) {
-    return `<link rel="modulepreload" crossorigin href="${file}">`
-  } else if (file.endsWith('.css')) {
-    return `<link rel="stylesheet" href="${file}">`
-  } else if (file.endsWith('.woff')) {
-    return ` <link rel="preload" href="${file}" as="font" type="font/woff" crossorigin>`
-  } else if (file.endsWith('.woff2')) {
-    return ` <link rel="preload" href="${file}" as="font" type="font/woff2" crossorigin>`
-  } else if (file.endsWith('.gif')) {
-    return ` <link rel="preload" href="${file}" as="image" type="image/gif">`
-  } else if (file.endsWith('.jpg') || file.endsWith('.jpeg')) {
-    return ` <link rel="preload" href="${file}" as="image" type="image/jpeg">`
-  } else if (file.endsWith('.png')) {
-    return ` <link rel="preload" href="${file}" as="image" type="image/png">`
-  } else {
-    // TODO
-    return ''
-  }
-}

package/src/events/event.js

@@ -1,2 +0,0 @@
-import {EventEmitter} from "events";
-export const eventBus = new EventEmitter();

package/src/main.js

@@ -1,29 +0,0 @@
-import App from './App.vue'
-import {createSSRApp, defineAsyncComponent} from 'vue'
-import { createPinia } from 'pinia'
-import { createRouter } from './router'
-import WebScaffold from './index'
-import './index.css'
-
-export function createApp(){
-
-  const app = createSSRApp(App)
-  const router = createRouter()
-  const pinia = createPinia()
-
-  app.use(router)
-  app.use(pinia)
-  app.use(WebScaffold)
-
-  return { app, router, pinia }
-}
-
-
-/*
-createApp(App)
-    .use(componentPlugins)
-    .use(router)
-    .mount('#app')
-
-if(typeof document !== 'undefined')
-  document.body.firstElementChild.removeAttribute('data-v-app')*/