@commonpub/layer 0.21.6 → 0.21.8

package/components/contest/ContestHero.vue

@@ -139,8 +139,11 @@ const isEnded = computed(() => c.value?.status === 'completed' || c.value?.statu
   --hero-bg: var(--text);
   --hero-text: var(--color-text-inverse);
   --hero-text-dim: var(--text-faint);
-  --hero-border: rgba(255, 255, 255, 0.15);
-  --hero-surface: rgba(255, 255, 255, 0.06);
+  /* Alpha of the hero foreground so the structure lines/surfaces track
+     the inverted hero in both themes (white-on-dark in light mode,
+     dark-on-light in dark mode) instead of vanishing white-on-white. */
+  --hero-border: color-mix(in srgb, var(--hero-text) 18%, transparent);
+  --hero-surface: color-mix(in srgb, var(--hero-text) 7%, transparent);
   position: relative; overflow: hidden; background: var(--hero-bg); padding: 56px 0 48px;
 }
 .cpub-hero-pattern { position: absolute; inset: 0; }

package/components/views/ProjectView.vue

@@ -227,7 +227,10 @@ const tocActiveId = ref('');
 function scrollToHeading(id: string): void {
   const el = document.getElementById(id);
   if (el) {
-    el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    // CSS scroll-behavior is reduced-motion-gated in base.css, but the JS
+    // smooth option ignores that — honour the preference explicitly.
+    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    el.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'start' });
     tocActiveId.value = id;
   }
 }

package/composables/useFeatures.ts

@@ -25,6 +25,7 @@ export interface FeatureFlags {
   admin: boolean;
   emailNotifications: boolean;
   publicApi: boolean;
+  contentImport: boolean;
   /**
    * Cross-instance delegated authorization. All sub-flags default false.
    * Mirrors `@commonpub/config`'s `IdentityFeatures`. Phase 1b+ — see
@@ -44,7 +45,7 @@ export const DEFAULT_FLAGS: FeatureFlags = {
   content: true, social: true, hubs: true, docs: true, video: true,
   contests: false, events: false, learning: true, explainers: true,
   editorial: true, federation: false, admin: false, emailNotifications: false,
-  publicApi: false,
+  publicApi: false, contentImport: true,
   identity: {
     linkRemoteAccounts: false,
     signInWithRemote: false,
@@ -118,6 +119,7 @@ export function useFeatures() {
     admin: computed(() => flags.value.admin),
     emailNotifications: computed(() => flags.value.emailNotifications),
     publicApi: computed(() => flags.value.publicApi),
+    contentImport: computed(() => flags.value.contentImport),
     identity: computed(() => flags.value.identity),
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.21.6",
+  "version": "0.21.8",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -50,16 +50,16 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
+    "@commonpub/auth": "0.6.0",
     "@commonpub/docs": "0.6.3",
-    "@commonpub/config": "0.12.0",
     "@commonpub/learning": "0.5.2",
-    "@commonpub/auth": "0.6.0",
-    "@commonpub/explainer": "0.7.12",
     "@commonpub/schema": "0.16.0",
     "@commonpub/editor": "0.7.9",
-    "@commonpub/protocol": "0.9.10",
-    "@commonpub/server": "2.53.1",
-    "@commonpub/ui": "0.8.5"
+    "@commonpub/protocol": "0.10.0",
+    "@commonpub/ui": "0.8.5",
+    "@commonpub/explainer": "0.7.13",
+    "@commonpub/server": "2.54.0",
+    "@commonpub/config": "0.13.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

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

@@ -1229,7 +1229,7 @@ async function createVersion(): Promise<void> {
   position: fixed;
   inset: 0;
   z-index: 10000;
-  background: rgba(0, 0, 0, 0.5);
+  background: var(--color-surface-overlay, rgba(0, 0, 0, 0.5));
   display: flex;
   align-items: flex-start;
   justify-content: center;
@@ -1402,7 +1402,7 @@ async function createVersion(): Promise<void> {
 }
 
 .cpub-settings-danger {
-  background: rgba(224, 64, 48, 0.03);
+  background: var(--red-bg);
 }
 
 .cpub-settings-danger .cpub-settings-section-title {
@@ -1410,7 +1410,7 @@ async function createVersion(): Promise<void> {
 }
 
 .cpub-settings-danger-text {
-  font-size: 12px;
+  font-size: var(--text-xs);
   color: var(--text-dim);
   margin-bottom: 10px;
 }

package/server/api/content/import.post.ts

@@ -7,6 +7,7 @@ const importBodySchema = z.object({
 });
 
 export default defineEventHandler(async (event): Promise<ImportResult> => {
+  requireFeature('contentImport');
   requireAuth(event);
 
   const { url } = await parseBody(event, importBodySchema);