@stacksjs/defaults 0.75.105 → 0.75.107

package/ide/vscode/package.json

@@ -2,7 +2,7 @@
   "publisher": "Stacks",
   "name": "vscode-stacks",
   "displayName": "Stacks",
-  "version": "0.75.105",
+  "version": "0.75.107",
   "description": "Stacks, built into VS Code: stx templates, pickier linting and formatting, encrypted env files, the dev server preview and every buddy command. No other extensions required.",
   "license": "MIT",
   "funding": "https://github.com/sponsors/chrisbbreuer",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/defaults",
   "type": "module",
   "sideEffects": false,
-  "version": "0.75.105",
+  "version": "0.75.107",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stacksjs/stacks.git",
@@ -55,8 +55,8 @@
   "dependencies": {
     "@iconify-json/f7": "^1.2.2",
     "@iconify-json/hugeicons": "^1.2.35",
-    "@stacksjs/mobile": "^0.75.105",
-    "@stacksjs/sanitizer": "^0.2.419",
+    "@stacksjs/mobile": "^0.75.107",
+    "@stacksjs/sanitizer": "^0.2.422",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
     "ts-qr-codes": "^0.1.8"

package/resources/components/NativeComponents.test.ts

@@ -258,6 +258,15 @@ describe('Native components feel native', () => {
     expect(sheet).toContain('putBack ??= liftToBody(element)')
   })
 
+  it('slides a sheet up from where it was lifted to, rather than appearing up', () => {
+    const sheet = read('NativeSheet')
+    // is-open follows `shown`, which present() sets only after the lifted
+    // sheet's closed style is worked out in the body.
+    expect(sheet).toContain("const sheetClass = derived(() => `${shown() ? 'is-open' : ''}")
+    expect(sheet).toContain('getComputedStyle(sheetPanel).transform')
+    expect(sheet.indexOf('putBack ??= liftToBody(element)')).toBeLessThan(sheet.indexOf('shown.set(true)'))
+  })
+
   it('presses the page back into a card behind a large sheet, unless motion is reduced', () => {
     const sheet = read('NativeSheet')
     expect(sheet).toContain('presentPageAsCard(element.ownerDocument, want)')

package/resources/components/NativeSheet.stx

@@ -34,6 +34,10 @@ const detents = derived<SheetDetent[]>(() => {
 })
 const hasDetents = derived(() => Boolean(detentsProp()) && detentsProp().length > 0)
 const detent = state<SheetDetent>('large')
+// Whether the sheet is drawn up. It follows `open`, but only once the sheet
+// sits in the body with its closed position worked out there (present()), so
+// it has somewhere to slide up from.
+const shown = state(false)
 
 const sheetRoot = useRef('nativeSheet')
 const panel = useRef('nativeSheetPanel')
@@ -69,10 +73,18 @@ function present(): void {
   releaseBackground = lockBackground(element)
   openedOn = currentPath()
   coverTabBar(element, true)
+  // A node moved in the document starts over with no style to transition
+  // from, so a sheet lifted and marked open in one go appears already up.
+  // Work its closed style out where it now is, then open it: the panel
+  // slides from there.
+  const sheetPanel = panel.current as HTMLElement | null
+  if (sheetPanel) void element.ownerDocument.defaultView?.getComputedStyle(sheetPanel).transform
+  shown.set(true)
   void nextTick(() => (panel.current as HTMLElement | null)?.focus())
 }
 
 function dismissed(): void {
+  shown.set(false)
   const element = root()
   if (element) coverTabBar(element, false)
   releaseBackground?.()
@@ -153,7 +165,7 @@ useEventListener('keydown', (event: KeyboardEvent) => {
   else if (panel.current) trapFocus(panel.current as HTMLElement, event)
 })
 
-const sheetClass = derived(() => `${open() ? 'is-open' : ''}${hasDetents() ? ' has-detents' : ''}${detent() === 'medium' ? ' is-medium' : ''}`.trim())
+const sheetClass = derived(() => `${shown() ? 'is-open' : ''}${hasDetents() ? ' has-detents' : ''}${detent() === 'medium' ? ' is-medium' : ''}`.trim())
 </script>
 
 <div ref="nativeSheet" class="native-sheet" :class="sheetClass()" :aria-hidden="open() ? 'false' : 'true'" data-native-sheet>

package/views/dashboard/.discovered-models.json

@@ -39,6 +39,20 @@
         "highlight": true
       }
     },
+    {
+      "id": "automation",
+      "name": "Automation",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
+    {
+      "id": "automation-run",
+      "name": "AutomationRun",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "bid",
       "name": "Bid",
@@ -84,6 +98,13 @@
       "hasDedicatedPage": false,
       "category": "data"
     },
+    {
+      "id": "campaign-variant",
+      "name": "CampaignVariant",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "card",
       "name": "Card",
@@ -124,6 +145,13 @@
         "highlight": true
       }
     },
+    {
+      "id": "categorizable",
+      "name": "Categorizable",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "content"
+    },
     {
       "id": "category",
       "name": "Category",
@@ -141,6 +169,20 @@
       "hasDedicatedPage": true,
       "category": "content"
     },
+    {
+      "id": "communication-suppression",
+      "name": "CommunicationSuppression",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
+    {
+      "id": "consent-event",
+      "name": "ConsentEvent",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "coupon",
       "name": "Coupon",
@@ -154,7 +196,7 @@
     {
       "id": "courier",
       "name": "Courier",
-      "icon": "car.fill",
+      "icon": "tablecells.fill",
       "hasDedicatedPage": false,
       "category": "commerce",
       "dashboard": {
@@ -262,6 +304,34 @@
         "enabled": false
       }
     },
+    {
+      "id": "form",
+      "name": "Form",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
+    {
+      "id": "form-field",
+      "name": "FormField",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
+    {
+      "id": "form-submission",
+      "name": "FormSubmission",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
+    {
+      "id": "gdpr-request",
+      "name": "GdprRequest",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "gift-card",
       "name": "GiftCard",
@@ -326,6 +396,13 @@
         "highlight": true
       }
     },
+    {
+      "id": "magic-link-token",
+      "name": "MagicLinkToken",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "mail-preference",
       "name": "MailPreference",
@@ -343,6 +420,20 @@
         "highlight": true
       }
     },
+    {
+      "id": "menu",
+      "name": "Menu",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "content"
+    },
+    {
+      "id": "menu-item",
+      "name": "MenuItem",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "content"
+    },
     {
       "id": "notification",
       "name": "Notification",
@@ -391,6 +482,13 @@
       "hasDedicatedPage": true,
       "category": "content"
     },
+    {
+      "id": "page-revision",
+      "name": "PageRevision",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "content"
+    },
     {
       "id": "payment",
       "name": "Payment",
@@ -422,6 +520,23 @@
       "hasDedicatedPage": false,
       "category": "commerce"
     },
+    {
+      "id": "payment-webhook-event",
+      "name": "PaymentWebhookEvent",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "commerce",
+      "dashboard": {
+        "enabled": false
+      }
+    },
+    {
+      "id": "personal-access-token",
+      "name": "PersonalAccessToken",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "pledge",
       "name": "Pledge",
@@ -497,6 +612,27 @@
         "highlight": true
       }
     },
+    {
+      "id": "redirect",
+      "name": "Redirect",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "content"
+    },
+    {
+      "id": "referral",
+      "name": "Referral",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
+    {
+      "id": "referral-code",
+      "name": "ReferralCode",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "release",
       "name": "Release",
@@ -517,6 +653,13 @@
         "highlight": true
       }
     },
+    {
+      "id": "sender-domain",
+      "name": "SenderDomain",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "shipping-method",
       "name": "ShippingMethod",
@@ -547,6 +690,30 @@
         "highlight": true
       }
     },
+    {
+      "id": "site",
+      "name": "Site",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data",
+      "dashboard": {
+        "highlight": true
+      }
+    },
+    {
+      "id": "site-domain",
+      "name": "SiteDomain",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
+    {
+      "id": "sms-opt-out",
+      "name": "SmsOptOut",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "social-account",
       "name": "SocialAccount",
@@ -561,6 +728,26 @@
       "hasDedicatedPage": false,
       "category": "marketing"
     },
+    {
+      "id": "storage-item",
+      "name": "StorageItem",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data",
+      "dashboard": {
+        "enabled": false
+      }
+    },
+    {
+      "id": "storage-item-task",
+      "name": "StorageItemTask",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data",
+      "dashboard": {
+        "enabled": false
+      }
+    },
     {
       "id": "subscriber",
       "name": "Subscriber",
@@ -639,6 +826,13 @@
         "highlight": true
       }
     },
+    {
+      "id": "usage-event",
+      "name": "UsageEvent",
+      "icon": "tablecells.fill",
+      "hasDedicatedPage": false,
+      "category": "data"
+    },
     {
       "id": "user",
       "name": "User",
@@ -696,4 +890,4 @@
     }
   },
   "nav": []
-}
+}