@commonpub/layer 0.7.2 → 0.7.4

package/pages/authorize_interaction.vue

@@ -174,7 +174,7 @@ useSeoMeta({
   margin-bottom: 20px;
   padding: 8px;
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
 }
 .cpub-authorize-success {
   color: var(--green, #22c55e);

package/pages/docs/[siteSlug]/edit.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { BlockTuple } from '@commonpub/editor';
-import type { BlockTypeGroup } from '../../../components/editors/BlockPicker.vue';
+import { BlockCanvas, EditorShell, useBlockEditor, type BlockTypeGroup } from '@commonpub/editor/vue';
 import type { PageTreeItem } from '../../../components/editors/DocsPageTree.vue';
 
 definePageMeta({ layout: false, middleware: 'auth' });
@@ -489,7 +489,7 @@ async function createVersion(): Promise<void> {
     </div>
 
     <!-- 3-panel editor -->
-    <EditorsEditorShell :show-left-sidebar="true" :show-right-sidebar="!!selectedPageId">
+    <EditorShell :show-left-sidebar="true" :show-right-sidebar="!!selectedPageId">
       <!-- LEFT: Page tree -->
       <template #left>
         <div class="cpub-docs-left-header">
@@ -543,7 +543,7 @@ async function createVersion(): Promise<void> {
           </div>
 
           <!-- Block canvas -->
-          <EditorsBlockCanvas
+          <BlockCanvas
             :block-editor="blockEditor"
             :block-types="blockTypes"
           />
@@ -649,7 +649,7 @@ async function createVersion(): Promise<void> {
           </span>
         </span>
       </template>
-    </EditorsEditorShell>
+    </EditorShell>
 
     <!-- Markdown import dialog -->
     <EditorsMarkdownImportDialog

package/pages/federated-hubs/[id]/index.vue

@@ -506,7 +506,7 @@ async function handlePostVote(postId: string): Promise<void> {
 
 <style scoped>
 /* Federation indicator (inside hero banner) */
-.cpub-fed-indicator { background: var(--accent-bg); border-bottom: 1px solid var(--accent-border); }
+.cpub-fed-indicator { background: var(--accent-bg); border-bottom: var(--border-width-default) solid var(--accent-border); }
 .cpub-fed-indicator {
   padding: 6px 24px;
   display: flex; align-items: center; gap: 8px;
@@ -531,7 +531,7 @@ async function handlePostVote(postId: string): Promise<void> {
 }
 .cpub-compose-type-btn {
   font-size: 11px; font-weight: 600; padding: 4px 10px;
-  border: 1px solid var(--border); background: var(--surface2);
+  border: var(--border-width-default) solid var(--border); background: var(--surface2);
   color: var(--text-dim); cursor: pointer;
   display: flex; align-items: center; gap: 4px;
 }
@@ -540,7 +540,7 @@ async function handlePostVote(postId: string): Promise<void> {
 }
 .cpub-compose-row { display: flex; gap: 8px; align-items: center; }
 .cpub-compose-input {
-  flex: 1; background: var(--surface2); border: 1px solid var(--border);
+  flex: 1; background: var(--surface2); border: var(--border-width-default) solid var(--border);
   padding: 10px 14px; font-size: 0.8125rem;
   color: var(--text); font-family: inherit;
 }
@@ -574,7 +574,7 @@ async function handlePostVote(postId: string): Promise<void> {
 .cpub-shared-card-type {
   font-size: 9px; font-family: var(--font-mono); text-transform: uppercase;
   letter-spacing: 0.08em; color: var(--accent); background: var(--accent-bg);
-  border: 1px solid var(--accent-border); padding: 2px 6px;
+  border: var(--border-width-default) solid var(--accent-border); padding: 2px 6px;
   display: inline-block; margin-bottom: 6px;
 }
 .cpub-shared-card-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
@@ -623,7 +623,7 @@ async function handlePostVote(postId: string): Promise<void> {
   display: inline-flex; align-items: center; gap: 4px;
   font-size: 0.6875rem; font-weight: 600;
   color: var(--accent); background: var(--accent-bg);
-  padding: 4px 12px; border: 1px solid var(--accent-border);
+  padding: 4px 12px; border: var(--border-width-default) solid var(--accent-border);
 }
 
 /* Sidebar */
@@ -646,7 +646,7 @@ async function handlePostVote(postId: string): Promise<void> {
   font-size: 12px; color: var(--text-dim); line-height: 1.5;
   padding: 6px 0;
 }
-.cpub-rule-item + .cpub-rule-item { border-top: 1px solid var(--border2); }
+.cpub-rule-item + .cpub-rule-item { border-top: var(--border-width-default) solid var(--border2); }
 .cpub-rule-num {
   font-family: var(--font-mono); font-size: 10px; font-weight: 700;
   color: var(--accent); flex-shrink: 0; width: 18px; text-align: center;

package/pages/federated-hubs/[id]/posts/[postId].vue

@@ -243,7 +243,7 @@ useHead({
 <style scoped>
 .cpub-post-page { max-width: 800px; margin: 0 auto; padding: 0 16px 40px; }
 
-.cpub-fed-banner { background: var(--accent-bg); border-bottom: 1px solid var(--accent-border); margin: 0 -16px 16px; }
+.cpub-fed-banner { background: var(--accent-bg); border-bottom: var(--border-width-default) solid var(--accent-border); margin: 0 -16px 16px; }
 .cpub-fed-banner-inner {
   max-width: 800px; margin: 0 auto; padding: 8px 16px;
   display: flex; align-items: center; gap: 8px;
@@ -280,7 +280,7 @@ useHead({
   display: inline-block; padding: 2px 8px; font-family: var(--font-mono);
   font-size: 10px; font-weight: 600; text-transform: uppercase;
   letter-spacing: 0.05em; color: var(--accent); background: var(--accent-bg);
-  border: 1px solid var(--accent-border);
+  border: var(--border-width-default) solid var(--accent-border);
 }
 
 .cpub-post-content {
@@ -297,7 +297,7 @@ useHead({
 
 .cpub-post-avatar {
   width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;
-  background: var(--surface2); border: 1px solid var(--border);
+  background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-family: var(--font-mono); font-size: 10px; font-weight: 700; color: var(--text-dim);
   overflow: hidden;
 }
@@ -313,7 +313,7 @@ useHead({
 .cpub-post-action-btn {
   display: inline-flex; align-items: center; gap: 4px;
   font-size: 12px; color: var(--text-faint); background: none; border: none; cursor: pointer;
-  padding: 4px 8px; border: 1px solid var(--border); transition: all 0.1s;
+  padding: 4px 8px; border: var(--border-width-default) solid var(--border); transition: all 0.1s;
 }
 .cpub-post-action-btn:hover:not(:disabled) { color: var(--accent); border-color: var(--accent-border); }
 .cpub-post-action-btn.active { color: var(--red); border-color: var(--red); }
@@ -354,7 +354,7 @@ useHead({
 
 .cpub-reply-avatar {
   width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;
-  background: var(--surface2); border: 1px solid var(--border);
+  background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-dim);
   overflow: hidden;
 }

package/pages/hubs/[slug]/index.vue

@@ -422,7 +422,7 @@ async function onRefreshGallery(): Promise<void> {
 /* Compose bar */
 .cpub-compose-bar {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 12px;
   padding: 12px 14px;
   margin-bottom: 16px;
@@ -441,7 +441,7 @@ async function onRefreshGallery(): Promise<void> {
   letter-spacing: 0.04em;
   padding: 4px 10px;
   background: none;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 6px;
   color: var(--text-faint);
   cursor: pointer;
@@ -458,7 +458,7 @@ async function onRefreshGallery(): Promise<void> {
 .cpub-compose-input {
   flex: 1;
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 8px;
   padding: 10px 14px;
   font-size: 0.8125rem;
@@ -466,7 +466,7 @@ async function onRefreshGallery(): Promise<void> {
   cursor: pointer;
 }
 
-.cpub-post-error { font-size: 0.75rem; color: var(--red); background: var(--red-bg); border: 1px solid var(--red-border); border-radius: 8px; padding: 8px 12px; margin-bottom: 12px; }
+.cpub-post-error { font-size: 0.75rem; color: var(--red); background: var(--red-bg); border: var(--border-width-default) solid var(--red-border); border-radius: 8px; padding: 8px 12px; margin-bottom: 12px; }
 
 /* Member badge */
 .cpub-member-badge {
@@ -478,7 +478,7 @@ async function onRefreshGallery(): Promise<void> {
   color: var(--green);
   background: var(--green-bg);
   padding: 4px 12px;
-  border: 1px solid var(--green-border);
+  border: var(--border-width-default) solid var(--green-border);
   border-radius: 20px;
 }
 
@@ -488,7 +488,7 @@ async function onRefreshGallery(): Promise<void> {
 
 .cpub-mod-avatar {
   width: 32px; height: 32px; border-radius: 50%;
-  background: var(--accent-bg); border: 1px solid var(--accent-border);
+  background: var(--accent-bg); border: var(--border-width-default) solid var(--accent-border);
   display: flex; align-items: center; justify-content: center;
   font-size: 11px; font-weight: 600; color: var(--accent); flex-shrink: 0;
   overflow: hidden;

package/pages/hubs/[slug]/posts/[postId].vue

@@ -320,7 +320,7 @@ useSeoMeta({
   display: inline-block; padding: 2px 8px; font-family: var(--font-mono);
   font-size: 10px; font-weight: 600; text-transform: uppercase;
   letter-spacing: 0.05em; color: var(--accent); background: var(--accent-bg);
-  border: 1px solid var(--accent-border);
+  border: var(--border-width-default) solid var(--accent-border);
 }
 
 .cpub-post-locked { font-size: 11px; color: var(--text-faint); }
@@ -352,7 +352,7 @@ useSeoMeta({
 
 .cpub-post-avatar {
   width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;
-  background: var(--surface2); border: 1px solid var(--border);
+  background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-family: var(--font-mono); font-size: 10px; font-weight: 700; color: var(--text-dim);
   overflow: hidden;
 }
@@ -368,14 +368,14 @@ useSeoMeta({
 .cpub-post-action-btn {
   display: inline-flex; align-items: center; gap: 4px;
   font-size: 12px; color: var(--text-faint); background: none; border: none; cursor: pointer;
-  padding: 4px 8px; border: 1px solid var(--border); transition: all 0.1s;
+  padding: 4px 8px; border: var(--border-width-default) solid var(--border); transition: all 0.1s;
 }
 .cpub-post-action-btn:hover:not(:disabled) { color: var(--accent); border-color: var(--accent-border); }
 .cpub-post-action-btn.active { color: var(--red); border-color: var(--red); }
 .cpub-post-action-btn:disabled { opacity: 0.5; cursor: default; }
 
 .cpub-post-mod-bar {
-  margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border);
+  margin-top: 12px; padding-top: 12px; border-top: var(--border-width-default) solid var(--border);
   display: flex; gap: 6px;
 }
 
@@ -400,7 +400,7 @@ useSeoMeta({
 .cpub-reply-input:focus { outline: none; border-color: var(--accent); }
 
 .cpub-post-locked-notice {
-  padding: 12px 16px; background: var(--surface2); border: 1px solid var(--border);
+  padding: 12px 16px; background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-size: 12px; color: var(--text-faint); margin-bottom: 16px; text-align: center;
 }
 
@@ -420,7 +420,7 @@ useSeoMeta({
 
 .cpub-reply-avatar {
   width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;
-  background: var(--surface2); border: 1px solid var(--border);
+  background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-dim);
   overflow: hidden;
 }

package/pages/hubs/index.vue

@@ -170,7 +170,7 @@ function hubLink(hub: Record<string, unknown>): string {
   align-items: center;
   gap: 14px;
   padding-top: 10px;
-  border-top: 1px solid var(--border2);
+  border-top: var(--border-width-default) solid var(--border2);
 }
 
 .cpub-hub-card-stat {
@@ -190,7 +190,7 @@ function hubLink(hub: Record<string, unknown>): string {
   letter-spacing: 0.08em;
   color: var(--accent);
   background: var(--accent-bg);
-  border: 1px solid var(--accent-border);
+  border: var(--border-width-default) solid var(--accent-border);
   padding: 2px 6px;
 }
 

package/pages/mirror/[id].vue

@@ -132,7 +132,7 @@ useSeoMeta({
 
 <style scoped>
 .cpub-fed-banner {
-  background: var(--accent-bg); border-bottom: 1px solid var(--accent-border);
+  background: var(--accent-bg); border-bottom: var(--border-width-default) solid var(--accent-border);
 }
 .cpub-fed-banner-inner {
   max-width: 1200px; margin: 0 auto; padding: 8px 24px;
@@ -161,7 +161,7 @@ useSeoMeta({
 .cpub-mirror-cover { width: 100%; max-height: 400px; object-fit: cover; margin-bottom: 20px; }
 .cpub-mirror-title { font-size: 2rem; font-weight: 800; line-height: 1.2; margin-bottom: 12px; }
 .cpub-mirror-desc { font-size: 1.0625rem; color: var(--text-dim); line-height: 1.6; margin-bottom: 16px; }
-.cpub-mirror-author { font-size: 0.875rem; color: var(--text-dim); margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 12px; }
+.cpub-mirror-author { font-size: 0.875rem; color: var(--text-dim); margin-bottom: 24px; padding-bottom: 16px; border-bottom: var(--border-width-default) solid var(--border); display: flex; align-items: flex-start; gap: 12px; }
 .cpub-mirror-author-avatar { width: 40px; height: 40px; object-fit: cover; border: var(--border-width-default) solid var(--border); flex-shrink: 0; }
 .cpub-mirror-bio { font-size: 0.8125rem; color: var(--text-faint); line-height: 1.5; margin-top: 4px; }
 .cpub-mirror-bio :deep(a) { color: var(--accent); }

package/pages/u/[username]/[type]/[slug]/edit.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { Component } from 'vue';
 import type { BlockTuple } from '@commonpub/editor';
+import { BlockCanvas, useBlockEditor } from '@commonpub/editor/vue';
 import { isExplainerDocument, createEmptyDocument } from '@commonpub/explainer';
 import type { ExplainerDocument } from '@commonpub/explainer';
 import { ExplainerSectionEditor } from '@commonpub/explainer/vue';
@@ -434,7 +435,7 @@ async function handleUrlImport(result: ImportedContent): Promise<void> {
     <!-- Write mode — fallback generic editor -->
     <div v-else-if="mode === 'write'" class="cpub-editor-shell">
       <div class="cpub-editor-canvas">
-        <EditorsBlockCanvas :block-editor="blockEditor" :block-types="[]" />
+        <BlockCanvas :block-editor="blockEditor" :block-types="[]" />
       </div>
     </div>
 

package/server/api/docs/[siteSlug]/search.get.ts

@@ -7,6 +7,7 @@ const searchQuerySchema = z.object({
 
 export default defineEventHandler(async (event) => {
   const db = useDB();
+  const config = useConfig();
   const { siteSlug } = parseParams(event, { siteSlug: 'string' });
   const query = parseQueryParams(event, searchQuerySchema);
 
@@ -16,5 +17,5 @@ export default defineEventHandler(async (event) => {
   const version = result.versions?.find((v) => v.isDefault) ?? result.versions?.[0];
   if (!version) return [];
 
-  return searchDocsPages(db, result.site.id, version.id, query.q ?? '');
+  return searchDocsPages(db, result.site.id, version.id, query.q ?? '', config.docs.searchLanguage);
 });

package/theme/components.css

@@ -54,7 +54,7 @@
   font-size: var(--text-xs, 12px);
   font-family: var(--font-mono);
   padding: 2px 8px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--text-dim);
   background: var(--surface2);
 }
@@ -92,7 +92,7 @@
   font-family: var(--font-mono);
   margin-bottom: 12px;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-thin) solid var(--border2);
 }
 
 /* ─── SECTION HEADERS ─── */

package/theme/layouts.css

@@ -145,7 +145,7 @@
 .cpub-sidebar-section {
   margin-bottom: var(--space-6);
   padding-bottom: var(--space-6);
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-thin) solid var(--border2);
 }
 
 .cpub-sidebar-section:last-child {
@@ -261,7 +261,7 @@
   padding: 2px 8px;
   font-size: var(--text-xs);
   font-weight: var(--font-weight-medium);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   background: var(--surface2);
   color: var(--text-dim);
   font-family: var(--font-mono);

package/theme/prose.css

@@ -54,7 +54,7 @@
 .cpub-prose a {
   color: var(--accent);
   text-decoration: none;
-  border-bottom: 1px solid var(--accent-border);
+  border-bottom: var(--border-width-thin) solid var(--accent-border);
 }
 
 .cpub-prose a:hover {
@@ -68,7 +68,7 @@
   color: var(--teal);
   background: var(--surface2);
   padding: 2px 6px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-thin) solid var(--border2);
 }
 
 /* Code blocks */
@@ -308,7 +308,7 @@
   text-align: center;
   padding: var(--space-4);
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-thin) solid var(--border2);
   font-size: var(--text-lg);
 }
 
@@ -327,7 +327,7 @@
 .cpub-prose th,
 .cpub-prose td {
   padding: var(--space-2) var(--space-3);
-  border: 1px solid var(--border2);
+  border: var(--border-width-thin) solid var(--border2);
   text-align: left;
 }