@bagelink/blox 1.15.360 → 1.15.362

package/README.md

@@ -1,61 +1,42 @@
 # @bagelink/blox
 
-Blox is a Vue 3 library for building drag-and-drop page builders and managing static data for web applications. It provides a complete solution for creating external preview systems and rendering dynamic page content.
-
-## Features
-
-- 🎨 **Page Builder Integration** - Full support for drag-and-drop page building
-- 📄 **Static Page Management** - Manage JSON-based static page data
-- 🔌 **Component Registry** - Flexible component registration system
-- 📡 **Communication System** - Built-in messaging for builder-preview communication
-- 🎯 **Type-Safe** - Full TypeScript support
-- 🖼️ **Base Components** - Pre-built components (Button, Text, Image, etc.)
-- 📱 **Responsive** - Mobile and desktop support
+Blox provides Vue components, routing, previews, and static generation for
+Bagelink websites.
 
 ## Installation
 
 ```bash
-npm install @bagelink/blox
-# or
-pnpm add @bagelink/blox
-# or
-yarn add @bagelink/blox
+pnpm add @bagelink/blox @bagelink/vue vue vue-router
 ```
 
-# @bagelink/blox
-
-Blox is a Vue 3 library for building drag-and-drop page builders and managing static data for web applications. It provides a complete solution for creating external preview systems and rendering dynamic page content.
-
-## Features
+## CSS
 
-- 🎨 **Page Builder Integration** - Full support for drag-and-drop page building
-- 📄 **Static Page Management** - Manage JSON-based static page data
-- 🔌 **Component Registry** - Flexible component registration system
-- 📡 **Communication System** - Built-in messaging for builder-preview communication
-- 🎯 **Type-Safe** - Full TypeScript support
-- 🖼️ **Base Components** - Pre-built components (Button, Text, Image, etc.)
-- 📱 **Responsive** - Mobile and desktop support
+Every Blox website must import these two stylesheets once, from its client
+entry (`src/main.ts`), before project styles:
 
-## Installation
-
-```bash
-npm install @bagelink/blox vue-router
-# or
-pnpm add @bagelink/blox vue-router
-# or
-yarn add @bagelink/blox vue-router
+```ts
+import '@bagelink/vue/styles/core.css'
+import '@bagelink/blox/style.css'
+import './styles/main.css'
 ```
 
-## Quick Start (Recommended)
+Use `@bagelink/vue/styles/admin.css` instead of `core.css` only for admin
+applications that need the Bagel font pack.
+
+Do not import `@bagelink/vue/dist/style.css` or
+`@bagelink/blox/dist/style.css`; those internal paths are retained only for
+existing projects. Import the same entries in local development and CI so a
+source alias cannot hide a package-export problem.
 
-The simplest way to set up Blox in your Vue application:
+## Quick Start
 
 ```typescript
 // main.ts
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
 import { createBlox, ButtonConfig, TextConfig, TitleConfig } from '@bagelink/blox'
-import '@bagelink/blox/dist/blox.css'
+import '@bagelink/vue/styles/core.css'
+import '@bagelink/blox/style.css'
 
 import App from './App.vue'
 

package/dist/createBloxApp.d.ts

@@ -115,8 +115,8 @@ export interface BloxAppResult {
  * import router from './router'
  * import { createApi, axios } from '@shared/api'
  *
- * import '@bagelink/vue/dist/style.css'
- * import '@bagelink/blox/dist/style.css'
+ * import '@bagelink/vue/styles/core.css'
+ * import '@bagelink/blox/style.css'
  *
  * const blocks = import.meta.glob('./components/blocks/*.vue', { eager: true })
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/blox",
   "type": "module",
-  "version": "1.15.360",
+  "version": "1.15.362",
   "description": "Blox page builder library for drag-and-drop page building and static data management",
   "author": {
     "name": "Bagel Studio",
@@ -30,7 +30,10 @@
   "bin": {
     "blox-ssg": "./dist/ssg/cli.mjs"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.vue"
+  ],
   "exports": {
     "./package.json": "./package.json",
     "./vite": {
@@ -62,6 +65,7 @@
       "types": "./dist/utils/styles.d.ts",
       "import": "./dist/utils/styles.mjs"
     },
+    "./style.css": "./dist/style.css",
     "./dist/style.css": "./dist/style.css"
   },
   "main": "./dist/index.cjs",