@mouseless/baked 1.8.3 → 1.8.5

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@mouseless/baked",
   "configKey": "baked",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/runtime/assets/components.css

@@ -3,7 +3,7 @@
         dark:bg-red-950/95 dark:text-red-500 dark:border-red-700/65}.b-component--Message.message-warn{@apply bg-yellow-50/95 text-yellow-600 border-yellow-200
         dark:bg-yellow-950/95 dark:text-yellow-500 dark:border-yellow-700/65}.b-component--Message.message-success{@apply bg-green-50/95 text-green-600 border-green-200
         dark:bg-green-950/95 dark:text-green-500 dark:border-green-700/65}.b-component--Message.message-secondary{@apply bg-transparent text-slate-500 border-slate-500
-        dark:text-slate-400 dark:border-slate-400}.b-component--Message.message-contrast{@apply bg-transparent text-slate-950 border-slate-950
+        dark:text-zinc-400 dark:border-zinc-400}.b-component--Message.message-contrast{@apply bg-transparent text-slate-950 border-slate-950
         dark:text-white dark:border-white}.c--missing-component-dialog code:not(:has(pre)){@apply rounded p-1 text-xs bg-zinc-50 text-orange-700
         dark:bg-zinc-950 dark:text-orange-400}.c--missing-component-dialog pre{@apply block rounded-lg overflow-auto max-h-[20em]
         bg-zinc-950 p-4 text-xs text-sky-300}.c--missing-component-dialog pre .c--code-comment{@apply text-green-800}.c--missing-component-dialog pre .c--code-string{@apply text-orange-400}.c--missing-component-dialog pre .c--code-keyword{@apply text-purple-400}.c--missing-component-dialog pre .c--code-symbol{@apply text-gray-100}.c--missing-component-dialog pre .c--code-type{@apply text-blue-400}.c--missing-component-dialog pre .c--code-method{@apply text-yellow-100}.p-scrolltop{@apply right-6 bottom-6 max-md:bottom-24 py-icon-only-width}.b-component--Select .p-placeholder{@apply opacity-0}.b-component--Select .p-select-label{@apply text-[length:inherit]}.p-popover-content .b-component--Select{@apply max-md:w-full}.b-component--SelectButton .p-togglebutton-content{@apply whitespace-nowrap}.p-popover-content .b-component--SelectButton .p-selectbutton,.p-popover-content .b-component--SelectButton.p-selectbutton{@apply max-sm:flex max-sm:flex-col}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:first-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:first-child{@apply max-sm:rounded-t-lg max-sm:rounded-es-none}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:last-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:last-child{@apply max-sm:rounded-b-lg max-sm:rounded-se-none}.b-component--SimpleForm.horizontal :has(.p-iftalabel) .p-button[data-p=large]{@apply mt-1}.b-component--SimpleForm.horizontal :has(.p-iftalabel) .p-button:not([data-p=large]){@apply mt-2}.b-component--PageSize .p-select-label{@apply text-[length:inherit]}.b-component--PageTitle .p-button{@apply self-stretch}.b-component--PageTitle .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}.p-popover-content>div{@apply max-sm:p-0}}

package/dist/runtime/components/Bake.vue

@@ -164,6 +164,9 @@ async function executeAction(newModel) {
   if (!descriptor.action) {
     return;
   }
+  if (descriptor.actionSkipsEmptyModel && isEmpty(newModel)) {
+    return;
+  }
   try {
     executing.value = true;
     await actionExecuter.execute({
@@ -180,4 +183,16 @@ async function executeAction(newModel) {
     executing.value = false;
   }
 }
+function isEmpty(value) {
+  if (value === null || value === void 0) {
+    return true;
+  }
+  if (typeof value === "string" && value.trim() === "") {
+    return true;
+  }
+  if (Array.isArray(value) && value.length === 0) {
+    return true;
+  }
+  return false;
+}
 </script>

package/dist/runtime/components/Message.vue

@@ -2,12 +2,19 @@
   <div
     class="
       b-message
-      grid grid-cols-[1fr_auto] gap-2
+      grid grid-cols-[1fr_auto]
       items-center
+      md:gap-2
+      max-md:flex max-md:flex-col max-md:space-between
     "
     :class="[`message-${severity}`, `message-${variant}`]"
   >
-    <div class="min-h-0">
+    <div
+      class="
+        min-h-0
+        max-md:w-full
+      "
+    >
       <div
         :class="sizeClass"
         class="
@@ -31,10 +38,14 @@
     </div>
     <div
       v-if="action"
-      class="b-message-action p-2"
+      class="
+        b-message-action p-2
+        max-md:w-full
+      "
     >
       <Bake
         name="action"
+        class="max-md:w-full"
         :descriptor="{ ...action, schema: { ...action.schema, severity } }"
       />
     </div>

package/dist/runtime/composables/useActionExecuter.js

@@ -1,5 +1,6 @@
 import { useRuntimeConfig } from "#app";
-import { useComposableResolver, useDataFetcher, usePathBuilder, useUnref } from "#imports";
+import { useComposableResolver, useContext, useDataFetcher, usePathBuilder, useUnref, useValidation } from "#imports";
+import { bfetch } from "../utils/bfetch.js";
 
 export default function() {
   const actions = {
@@ -35,9 +36,14 @@ function Composite({ actionExecuter }) {
 function Local() {
   const composableResolver = useComposableResolver();
   const dataFetcher = useDataFetcher();
+  const validation = useValidation();
+  const context = useContext();
+
+  const mutableValidation = validation.injectMutable();
+  const events = context.injectEvents();
 
   async function execute({ action, contextData }) {
-    const composable = composableResolver.resolve(action.composable).default();
+    const composable = composableResolver.resolve(action.composable).default({ mutableValidation, events });
 
     if(composable.run) {
       const options = action.options ? await dataFetcher.fetch({ data: action.options, contextData }) : { };
@@ -87,7 +93,7 @@ function Remote({ actionExecuter }) {
       ? null
       : (action.body ? unref.deepUnref(await dataFetcher.fetch({ data: action.body, contextData })) : { });
 
-    const response = await $fetch(pathBuilder.build(action.path, params), {
+    const response = await bfetch(pathBuilder.build(action.path, params), {
       baseURL: apiBaseURL,
       method: action.method,
       headers: headers,
@@ -105,4 +111,4 @@ function Remote({ actionExecuter }) {
   return {
     execute
   };
-}
+}

package/dist/runtime/composables/useContext.d.ts

@@ -11,7 +11,7 @@ export default function _default(): {
         handle?: boolean | undefined;
     }) => import("vue").Ref<{}, {}>;
     provideError: (error: any) => import("vue").Ref<boolean, boolean>;
-    injectEvents: () => any;
+    injectEvents: () => null;
     provideEvents: (value: any) => void;
     injectExecuting: () => import("vue").Ref<boolean, boolean>;
     provideExecuting: (value: any) => void;

package/dist/runtime/composables/useContext.js

@@ -48,7 +48,7 @@ export default function() {
   }
 
   function injectEvents() {
-    return inject("__bake_events");
+    return inject("__bake_events", null);
   }
 
   function provideEvents(value) {

package/dist/runtime/composables/useToken.js

@@ -1,5 +1,6 @@
 import { useRuntimeConfig } from "#app";
 import { createError, useMutex } from "#imports";
+import { bfetch } from "../utils/bfetch.js";
 
 export default function() {
   const mutex = useMutex();
@@ -31,7 +32,7 @@ export default function() {
       const token = await current(false);
       if(!token?.accessIsExpired()) { return; }
 
-      const result = await $fetch(auth.refreshApiRoute,
+      const result = await bfetch(auth.refreshApiRoute,
         {
           baseURL: apiBaseURL,
           method: "POST",

package/dist/runtime/composables/useUnref.js

@@ -20,7 +20,6 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
-
 */
 
 import { isRef, unref } from "vue";
@@ -29,7 +28,7 @@ const isObject = val => val !== null && typeof val === "object";
 const isArray = Array.isArray;
 
 /**
- * Deeply unref a value, recursing into objects and arrays.
+ * Deeply unref a value, recursing into objects, plain object and arrays.
  *
  * @param {Mixed} val - The value to deeply unref.
  *
@@ -38,7 +37,7 @@ const isArray = Array.isArray;
 const deepUnref = val => {
   const checkedVal = isRef(val) ? unref(val) : val;
 
-  if(! isObject(checkedVal)) {
+  if(!isObject(checkedVal)) {
     return checkedVal;
   }
 
@@ -46,9 +45,26 @@ const deepUnref = val => {
     return unrefArray(checkedVal);
   }
 
+  if(!isPlainObject(checkedVal)) {
+    return checkedVal;
+  }
+
   return unrefObject(checkedVal);
 };
 
+/**
+ * Is this value a plain object?
+ *
+ * @param {Object} val - The object to check.
+ *
+ * @return {Boolean}
+ */
+const isPlainObject = val => {
+  const proto = Object.getPrototypeOf(val);
+
+  return proto === Object.prototype || proto === null;
+};
+
 /**
  * Unref a value, recursing into it if it's an object.
  *
@@ -58,7 +74,7 @@ const deepUnref = val => {
  */
 const smartUnref = val => {
   // Non-ref object?  Go deeper!
-  if(val !== null && ! isRef(val) && typeof val === "object") {
+  if(val !== null && !isRef(val) && typeof val === "object") {
     return deepUnref(val);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mouseless/baked",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "description": "Baked is an opinionated framework for .NET and Vue. This is the UI package of Baked project.",
   "keywords": [
     "baked",