@shelamkoff/rector 1.0.0 → 1.0.2

package/dist/renderer/renderers/carousel/index.js

@@ -9,28 +9,27 @@ import {
   createSwipe,
   createThumbnails,
 } from '@shelamkoff/carousel'
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { normalizeCarouselData } from '../../../shared/carouselData.js'
 import { setSanitizedRawHtml } from '../../../shared/sanitize/sanitizeRawHtml.js'
 import { setSafeUrlAttribute } from '../../../shared/sanitize/sanitizeUrl.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
-/**
- * Create the mixed-media carousel renderer and own its Carousel instances.
- * @param {string} classPrefix
- * @param {Record<string, import('../../../shared/localeTypes').LocaleValue>} locale
- * @returns {import('../../types').BlockRenderer<import('../../types').CarouselBlock>}
- */
-export function createCarouselRenderer(classPrefix, locale) {
+/**
+ * Create the mixed-media carousel renderer and own its Carousel instances.
+ * @param {string} classPrefix
+ * @param {Record<string, import('../../../shared/localeTypes').LocaleValue>} locale
+ * @returns {import('../../types').BlockRenderer<import('../../types').CarouselBlock>}
+ */
+export function createCarouselRenderer(classPrefix, locale) {
   const p = `${classPrefix}-carousel-block`
   /** @type {WeakMap<HTMLElement, Carousel>} */
-  const instances = new WeakMap()
-  /** @param {string} key @param {string} fallback */
-  const t = (key, fallback) => {
-    const value = locale[`renderer.carousel.${key}`]
-    return typeof value === 'string' ? value : fallback
-  }
+  const instances = new WeakMap()
+  /** @param {string} key @param {string} fallback */
+  const t = (key, fallback) => {
+    const value = locale[`renderer.carousel.${key}`]
+    return typeof value === 'string' ? value : fallback
+  }
 
   return {
     type: 'carousel',
@@ -42,10 +41,11 @@ export function createCarouselRenderer(classPrefix, locale) {
       root.className = p
       root.setAttribute('aria-label', t('label', 'Content carousel'))
       if (data.options.aspectRatio && data.options.aspectRatio !== 'auto') {
+        root.classList.add(`${p}--fixed-ratio`)
         root.style.aspectRatio = data.options.aspectRatio
       }
 
-      const slides = data.slides.map(slide => {
+      const slides = data.slides.map(slide => {
         const content = () => {
           const figure = document.createElement('figure')
           figure.className = `${p}__slide`
@@ -81,14 +81,14 @@ export function createCarouselRenderer(classPrefix, locale) {
           ...(slide.type === 'image' && slide.src ? { thumb: slide.src } : {}),
           ...(slide.type === 'video' && slide.poster ? { thumb: slide.poster } : {}),
           meta: { id: slide.id, type: slide.type },
-        }
-      })
-
-      // Preserve mode may intentionally pass a normalized empty carousel.
-      // Avoid constructing a runtime instance with no navigable slides.
-      if (!slides.length) return root
-
-      const plugins = [createKeyboard({ scope: 'container' }), createSwipe({ mouse: true })]
+        }
+      })
+
+      // Preserve mode may intentionally pass a normalized empty carousel.
+      // Avoid constructing a runtime instance with no navigable slides.
+      if (!slides.length) return root
+
+      const plugins = [createKeyboard({ scope: 'container' }), createSwipe({ mouse: true })]
       if (data.options.navigation) plugins.push(createArrows())
       if (data.options.pagination) plugins.push(createDots())
       if (data.options.thumbnails) plugins.push(createThumbnails())

package/dist/renderer/renderers/carousel/styles.css

@@ -1,7 +1,13 @@
 .editor-carousel-block { position: relative; width: 100%; }
-.editor-carousel-block .carousel__viewport { border-radius: var(--er-radius); background: var(--er-surface); }
+.editor-carousel-block .carousel__viewport { border-radius: var(--er-radius); }
 .editor-carousel-block__slide { display: grid; place-items: center; box-sizing: border-box; width: 100%; min-height: 16rem; margin: 0; }
-.editor-carousel-block__slide img, .editor-carousel-block__slide video { display: block; width: 100%; height: 100%; max-height: 36rem; object-fit: contain; }
+.editor-carousel-block__slide img, .editor-carousel-block__slide video { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; }
+.editor-carousel-block--fixed-ratio .carousel__viewport { height: 100%; background: var(--er-surface); }
+.editor-carousel-block--fixed-ratio .carousel,
+.editor-carousel-block--fixed-ratio .carousel__track,
+.editor-carousel-block--fixed-ratio .editor-carousel-block__slide { height: 100%; min-height: 0; }
+.editor-carousel-block--fixed-ratio .editor-carousel-block__slide img,
+.editor-carousel-block--fixed-ratio .editor-carousel-block__slide video { height: 100%; max-height: 100%; object-fit: contain; }
 .editor-carousel-block__html { box-sizing: border-box; width: 100%; padding: 1rem; }
 .editor-carousel-block figcaption { box-sizing: border-box; width: 100%; padding: .625rem .875rem; color: var(--er-text-2); font-size: .8125rem; text-align: center; }
 .editor-carousel-block .carousel__arrow:focus-visible, .editor-carousel-block .carousel__dot:focus-visible, .editor-carousel-block .carousel__thumb:focus-visible { outline: 2px solid var(--er-accent); outline-offset: 2px; }

package/dist/renderer/renderers/checklist/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapChecklistTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /**
  * Checklist block renderer

package/dist/renderer/renderers/code/index.js

@@ -5,9 +5,8 @@ import {
     loadHighlightRuntime,
 } from '../../../shared/highlightRuntime.js'
 import { escapeHtml } from '../../../shared/sanitize/escapeHtml.js'
-import { resolvePath } from '../../../shared/resolvePath.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 
 /**

package/dist/renderer/renderers/columns/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapColumnsTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /** @type {Record<string, string>} */
 const LAYOUT_GRIDS = {

package/dist/renderer/renderers/delimiter/index.js

@@ -1,7 +1,6 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /**
  * Delimiter block renderer

package/dist/renderer/renderers/embed/index.js

@@ -1,8 +1,7 @@
 // @ts-check
 import { buildPlayer } from '../../../shared/embedPlayer.js'
-import { resolvePath } from '../../../shared/resolvePath.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 const ICON_PLAY = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4v16a1 1 0 0 0 1.524 .852l13 -8a1 1 0 0 0 0 -1.704l-13 -8a1 1 0 0 0 -1.524 .852z" stroke-width="0" fill="currentColor"/></svg>`
 

package/dist/renderer/renderers/gallery/index.js

@@ -10,10 +10,9 @@ import {
   createFullscreen,
   exposeStylesUrl,
 } from '@shelamkoff/expose'
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { setSafeUrlAttribute } from '../../../shared/sanitize/sanitizeUrl.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 const exposeStyles = exposeStylesUrl
 
 const MAX_VISIBLE = 6

package/dist/renderer/renderers/heading/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapHeadingTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /**
  * Heading block renderer for the Rector document format.

package/dist/renderer/renderers/image/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { setSafeUrlAttribute } from '../../../shared/sanitize/sanitizeUrl.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /**
  * Apply user-configured inline styles to the image and figure.

package/dist/renderer/renderers/link-preview/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { sanitizeUrl, setSafeUrlAttribute } from '../../../shared/sanitize/sanitizeUrl.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 // Tabler icon: external-link
 const ICON_EXTERNAL = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6h-6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6"/><path d="M11 13l9-9"/><path d="M15 4h5v5"/></svg>`

package/dist/renderer/renderers/list/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapListTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /**
  * List block renderer for the Rector document format.

package/dist/renderer/renderers/paragraph/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapParagraphTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /**
  * Paragraph block renderer for the Rector document format.

package/dist/renderer/renderers/person/index.js

@@ -1,9 +1,8 @@
 // @ts-check
 import { Carousel, createSwipe, carouselStylesUrl } from '@shelamkoff/carousel'
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { setSafeUrlAttribute } from '../../../shared/sanitize/sanitizeUrl.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 const carouselStyles = carouselStylesUrl
 
 const ICON_LEFT = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6l-6 6l6 6"/></svg>'

package/dist/renderer/renderers/poll/index.js

@@ -1,5 +1,4 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import {
   applyLocalPollVote,
   normalizePollData,
@@ -8,7 +7,7 @@ import {
 } from '../../../shared/pollData.js'
 import { setSafeUrlAttribute } from '../../../shared/sanitize/sanitizeUrl.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /**
  * Interactive poll renderer. Author configuration stays in the document;

package/dist/renderer/renderers/quote/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapQuoteTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 // Tabler icon: quote
 const ICON_QUOTE = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"/></svg>`

package/dist/renderer/renderers/spoiler/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapSpoilerTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 // Tabler icon: eye-off
 const ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.585 10.587a2 2 0 0 0 2.829 2.828"/><path d="M16.681 16.673a8.717 8.717 0 0 1-4.681 1.327c-3.6 0-6.6-2-9-6 1.272-2.12 2.712-3.678 4.32-4.674m2.86-1.146a9.055 9.055 0 0 1 1.82-.18c3.6 0 6.6 2 9 6-.666 1.11-1.379 2.067-2.138 2.87"/><path d="M3 3l18 18"/></svg>'

package/dist/renderer/renderers/table/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapTableTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 /**
  * Table block renderer

package/dist/renderer/renderers/toggle/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapToggleTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 // Tabler icon: chevron-right
 const ICON_CHEVRON = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6l-6 6"/></svg>`

package/dist/renderer/renderers/warning/index.js

@@ -1,8 +1,7 @@
 // @ts-check
-import { resolvePath } from '../../../shared/resolvePath.js'
 import { mapWarningTextFields as mapTextFields } from '../../../shared/mapTextFields.js'
 
-const styles = resolvePath('./styles.css', import.meta.url)
+const styles = new URL('./styles.css', import.meta.url).href
 
 // Tabler icon: alert-triangle
 const ICON_WARNING = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9v4"/><path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87l-8.106-13.536a1.914 1.914 0 0 0-3.274 0z"/><path d="M12 16h.01"/></svg>`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shelamkoff/rector",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Extensible browser-native block editor with atomic history, versioned JSON, and document rendering",
   "type": "module",
   "sideEffects": [
@@ -46,14 +46,14 @@
       "types": "./dist/inline-tools/*.d.ts",
       "import": "./dist/inline-tools/*.js"
     },
-    "./renderer": {
-      "types": "./dist/renderer/index.d.ts",
-      "import": "./dist/renderer/index.js"
-    },
-    "./renderer/types": {
-      "types": "./dist/renderer/types.d.ts"
-    },
-    "./renderer/async": {
+    "./renderer": {
+      "types": "./dist/renderer/index.d.ts",
+      "import": "./dist/renderer/index.js"
+    },
+    "./renderer/types": {
+      "types": "./dist/renderer/types.d.ts"
+    },
+    "./renderer/async": {
       "types": "./dist/renderer/async.d.ts",
       "import": "./dist/renderer/async.js"
     },
@@ -78,39 +78,37 @@
     "./styles/themes/*": "./dist/core/themes/*.css",
     "./package.json": "./package.json"
   },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE",
-    "NOTICE",
-    "THIRD_PARTY_LICENSES.txt"
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "NOTICE",
+    "THIRD_PARTY_LICENSES.txt"
   ],
   "scripts": {
-    "build": "npm run docs:validate-readmes && node scripts/build-package.mjs",
+    "build": "npm run docs:validate-readmes && node scripts/build-package.mjs",
     "build:types": "node scripts/generate-declarations.mjs --out dist",
     "typecheck": "node node_modules/typescript/bin/tsc -p jsconfig.json",
-    "docs:validate-readmes": "node scripts/validate-extension-readmes.mjs",
-    "docs:sync": "npm run docs:validate-readmes && node scripts/sync-vitepress-readmes.mjs",
+    "docs:validate-readmes": "node scripts/validate-extension-readmes.mjs",
+    "docs:sync": "npm run docs:validate-readmes && node scripts/sync-vitepress-readmes.mjs",
     "docs:dev": "npm run docs:sync && vitepress dev docs --host 127.0.0.1",
     "docs:build": "npm run docs:sync && vitepress build docs",
     "docs:preview": "vitepress preview docs --host 127.0.0.1",
-    "docs:check": "npm run docs:build && node scripts/vitepress-docs-smoke.mjs && node scripts/vitepress-browser-smoke.mjs",
-    "test": "node --test",
-    "test:browser": "node tests/browser/run.mjs && node tests/browser/physical-history.mjs && node tests/browser/heap-gate.mjs",
-    "test:plugin-source": "node scripts/plugin-source-audit.mjs",
-    "test:plugin-locales": "node scripts/plugin-locale-audit.mjs",
-    "test:docs": "npm run docs:validate-readmes && npm run test:plugin-source && npm run test:plugin-locales && node scripts/documentation-contract-audit.mjs && node scripts/readme-smoke.mjs",
+    "docs:check": "npm run docs:build && node scripts/vitepress-docs-smoke.mjs && node scripts/vitepress-browser-smoke.mjs",
+    "test": "node --test",
+    "test:browser": "node tests/browser/run.mjs && node tests/browser/physical-history.mjs && node tests/browser/heap-gate.mjs",
+    "test:plugin-source": "node scripts/plugin-source-audit.mjs",
+    "test:plugin-locales": "node scripts/plugin-locale-audit.mjs",
+    "test:docs": "npm run docs:validate-readmes && npm run test:plugin-source && npm run test:plugin-locales && node scripts/documentation-contract-audit.mjs && node scripts/readme-smoke.mjs",
     "test:types": "node --test shared/declarationParity.test.js",
     "test:package": "node scripts/package-consumer-gate.mjs",
     "prepublishOnly": "npm run typecheck && npm test && npm run test:browser && npm run test:docs && npm run test:types && npm run test:package",
     "prepack": "npm run build"
   },
   "dependencies": {
-    "@shelamkoff/color-picker": "^1.0.0",
-    "@shelamkoff/event-bus": "^1.0.0"
-  },
-  "peerDependencies": {
     "@shelamkoff/carousel": "^1.0.0",
+    "@shelamkoff/color-picker": "^1.0.0",
+    "@shelamkoff/event-bus": "^1.0.0",
     "@shelamkoff/cropper": "^1.0.0",
     "@shelamkoff/expose": "^1.0.0"
   },
@@ -137,7 +135,7 @@
     "type": "git",
     "url": "git+https://github.com/Shelamkoff/editor.git"
   },
-  "homepage": "https://shelamkoff.github.io/editor/",
+  "homepage": "https://shelamkoff.github.io/editor/",
   "bugs": {
     "url": "https://github.com/Shelamkoff/editor/issues"
   },

package/dist/shared/resolvePath.d.ts

@@ -1,8 +0,0 @@
-/**
- * Resolve a relative file path against a module URL.
- *
- * @param {string} relativePath — path relative to the calling module (e.g. './styles.css')
- * @param {string} base         — pass `import.meta.url` of the calling module
- * @returns {string} absolute URL string
- */
-export function resolvePath(relativePath: string, base: string): string;

package/dist/shared/resolvePath.js

@@ -1,10 +0,0 @@
-/**
- * Resolve a relative file path against a module URL.
- *
- * @param {string} relativePath — path relative to the calling module (e.g. './styles.css')
- * @param {string} base         — pass `import.meta.url` of the calling module
- * @returns {string} absolute URL string
- */
-export function resolvePath(relativePath, base) {
-  return new URL(relativePath, base).href
-}