c0ckp1t 1.0.16 → 1.0.17

package/components/AceLoader.mjs

@@ -21,7 +21,7 @@ export function loadAce() {
     // Reuse in-flight / resolved promise
     if (_promise) return _promise
 
-    const componentPrefix = storeMain.appConfig?.componentPrefix || ""
+    const componentPrefix = storeMain.config?.componentPrefix || ""
     const src = `${componentPrefix}${ACE_SCRIPT_LOCAL}`
 
     _promise = new Promise((resolve, reject) => {

package/core/GlobalStore.mjs

@@ -55,6 +55,7 @@ export const store = reactive({
     showDocReload: true,
     showDocTrail: true,
     allowDocWrite: true,
+    showDocNav: true,
     // FOOTER Configuration
     showFooter: true,
     // TOP NAVBAR Configuration
@@ -339,6 +340,7 @@ export const api = {
         store.showTopNavBar = config.showTopNavBar ?? true
         store.showFooter = config.showFooter ?? true
         store.showDocReload  = config.showDocReload ?? true
+        store.showDocNav = config.showDocNav ?? true
         store.showDocTrail = config.showDocTrail ?? true
         store.allowDocWrite = config.allowDocWrite ?? false
         store.allowDocReload = config.allowDocReload ?? false

package/core/pages/Documentation.vue

@@ -212,22 +212,23 @@ onMounted(() => {
       <span class="fw-bold m-1">Current: <span>{{ local.currentPath }}</span> </span>
     </div>
 
-    <div class="row markdown-header align-items-center" v-if="storeMain.showDocReload">
-      <div class="col-auto" v-if="local.currentPath !== local.homepage">
-        <button class="btn btn-primary" @click="goToHomePage()" :title="local.homepage">
-          <i class="fa-solid fa-house"></i> Home Page
-        </button>
+    <div class="row markdown-header align-items-center" v-if="storeMain.showDocNav">
+      <div class="col-auto" v-if="local.currentPath !== props.homepage">
+        <ExecButton icon="fa-house me-1" class="btn btn-primary btn-sm" :title="props.homepage" :callback="() => goToHomePage()"
+                    >
+          Home Page
+        </ExecButton>
       </div>
 
       <div class="col"></div>
 
       <div class="col-auto">
-        <ExecButton icon="fa-arrow-left me-1" :callback="() => router.push(`${props.routerPath}${local.previousPath}`)"
+        <ExecButton icon="fa-arrow-left me-1"  class="btn btn-primary btn-sm" :callback="() => router.push(`${props.routerPath}${local.previousPath}`)"
           v-if="local.currentPath !== local.previousPath">
           {{ local.previousPath }}
         </ExecButton>
       </div>
-      <div class="col-auto" >
+      <div class="col-auto" v-if="storeMain.allowDocWrite">
         <x-toggle k="HTML" v-model="local.isHTMLVisible"></x-toggle>
       </div>
       <div class="col-auto" v-if="storeMain.allowDocWrite">
@@ -248,7 +249,10 @@ onMounted(() => {
           </div>
           <div class="col" :class="{'is-dirty': local.isDirty}" v-if="local.isEditVisible">
 
-            <ExecButton class="btn btn-primary btn-sm mt-1" icon="fa-floppy-disk" :callback="() => saveMarkdown()" :disabled="!local.isDirty"  v-if="registry?.store?.context?.accessLevel <= 500">
+            <ExecButton class="btn btn-primary btn-sm mt-1" icon="fa-floppy-disk"
+                        :callback="() => saveMarkdown()"
+                        :disabled="!local.isDirty"
+                        v-if="registry?.store?.context?.accessLevel <= 500">
             </ExecButton>
 
             <v-ace-editor v-model="local.markdownText" lang="markdown" theme="twilight"

package/index-cdn.html

@@ -66,15 +66,14 @@
   import { createConfig } from 'https://cdn.jsdelivr.net/npm/c0ckp1t@latest/Config.mjs'
 
   const config = createConfig({
+    vueRouterModeIsHash: true,
     appEndpoint: "https://cdn.jsdelivr.net/npm/c0ckp1t@latest",
     routePrefix: "https://cdn.jsdelivr.net/npm/c0ckp1t@latest",
     componentPrefix: "https://cdn.jsdelivr.net/npm/c0ckp1t@latest",
     appMainComponent: "https://cdn.jsdelivr.net/npm/c0ckp1t@latest/core/PageMain.vue",
   })
   initLogger(config)
-  console.log(config)
   await apiMain.init("app-default", config)
-
 </script>
 
 <script src="https://cdn.jsdelivr.net/npm/c0ckp1t@latest/js_ext/bootstrap.bundle.min.js"></script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "c0ckp1t",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "A Vue 3 zero-build web dashboard framework with Islands architecture, WebSocket backends, and reusable UI components",
   "type": "module",
   "license": "Apache-2.0",