@stacksjs/defaults 0.72.49 → 0.72.54

package/views/auth/signup.stx

@@ -1,120 +0,0 @@
-<script server>
-/**
- * The providers whose buttons are worth rendering.
- *
- * `configuredSocialProviders()` knows each provider's own required config,
- * so a provider missing credentials never reaches a visitor as a button
- * that fails at the redirect. Adding credentials to `config/services.ts`
- * is the whole of what turns one on.
- *
- * Icons come from hugeicons, the collection Stacks defaults to. Swap the
- * map if your app standardises on another one.
- */
-import { configuredSocialProviders } from '@stacksjs/socials'
-
-const PROVIDER_ICONS = {
-  apple: 'i-hugeicons-apple',
-  facebook: 'i-hugeicons-facebook-01',
-  github: 'i-hugeicons-github',
-  google: 'i-hugeicons-google',
-  twitter: 'i-hugeicons-new-twitter',
-}
-
-const socialSignIn = configuredSocialProviders().map(provider => ({
-  label: provider.label,
-  href: `/auth/${provider.name}/redirect`,
-  icon: PROVIDER_ICONS[provider.name] ?? 'i-hugeicons-user-circle',
-}))
-</script>
-
-<div class="flex flex-col justify-center py-12 sm:px-6 lg:px-8 min-h-full">
-  <div class="sm:mx-auto sm:max-w-md sm:w-full">
-    <Logo class="mx-auto h-11 w-auto" />
-    <h2 class="mt-6 font-bold leading-9 text-2xl text-center text-gray-900 tracking-tight">
-      Sign up to your account
-    </h2>
-  </div>
-
-  <div class="mt-10 sm:mx-auto sm:max-w-[480px] sm:w-full">
-    <div class="px-6 py-12 sm:px-12 bg-white sm:rounded-lg shadow">
-      <form class="space-y-6" action="#" method="POST">
-        <div>
-          <label for="name" class="block font-medium leading-6 text-gray-900 text-sm">Name</label>
-          <div class="mt-2">
-            <input id="name" name="name" type="text" autocomplete="name" required class="block py-1.5 w-full text-gray-900 sm:leading-6 sm:text-sm placeholder:text-gray-400 border-0 ring-1 ring-gray-300 ring-inset rounded-md focus:ring-2 focus:ring-blue-600 focus:ring-inset shadow-sm">
-          </div>
-        </div>
-
-        <div>
-          <label for="email" class="block font-medium leading-6 text-gray-900 text-sm">Email address</label>
-          <div class="mt-2">
-            <input id="email" name="email" type="email" autocomplete="email" required class="block py-1.5 w-full text-gray-900 sm:leading-6 sm:text-sm placeholder:text-gray-400 border-0 ring-1 ring-gray-300 ring-inset rounded-md focus:ring-2 focus:ring-blue-600 focus:ring-inset shadow-sm">
-          </div>
-        </div>
-
-        <div>
-          <label for="password" class="block font-medium leading-6 text-gray-900 text-sm">Password</label>
-          <div class="mt-2">
-            <input id="password" name="password" type="password" autocomplete="current-password" required class="block py-1.5 w-full text-gray-900 sm:leading-6 sm:text-sm placeholder:text-gray-400 border-0 ring-1 ring-gray-300 ring-inset rounded-md focus:ring-2 focus:ring-blue-600 focus:ring-inset shadow-sm">
-          </div>
-        </div>
-
-        <div>
-          <label for="password" class="block font-medium leading-6 text-gray-900 text-sm">Confirm Password</label>
-          <div class="mt-2">
-            <input id="password" name="password" type="password" autocomplete="current-password" required class="block py-1.5 w-full text-gray-900 sm:leading-6 sm:text-sm placeholder:text-gray-400 border-0 ring-1 ring-gray-300 ring-inset rounded-md focus:ring-2 focus:ring-blue-600 focus:ring-inset shadow-sm">
-          </div>
-        </div>
-
-        <div>
-          <div>
-            <button type="submit" class="flex justify-center px-3 py-1.5 w-full font-semibold leading-6 text-sm text-white bg-blue-600 hover:bg-blue-500 rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-600 focus-visible:outline-offset-2 shadow-sm">
-              Sign up
-            </button>
-          </div>
-        </div>
-      </form>
-
-      {{--
-        Social sign-in, driven by which providers are actually configured.
-
-        This block used to be two hardcoded buttons pointing at `href="#"`,
-        so a scaffolded app shipped a Google and a GitHub button that both
-        did nothing, and offered them whether or not either provider had
-        credentials. `configuredSocialProviders()` answers that per
-        provider on each provider's own terms (Apple has no clientSecret
-        and is validated on its signing key instead), so what renders here
-        is exactly the set that will complete a sign-in.
-      --}}
-      @if (socialSignIn.length)
-        <div>
-          <div class="relative mt-10">
-            <div class="flex absolute inset-0 items-center" aria-hidden="true">
-              <div class="w-full border-gray-200 border-t"></div>
-            </div>
-            <div class="flex relative justify-center font-medium leading-6 text-sm">
-              <span class="px-6 text-gray-900 bg-white">Or continue with</span>
-            </div>
-          </div>
-
-          <div class="grid gap-4 mt-6 {{ socialSignIn.length > 1 ? 'grid-cols-2' : 'grid-cols-1' }}">
-            @foreach (socialSignIn as provider)
-              <a
-                href="{{ provider.href }}"
-                class="flex gap-3 items-center justify-center px-3 py-2 w-full font-semibold text-gray-900 text-sm bg-white hover:bg-gray-50 ring-1 ring-gray-300 ring-inset rounded-md focus-visible:ring-transparent shadow-sm"
-              >
-                <i class="h-5 w-5 {{ provider.icon }}" aria-hidden="true"></i>
-                <span class="font-semibold leading-6 text-sm">{{ provider.label }}</span>
-              </a>
-            @endforeach
-          </div>
-        </div>
-      @endif
-    </div>
-
-    <p class="mt-10 text-center text-gray-500 text-sm">
-      Already have an account?
-      <a href="/login" class="font-semibold leading-6 text-blue-600 hover:text-blue-500">Sign in</a>
-    </p>
-  </div>
-</div>

package/views/forum/category.stx

@@ -1,92 +0,0 @@
-<script server>
-const category = ''
-const subcategory = ''
-const filter = ''
-</script>
-<ForumLayout :route="routeType">
-  <div class="grid gap-8 grid-cols-1 lg:grid-cols-3">
-    <div class="lg:col-span-2">
-      <ForumBreadcrumb :items="breadcrumbItems" />
-
-      <div class="mb-6">
-        <div class="flex items-center justify-between px-4 py-3 bg-gray-100 rounded-t-md">
-          <div>
-            <h1 class="font-bold text-xl">{{ categoryTitle }}</h1>
-            <p class="mt-1 text-gray-600 text-sm">{{ categoryDescription }}</p>
-          </div>
-
-          <div>
-            <a href="/forum/new-topic" class="px-4 py-2 text-white bg-primary rounded-md hover:opacity-90">New Topic</a>
-          </div>
-        </div>
-      </div>
-
-      <ForumTopicList :title="listTitle">
-        @foreach (topic in topics)
-          <ForumTopicItem
-            :key="topic.id"
-            :title="topic.title"
-            :link="topic.link"
-            :authorName="topic.authorName"
-            :authorAvatar="topic.authorAvatar"
-            :createdAt="topic.createdAt"
-            :viewCount="topic.viewCount"
-            :replyCount="topic.replyCount"
-            :likeCount="topic.likeCount"
-            :category="topic.category"
-            :categoryLink="topic.categoryLink"
-            :excerpt="topic.excerpt || ''"
-            :isPinned="!!topic.isPinned"
-            :isSolved="!!topic.isSolved"
-            :lastReplyAuthorName="topic.lastReplyAuthorName || ''"
-            :lastReplyAuthorAvatar="topic.lastReplyAuthorAvatar || ''"
-            :lastReplyAt="topic.lastReplyAt || ''"
-          />
-        @endforeach
-      </ForumTopicList>
-
-      <ForumPagination :currentPage="1" :totalPages="5" />
-    </div>
-
-    <div class="lg:col-span-1">
-      <ForumSidebar
-        :stats="{
-          topics: 540,
-          posts: 3287,
-          members: 1245,
-          newestMember: 'NewUser123'
-        }"
-        :popularTopics="[
-          {
-            id: 1,
-            title: 'How to implement authentication in a new Stacks.js project?',
-            link: '/forum/topic/1',
-            replyCount: 3,
-            viewCount: 45
-          },
-          {
-            id: 2,
-            title: 'Best practices for database migrations in Stacks.js',
-            link: '/forum/topic/3',
-            replyCount: 15,
-            viewCount: 128
-          },
-          {
-            id: 3,
-            title: 'Introducing myself to the community!',
-            link: '/forum/topic/2',
-            replyCount: 8,
-            viewCount: 32
-          }
-        ]"
-        :onlineUsers="[
-          { id: 1, name: 'JohnDoe', avatar: '/images/avatars/default.png' },
-          { id: 2, name: 'DatabaseGuru', avatar: '/images/avatars/default.png' },
-          { id: 3, name: 'NewUser123', avatar: '/images/avatars/default.png' },
-          { id: 4, name: 'ExpertUser', avatar: '/images/avatars/default.png' },
-          { id: 5, name: 'StacksMaster', avatar: '/images/avatars/default.png' }
-        ]"
-      />
-    </div>
-  </div>
-</ForumLayout>

package/views/forum/index.stx

@@ -1,209 +0,0 @@
-<script server>
-const filter = ''
-</script>
-<ForumLayout :route="currentRoute">
-  <div class="grid gap-8 grid-cols-1 lg:grid-cols-3">
-    <div class="lg:col-span-2">
-      <ForumBreadcrumb :items="breadcrumbItems" />
-
-      @if (!filter)
-        <div>
-          <ForumCategory title="Announcements">
-            <ForumCategoryItem
-              title="Welcome to the Stacks Community Forum"
-              description="Important information about the forum rules and guidelines. Please read before posting."
-              link="/forum/category/announcements/welcome"
-              :topicCount="5"
-              :postCount="42"
-              icon="i-hugeicons-megaphone"
-              :latestTopic="{
-                title: 'Forum Rules and Guidelines',
-                link: '/forum/topic/4',
-                timeAgo: '1 week ago',
-                author: 'Admin',
-                authorLink: '/forum/profile/admin'
-              }"
-            />
-            <ForumCategoryItem
-              title="Stacks.js v2.0 Release Notes"
-              description="Learn about the latest features and improvements in Stacks.js v2.0"
-              link="/forum/category/announcements/release-notes"
-              :topicCount="12"
-              :postCount="87"
-              icon="i-hugeicons-newspaper"
-              :latestTopic="{
-                title: 'Stacks.js v2.0 Released!',
-                link: '/forum/topic/6',
-                timeAgo: '3 days ago',
-                author: 'StacksMaster',
-                authorLink: '/forum/profile/stacksmaster'
-              }"
-            />
-          </ForumCategory>
-
-          <ForumCategory title="General Discussion">
-            <ForumCategoryItem
-              title="General Chat"
-              description="A place to discuss anything related to Stacks.js and our community."
-              link="/forum/category/general/chat"
-              :topicCount="128"
-              :postCount="1243"
-              :latestTopic="{
-                title: 'Best practices for database migrations in Stacks.js',
-                link: '/forum/topic/3',
-                timeAgo: '1 day ago',
-                author: 'DatabaseGuru',
-                authorLink: '/forum/profile/databaseguru'
-              }"
-            />
-            <ForumCategoryItem
-              title="Introductions"
-              description="New to the forum? Introduce yourself here and meet other community members!"
-              link="/forum/category/general/introductions"
-              :topicCount="75"
-              :postCount="312"
-              icon="i-hugeicons-user-plus"
-              :latestTopic="{
-                title: 'Introducing myself to the community!',
-                link: '/forum/topic/2',
-                timeAgo: '5 hours ago',
-                author: 'NewUser123',
-                authorLink: '/forum/profile/newuser123'
-              }"
-            />
-            <ForumCategoryItem
-              title="Feedback & Suggestions"
-              description="Share your ideas and suggestions for improving Stacks.js and the forum."
-              link="/forum/category/general/feedback"
-              :topicCount="34"
-              :postCount="156"
-              icon="i-hugeicons-lightbulb"
-              :latestTopic="{
-                title: 'Suggestion: Add dark mode to the forum',
-                link: '/forum/topic/7',
-                timeAgo: '2 days ago',
-                author: 'DarkModeEnthusiast',
-                authorLink: '/forum/profile/darkmode'
-              }"
-            />
-          </ForumCategory>
-
-          <ForumCategory title="Technical Support">
-            <ForumCategoryItem
-              title="Installation & Setup"
-              description="Need help with installing or setting up Stacks.js? Ask here."
-              link="/forum/category/support/installation"
-              :topicCount="87"
-              :postCount="423"
-              icon="i-hugeicons-wrench"
-              :latestTopic="{
-                title: 'How to implement authentication in a new Stacks.js project?',
-                link: '/forum/topic/1',
-                timeAgo: '2 hours ago',
-                author: 'JohnDoe',
-                authorLink: '/forum/profile/johndoe'
-              }"
-            />
-            <ForumCategoryItem
-              title="Troubleshooting"
-              description="Having issues with your Stacks.js project? Get help from the community."
-              link="/forum/category/support/troubleshooting"
-              :topicCount="142"
-              :postCount="768"
-              icon="i-hugeicons-bug"
-              :latestTopic="{
-                title: 'TypeError when using the new API client',
-                link: '/forum/topic/8',
-                timeAgo: '6 hours ago',
-                author: 'BugHunter',
-                authorLink: '/forum/profile/bughunter'
-              }"
-            />
-            <ForumCategoryItem
-              title="Feature Requests"
-              description="Request new features or enhancements for Stacks.js."
-              link="/forum/category/support/feature-requests"
-              :topicCount="56"
-              :postCount="289"
-              icon="i-hugeicons-star"
-              :latestTopic="{
-                title: 'Request: Add built-in support for WebSockets',
-                link: '/forum/topic/9',
-                timeAgo: '4 days ago',
-                author: 'RealtimeDev',
-                authorLink: '/forum/profile/realtimedev'
-              }"
-            />
-          </ForumCategory>
-        </div>
-      @endif
-
-      <ForumTopicList :title="listTitle">
-        @foreach (topic in topics)
-          <ForumTopicItem
-            :key="topic.id"
-            :title="topic.title"
-            :link="topic.link"
-            :authorName="topic.authorName"
-            :authorAvatar="topic.authorAvatar"
-            :createdAt="topic.createdAt"
-            :viewCount="topic.viewCount"
-            :replyCount="topic.replyCount"
-            :likeCount="topic.likeCount"
-            :category="topic.category"
-            :categoryLink="topic.categoryLink"
-            :excerpt="topic.excerpt || ''"
-            :isPinned="!!topic.isPinned"
-            :isSolved="!!topic.isSolved"
-            :lastReplyAuthorName="topic.lastReplyAuthorName || ''"
-            :lastReplyAuthorAvatar="topic.lastReplyAuthorAvatar || ''"
-            :lastReplyAt="topic.lastReplyAt || ''"
-          />
-        @endforeach
-      </ForumTopicList>
-
-      <ForumPagination :currentPage="1" :totalPages="5" />
-    </div>
-
-    <div class="lg:col-span-1">
-      <ForumSidebar
-        :stats="{
-          topics: 540,
-          posts: 3287,
-          members: 1245,
-          newestMember: 'NewUser123'
-        }"
-        :popularTopics="[
-          {
-            id: 1,
-            title: 'How to implement authentication in a new Stacks.js project?',
-            link: '/forum/topic/1',
-            replyCount: 3,
-            viewCount: 45
-          },
-          {
-            id: 2,
-            title: 'Best practices for database migrations in Stacks.js',
-            link: '/forum/topic/3',
-            replyCount: 15,
-            viewCount: 128
-          },
-          {
-            id: 3,
-            title: 'Introducing myself to the community!',
-            link: '/forum/topic/2',
-            replyCount: 8,
-            viewCount: 32
-          }
-        ]"
-        :onlineUsers="[
-          { id: 1, name: 'JohnDoe', avatar: '/images/avatars/default.png' },
-          { id: 2, name: 'DatabaseGuru', avatar: '/images/avatars/default.png' },
-          { id: 3, name: 'NewUser123', avatar: '/images/avatars/default.png' },
-          { id: 4, name: 'ExpertUser', avatar: '/images/avatars/default.png' },
-          { id: 5, name: 'StacksMaster', avatar: '/images/avatars/default.png' }
-        ]"
-      />
-    </div>
-  </div>
-</ForumLayout>

package/views/forum/new-topic.stx

@@ -1,113 +0,0 @@
-<script>
-</script>
-
-<ForumLayout route="forum-new-topic">
-  <div class="mx-auto max-w-3xl">
-    <ForumBreadcrumb :items="[
-      { label: 'Forum', link: '/forum' },
-      { label: 'New Topic', link: '/forum/new-topic' }
-    ]" />
-
-    <div class="mb-6 border rounded-md">
-      <div class="flex items-center px-4 py-3 bg-gray-50 rounded-t-md">
-        <h1 class="font-medium text-lg">Create New Topic</h1>
-      </div>
-
-      <div class="p-4">
-        <div class="space-y-4">
-          <div>
-            <label class="block mb-1 font-medium">Title</label>
-            <input
-              type="text"
-              placeholder="Enter a descriptive title for your topic"
-              class="px-3 py-2 w-full border rounded-md focus:outline-none focus:ring-2 focus:ring-primary"
-            >
-            <div class="mt-1 text-gray-500 text-xs">
-              Be specific and imagine you're asking a question to another person
-            </div>
-          </div>
-
-          <div>
-            <label class="block mb-1 font-medium">Category</label>
-            <select class="px-3 py-2 w-full border rounded-md focus:outline-none focus:ring-2 focus:ring-primary">
-              <option value="">Select a category</option>
-              <optgroup label="General Discussion">
-                <option value="general-chat">General Chat</option>
-                <option value="introductions">Introductions</option>
-                <option value="feedback">Feedback & Suggestions</option>
-              </optgroup>
-              <optgroup label="Technical Support">
-                <option value="installation">Installation & Setup</option>
-                <option value="troubleshooting">Troubleshooting</option>
-                <option value="feature-requests">Feature Requests</option>
-              </optgroup>
-            </select>
-          </div>
-
-          <div>
-            <label class="block mb-1 font-medium">Content</label>
-            <div class="mb-2">
-              <div class="flex gap-2 mb-2">
-                <button class="px-2 py-1 text-sm hover:bg-gray-100 border rounded">B</button>
-                <button class="px-2 py-1 text-sm hover:bg-gray-100 border rounded">I</button>
-                <button class="px-2 py-1 text-sm hover:bg-gray-100 border rounded">
-                  <span class="i-hugeicons-link"></span>
-                </button>
-                <button class="px-2 py-1 text-sm hover:bg-gray-100 border rounded">
-                  <span class="i-hugeicons-code"></span>
-                </button>
-                <button class="px-2 py-1 text-sm hover:bg-gray-100 border rounded">
-                  <span class="i-hugeicons-image"></span>
-                </button>
-              </div>
-              <textarea
-                class="p-3 min-h-40 w-full border rounded-md focus:outline-none focus:ring-2 focus:ring-primary"
-                placeholder="Describe your topic in detail. Include any relevant code, error messages, or screenshots."
-              ></textarea>
-            </div>
-          </div>
-
-          <div>
-            <label class="block mb-1 font-medium">Tags</label>
-            <input
-              type="text"
-              placeholder="Add tags separated by commas (e.g. javascript, stx, api)"
-              class="px-3 py-2 w-full border rounded-md focus:outline-none focus:ring-2 focus:ring-primary"
-            >
-            <div class="mt-1 text-gray-500 text-xs">
-              Add up to 5 tags to help categorize your topic and make it more discoverable
-            </div>
-          </div>
-
-          <div class="flex items-center">
-            <input type="checkbox" id="notify" class="mr-2" checked>
-            <label for="notify" class="text-gray-600 text-sm">
-              Notify me when someone replies to this topic
-            </label>
-          </div>
-
-          <div class="flex gap-2 justify-end">
-            <a href="/forum" class="px-4 py-2 hover:bg-gray-100 border rounded-md">
-              Cancel
-            </a>
-            <button class="px-4 py-2 text-white bg-primary rounded-md hover:opacity-90">
-              Create Topic
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="p-4 bg-gray-50 border rounded-md">
-      <h3 class="mb-2 font-medium">Forum Guidelines</h3>
-      <ul class="space-y-1 list-disc list-inside text-gray-600 text-sm">
-        <li>Be respectful and courteous to other community members</li>
-        <li>Search before posting to avoid duplicate topics</li>
-        <li>Use descriptive titles that summarize your question or discussion</li>
-        <li>Format code using the code formatting button for better readability</li>
-        <li>Tag your topic appropriately to help others find it</li>
-        <li>If you're asking for help, include relevant details like version numbers and error messages</li>
-      </ul>
-    </div>
-  </div>
-</ForumLayout>

package/views/forum/profile.stx

@@ -1 +0,0 @@
-<!-- Forum profile view -->