chore: wip

Author: chrisbbreuer

bun.lockb

@@ -0,0 +1,9 @@
+import { log, runCommand } from '@stacksjs/cli'
+
+const command: string = 'bun build ./src/index.ts --outdir dist --format esm'
+const result = await runCommand(command, {
+  cwd: import.meta.dir,
+})
+
+if (result.isErr())
+  log.error(result.error)

storage/framework/.stacks/core/api/build.ts

@@ -1,7 +1,6 @@
 import { ofetch } from 'ofetch'
-import { flare } from '@flareapp/flare-client'
 import { config, localUrl } from '@stacksjs/config'
-
+import { ref } from 'vue'
 interface Params {
   [key: string]: any // Replace 'any' with more specific types if possible
 }
@@ -24,11 +23,6 @@ interface FetchResponse {
 const loading = ref(false)
 const token = ref('')
 
-let bearerToken: string | null = ''
-
-if (typeof window !== 'undefined')
-  bearerToken = window.localStorage.getItem('bearerToken')
-
 export async function useHttpFetch(endpoint = '') {
   let baseURL = await localUrl({ domain: config.app.url })
 
@@ -39,7 +33,7 @@ export async function useHttpFetch(endpoint = '') {
     const parameters: FetchParams = {
       ...params,
       ...{
-        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value || bearerToken}` },
+        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value}` },
         parseResponse: JSON.parse,
         method: 'POST',
         baseURL,
@@ -55,11 +49,6 @@ export async function useHttpFetch(endpoint = '') {
       return result
     }
     catch (err: any) {
-      flare.report(errReport)
-
-      if (err.status === 401)
-        logout()
-
       loading.value = false
 
       throw err
@@ -70,7 +59,7 @@ export async function useHttpFetch(endpoint = '') {
     const parameters: FetchParams = {
       ...params,
       ...{
-        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value || bearerToken}` },
+        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value}` },
         parseResponse: JSON.parse,
         method: 'GET',
         baseURL,
@@ -82,10 +71,6 @@ export async function useHttpFetch(endpoint = '') {
       return result
     }
     catch (err: any) {
-      flare.report(err)
-      if (err.status === 401)
-        logout()
-
       throw err
     }
   }
@@ -94,7 +79,7 @@ export async function useHttpFetch(endpoint = '') {
     const parameters: FetchParams = {
       ...params,
       ...{
-        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value || bearerToken}` },
+        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value}` },
         parseResponse: JSON.parse,
         method: 'PATCH',
         baseURL,
@@ -109,8 +94,6 @@ export async function useHttpFetch(endpoint = '') {
       return result
     }
     catch (err: any) {
-      flare.report(err)
-      loading.value = false
       throw err
     }
   }
@@ -119,7 +102,7 @@ export async function useHttpFetch(endpoint = '') {
     const parameters: FetchParams = {
       ...params,
       ...{
-        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value || bearerToken}` },
+        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value}` },
         method: 'DELETE',
         baseURL,
       },
@@ -133,9 +116,6 @@ export async function useHttpFetch(endpoint = '') {
       return result
     }
     catch (err: any) {
-      flare.report(err)
-      loading.value = false
-
       throw err
     }
   }
@@ -144,12 +124,5 @@ export async function useHttpFetch(endpoint = '') {
     token.value = authToken
   }
 
-  function logout() {
-    if (typeof window !== 'undefined')
-      window.localStorage.clear()
-
-    window.location.href = '/login'
-  }
-
   return { post, get, patch, destroy, baseURL, loading, token, setToken }
 }

storage/framework/.stacks/core/api/src/index.ts

@@ -2,13 +2,14 @@ import type { ViteConfig } from '@stacksjs/types'
 import { path as p } from '@stacksjs/path'
 import { alias } from '@stacksjs/alias'
 import generateSitemap from 'vite-ssg-sitemap'
-
+import Components from 'unplugin-vue-components/vite'
 import UnoCSS from 'unocss/vite'
 import { layouts, pages, uiEngine } from './stacks'
+import AutoImport from 'unplugin-auto-import/vite'
 import { defineConfig } from './'
 
 export const pagesConfig = {
-  root: p.projectStoragePath('framework/desktop/dashboard'),
+  root: p.projectStoragePath('framework/stacks/dashboard'),
   envDir: p.projectPath(),
   envPrefix: 'FRONTEND_',
   publicDir: p.projectPath('public'),
@@ -24,15 +25,34 @@ export const pagesConfig = {
 
   plugins: [
     uiEngine(),
+    Components({
+      // allow auto load markdown components under `./src/components/`
+      extensions: ['vue', 'md'],
+      // allow auto import and register components used in markdown
+      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+      dts: p.projectStoragePath('framework/stacks/dashboard/components.d.ts'),
+    }),
+    AutoImport({
+      imports: [
+        'pinia',
+        'vue',
+        'vue-i18n',
+      ],
+      dts: p.projectStoragePath('framework/stacks/auto-imports.d.ts'),
+      dirs: [
+        p.projectStoragePath('framework/stacks/dashboard/src/functions'),
+      ],
+    }),
     pages({
-      dirs: p.frameworkPath('stacks/dashboard/src/pages'),
+      routesFolder: p.projectStoragePath('framework/stacks/dashboard/src/pages'),
     }),
     UnoCSS({
-      configFile: p.corePath('vite/src/uno.config.ts'),
+      configFile: p.projectStoragePath('framework/.stacks/core/ui/src/uno.config.ts'),
     }),
     layouts({
-      layoutsDirs: p.frameworkPath('stacks/dashboard/src/layouts'),
-    }),
+      layoutsDirs: p.projectStoragePath('framework/stacks/dashboard/src/layouts'),
+    }, false),
+
   ],
 
   // https://github.com/antfu/vite-ssg

storage/framework/.stacks/core/vite/src/desktop.ts

@@ -4,7 +4,11 @@ import Layouts from 'vite-plugin-vue-layouts'
 // @ts-expect-error missing types - somehow, @stacksjs/vite-plugin-vue-layouts does not work
 import type { UserOptions as LayoutOptions } from 'vite-plugin-vue-layouts'
 
-export function layouts(options?: LayoutOptions) {
+export function layouts(options?: LayoutOptions, isMain = true) {
+  if (! isMain) {
+    return Layouts(options)
+  }
+
   return Layouts({
     layoutsDir: p.resourcesPath('layouts'),
     defaultLayout: p.resourcesPath('layouts/default.vue'),

storage/framework/.stacks/core/vite/src/plugin/layouts.ts

@@ -1,13 +1,35 @@
 import { defu } from 'defu'
-import Pages from 'vite-plugin-pages'
-import type { UserOptions } from 'vite-plugin-pages'
+import type { Options, TreeNode } from 'unplugin-vue-router'
+import VueRouter from 'unplugin-vue-router/vite'
 
-// https://github.com/hannoeru/vite-plugin-pages
-export function pages(options?: UserOptions) {
+// https://github.com/posva/unplugin-vue-router
+export function pages(options?: Options) {
   const defaultOptions = {
-    extensions: ['vue', 'md'],
+    extensions: ['.vue', '.md'],
+    getRouteName: (routeNode: TreeNode) => getFileBasedRouteName(routeNode),
   }
+
   const newOptions = defu(options, defaultOptions)
 
-  return Pages(newOptions)
+  return VueRouter(newOptions)
+}
+
+function getFileBasedRouteName(node: TreeNode): string {
+  // Base case: If node doesn't have a parent, return an empty string
+  if (!node.parent) {
+    return "";
+  }
+
+  // Recursive case: Concatenate the parent's value with the current node's value
+  const segment = node.value.rawSegment === "index" ? "" : node.value.rawSegment;
+  
+  const path = getFileBasedRouteName(node.parent) + (segment ? "/" + segment : "");
+  
+  // Process the path to get the desired format
+  const cleanedPath = path
+    .replace(/^\//, "")  // Remove leading slash
+    .replace(/\//g, ".")  // Replace all remaining slashes with dots
+    .replace(/\[|\]/g, "");  // Remove [ and ]
+  
+  return cleanedPath;
 }

storage/framework/.stacks/core/vite/src/plugin/pages.ts

@@ -1,5 +1,6 @@
 export * from '../core/actions/src'
 export * from '../core/ai/src'
+export * from '../core/api/src'
 export * from '../core/alias/src'
 export * from '../core/analytics/src'
 export * as arrays from '../core/arrays/src'

storage/framework/.stacks/src/index.ts

@@ -0,0 +1,80 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createPinia: typeof import('pinia')['createPinia']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useGithub: typeof import('./src/functions/github')['useGithub']
+  const useI18n: typeof import('vue-i18n')['useI18n']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

storage/framework/stacks/dashboard/auto-imports.d.ts

@@ -0,0 +1,27 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ActivityFeed: typeof import('./src/components/Deployments/ActivityFeed.vue')['default']
+    Alert: typeof import('./src/components/Modals/Popups/Alert.vue')['default']
+    AppButton: typeof import('./src/components/Buttons/AppButton.vue')['default']
+    BaseModal: typeof import('./src/components/Modals/BaseModal.vue')['default']
+    DeploymentList: typeof import('./src/components/Deployments/DeploymentList.vue')['default']
+    MobileSidebar: typeof import('./src/components/MobileSidebar.vue')['default']
+    Navbar: typeof import('./src/components/Navbar.vue')['default']
+    Pagination: typeof import('./src/components/Pagination.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SettingsHeader: typeof import('./src/components/SettingsHeader.vue')['default']
+    Sidebar: typeof import('./src/components/Sidebar.vue')['default']
+    Starport: typeof import('vue-starport')['Starport']
+    StarportCarrier: typeof import('vue-starport')['StarportCarrier']
+    Toast: typeof import('./src/components/Modals/Popups/Toast.vue')['default']
+    ToastWrapper: typeof import('./src/components/Modals/ToastWrapper.vue')['default']
+  }
+}

storage/framework/stacks/dashboard/components.d.ts

@@ -17,7 +17,7 @@
 </head>
 <body class="font-sans">
   <div id="app"></div>
-  <script type="module" src="/src/main.ts"></script>
+  <script type="module" src="./src/main.ts"></script>
   <noscript>This website requires JavaScript to function properly. Please enable JavaScript to continue.</noscript>
 </body>
 </html>