feat: redeploy docs -d

Author: arpowers

.github/workflows/publish.yml

@@ -74,12 +74,12 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
 
       - name: Set Node Version
         uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
 
       - name: Get pnpm store directory
@@ -112,10 +112,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
       - uses: actions/cache@v4
         with:
@@ -133,10 +133,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
       - uses: actions/cache@v4
         with:
@@ -168,10 +168,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
       - uses: actions/cache@v4
         with:
@@ -209,10 +209,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
       - uses: actions/cache@v4
         with:
@@ -240,10 +240,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
       - uses: actions/cache@v4
         with:
@@ -270,10 +270,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
       - uses: actions/cache@v4
         with:
@@ -302,10 +302,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
       - uses: actions/cache@v4
         with:
@@ -339,10 +339,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
           cache: pnpm
       - uses: actions/cache@v4
         with:
@@ -400,11 +400,11 @@ jobs:
 
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
 
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
 
       - uses: actions/cache@v4
         with:
@@ -438,11 +438,11 @@ jobs:
 
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
 
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
 
       - uses: actions/cache@v4
         with:
@@ -476,11 +476,11 @@ jobs:
 
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
 
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
 
       - uses: actions/cache@v4
         with:
@@ -513,10 +513,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 10.2.0
+          version: 10.6.2
       - uses: actions/setup-node@v4
         with:
-          node-version: 23.7.0
+          node-version: 23.9.0
 
       - name: Configure Git
         run: |

.github/workflows/static.yml

@@ -13,8 +13,7 @@ env:
 
 jobs:
   build:
-    if: 'contains(github.event.head_commit.message, ''skip'') == false'
-    name: Build
+    name: Build and Deploy Docs
     runs-on: ubuntu-latest
     steps:
       - name: Get The Code
@@ -23,26 +22,36 @@ jobs:
       - name: Install pnpm
         uses: pnpm/[email protected]
         with:
-          version: 9.3.0
+          version: 10.6.2
 
       - name: Set Node Version
         uses: actions/setup-node@v3
         with:
-          node-version: 22.3.0
+          node-version: 23.9.0
           cache: pnpm
 
-      - name: Cache pnpm modules
-        uses: actions/cache@v3
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
         with:
-          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-pnpm-
+            ${{ runner.os }}-pnpm-store-
 
       - name: Install Dependencies
-        run: |
-          pnpm install
-          pnpm rebuild --recursive
+        run: pnpm i && pnpm rebuild --recursive
+
+      - name: Cache node_modules
+        uses: actions/cache@v4
+        with:
+          path: |
+            node_modules
+            */*/node_modules
+          key: ${{ runner.os }}-modules-${{ hashFiles('pnpm-lock.yaml') }}
 
       - name: Build Static Assets
         run: npm run docs:build

@fiction/admin/dashboard/AuthView.vue

@@ -575,26 +575,12 @@ vue.watch(() => itemId.value, () => {
               class="w-full"
               label="Email"
               input="InputEmail"
-              :input-props="{ autocomplete: 'email', required: true, placeholder: 'Your email address' }"
+              :input-props="{ autocomplete: 'email', required: true, placeholder: 'Your email' }"
               :model-value="fields.email"
               ui-size="lg"
               @update:model-value="fields.email = $event"
             />
 
-            <!-- Name input for register -->
-            <ElInput
-              v-if="itemId === 'register'"
-              key="inputFullName"
-              data-test-id="input-full-name"
-              input="InputText"
-              label="Full name"
-              class="w-full"
-              :input-props="{ autocomplete: 'name', required: false, placeholder: 'Your name' }"
-              ui-size="lg"
-              :model-value="fields.fullName"
-              @update:model-value="fields.fullName = $event"
-            />
-
             <!-- Password input for login and register -->
             <ElInput
               v-if="itemId === 'welcome'"
@@ -615,8 +601,9 @@ vue.watch(() => itemId.value, () => {
               data-test-id="input-new-password"
               input="InputPassword"
               label="Password"
+              sub-label="At least 8 characters"
               class="w-full"
-              :input-props="{ autocomplete: 'new-password', required: true, placeholder: 'Create a password (8+ characters)' }"
+              :input-props="{ autocomplete: 'new-password', required: true, placeholder: 'Create a password' }"
               ui-size="lg"
               :model-value="fields.password"
               @update:model-value="fields.password = $event"
@@ -631,7 +618,7 @@ vue.watch(() => itemId.value, () => {
               input="InputPassword"
               label="New password"
               class="w-full"
-              :input-props="{ autocomplete: 'new-password', required: true, placeholder: 'Create a password (8+ characters)' }"
+              :input-props="{ autocomplete: 'new-password', required: true, placeholder: 'Create a password' }"
               ui-size="lg"
             />
 

@fiction/admin/test/signin.uiux.test.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-irregular-whitespace */
 import { isCi, shortId } from '@fiction/core'
 import { createUiTestingKit } from '@fiction/core/test-utils/kit'
 import { emailActionSnapshot } from '@fiction/plugin-transactions/test/utils'
@@ -74,12 +73,10 @@ describe('authentication flow UI', { retry: isCi() ? 3 : 0 }, async () => {
         // Navigate to registration
         { type: 'click', selector: '[data-test-id="to-register"]', waitAfter: 1000 },
         { type: 'visible', selector: '[data-test-id="input-email"]' },
-        { type: 'visible', selector: '[data-test-id="input-full-name"]' },
         { type: 'visible', selector: '[data-test-id="input-new-password"]' },
 
         // Fill the registration form
         { type: 'fill', selector: '[data-test-id="input-email"] input[type="email"]', text: testEmail },
-        { type: 'fill', selector: '[data-test-id="input-full-name"] input', text: testName },
         { type: 'fill', selector: '[data-test-id="input-new-password"] input', text: testPassword },
 
         // Verify form values
@@ -88,7 +85,6 @@ describe('authentication flow UI', { retry: isCi() ? 3 : 0 }, async () => {
           selector: '[data-test-id="form"]',
           onValue: (v) => {
             expect(v?.email, 'Email input should match filled value').toBe(testEmail)
-            expect(v?.fullName, 'Name input should match filled value').toBe(testName)
             expect(v?.password, 'Password input should match filled value').toBe(testPassword)
           },
         },

@fiction/cards/posts-magazine/ElMagazineSingle.vue

@@ -3,7 +3,7 @@ import type { FictionPosts, Post } from '@fiction/posts'
 import type { Card } from '@fiction/site'
 import type { UserConfig } from './index.js'
 import CardLink from '@fiction/cards/el/CardLink.vue'
-import { unhead, useService, vue } from '@fiction/core'
+import { dayjs, unhead, useService, vue } from '@fiction/core'
 import { allPostsLink, postEditLink, postLink, taxonomyLink } from '@fiction/posts'
 import AnimClipPath from '@fiction/ui/anim/AnimClipPath.vue'
 import ElSpinner from '@fiction/ui/loaders/ElSpinner.vue'
@@ -38,26 +38,26 @@ const imageAspect = vue.computed(() => {
 
   return w > h ? 'aspect-square max-h-[70dvh]' : 'aspect-[2/1]'
 })
-const title = () => post?.userConfig.value?.site?.title || post?.title.value || 'Post Not Found'
-const description = () => post?.userConfig.value?.site?.description || post?.subTitle.value || 'Post Not Found'
-const author = () => post?.authors.value?.map(a => a.fullName).join(', ')
+const getTitle = () => post?.userConfig.value?.site?.title || post?.title.value || 'Post Not Found'
+const getDescription = () => post?.userConfig.value?.site?.description || post?.subTitle.value || 'Post Not Found'
+const getAuthor = () => post?.authors.value?.map(a => a.fullName).join(', ')
 const postImage = () => post?.media.value?.url
 const postDate = () => post?.dateAt.value
 const keywords = () => post?.tags.value?.join(', ')
 unhead.useHead({
-  title,
+  title: getTitle,
   meta: [
-    { name: `description`, content: description },
-    { name: `author`, content: author },
+    { name: `description`, content: getDescription },
+    { name: `author`, content: getAuthor },
     { name: `keywords`, content: keywords },
     { name: `robots`, content: `index, follow` },
-    { name: `og:title`, content: title },
-    { name: `og:description`, content: description },
+    { name: `og:title`, content: getTitle },
+    { name: `og:description`, content: getDescription },
     { name: `og:type`, content: `article` },
     { name: `og:image`, content: postImage },
     { name: `og:locale`, content: `en_US` },
     { name: `article:published_time`, content: postDate },
-    { name: `article:author`, content: author },
+    { name: `article:author`, content: getAuthor },
   ],
 })
 </script>
@@ -72,38 +72,8 @@ unhead.useHead({
     </div>
     <article v-if="post">
       <div class="space-y-8  text-center max-w-screen-lg mx-auto mb-12">
-        <div class="tags space-x-4">
-          <CardButton
-            size="sm"
-            :card
-            design="link"
-            :href="allPostsLink({ card })"
-            rounding="full"
-            icon="i-tabler-arrow-left"
-          >
-            All Posts
-          </CardButton>
-          <CardButton
-            v-for="(cat, i) in post.categories.value"
-            :key="i"
-            size="sm"
-            :card
-            design="outline"
-            :text="cat"
-            :href="taxonomyLink({ card, taxonomy: 'category', term: cat })"
-          />
-          <CardButton
-            v-if="userIsAuthor"
-            size="sm"
-            :card
-            :href="postEditLink({ post })"
-            class="flex items-center"
-            design="outline"
-            icon="i-tabler-edit"
-            theme="green"
-          >
-            Edit Post
-          </CardButton>
+        <div v-if="post.publishAt.value" class="tags space-x-4">
+          {{ dayjs(post.dateAt.value || post.publishAt.value).format('MMMM D, YYYY') }}
         </div>
         <div class="space-y-4">
           <CardTextPost
@@ -118,7 +88,7 @@ unhead.useHead({
             path="subTitle"
             class="text-lg md:text-2xl xl:text-3xl dark:text-theme-400 text-pretty"
           />
-          <div class="flex justify-center">
+          <div class="flex justify-center gap-3">
             <ElAuthor v-for="(author, i) in post.authors.value" :key="i" :user="author" :date-at="post.dateAt.value" />
           </div>
         </div>