@atom-forge/brickee 0.0.2 → 0.0.3

package/dist/kit/Empty.svelte

@@ -7,18 +7,7 @@
 	const tr = useText();
 </script>
 
-<div class="empty"><I size={18} /> {tr(text)}</div>
-
-<style>
-	.empty {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 8px;
-		min-height: 96px;
-		border: 1px dashed var(--color-frame, #d4d4da);
-		border-radius: 10px;
-		color: var(--color-muted-contrast, #a0a0a8);
-		font: 14px system-ui, sans-serif;
-	}
-</style>
+<div class="flex min-h-24 items-center justify-center gap-2 rounded-[10px] border border-dashed border-frame font-sans text-sm leading-[normal] text-muted-contrast">
+	<I size={18} />
+	{tr(text)}
+</div>

package/dist/kit/Frame.svelte

@@ -31,46 +31,16 @@
 	const fields = claimFields();
 </script>
 
-<div class="frame">
+<!-- left padding: room for the inner blocks' handle bar (22px left of the row, which reaches 8px out); the fields reach
+     to the frame's edges, its padding taken back -->
+<div class="relative rounded-[10px] border border-frame pt-[0.8em] pr-[1.1em] pb-[0.4em] pl-[calc(30px+0.5em)]">
 	{#if fields}
-		<div class="fields">{@render fields()}</div>
+		<div class="mt-[calc(-0.8em+4px)] mr-[calc(-1.1em+4px)] mb-[0.5em] ml-[calc(-30px-0.5em+4px)]">{@render fields()}</div>
 	{:else if heading || empty || image}
-		<div class="head">
-			{#if image}<img src={image} alt="" draggable="false" />{/if}
-			<span class:muted={!heading}>{heading || empty}</span>
+		<div class="mr-[9em] mb-[0.3em] flex items-center gap-2 font-sans text-[13px] leading-[1.4] font-semibold text-surface-contrast">
+			{#if image}<img class="h-7 w-11 rounded object-cover" src={image} alt="" draggable="false" />{/if}
+			<span class={heading ? '' : 'font-normal text-muted-contrast'}>{heading || empty}</span>
 		</div>
 	{/if}
 	<Editor bind:value={blocks} {readonly} {palette} {plugins} nested placeholder={placeholder ?? tr('Write inside…')} />
 </div>
-
-<style>
-	.frame {
-		position: relative;
-		border: 1px solid var(--color-frame, #e5e5ea);
-		border-radius: 10px;
-		/* left: room for the inner blocks' handle bar (22px left of the row, which reaches 8px out) */
-		padding: 0.8em 1.1em 0.4em calc(30px + 0.5em);
-	}
-	/* the fields reach to the frame's edges, the frame's padding taken back */
-	.fields {
-		margin: calc(-0.8em + 4px) calc(-1.1em + 4px) 0.5em calc(-30px - 0.5em + 4px);
-	}
-	.head {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-		margin: 0 9em 0.3em 0;
-		font: 600 13px/1.4 system-ui, sans-serif;
-		color: var(--color-surface-contrast, #1d1d1f);
-	}
-	.head img {
-		height: 28px;
-		width: 44px;
-		object-fit: cover;
-		border-radius: 4px;
-	}
-	.muted {
-		font-weight: 400;
-		color: var(--color-muted-contrast, #a0a0a8);
-	}
-</style>

package/dist/locales/hu.js

@@ -4,6 +4,10 @@ export const hu = {
     'Add a block below': 'Új blokk alá',
     'Drag to move, click to select': 'Húzd az áthelyezéshez, kattints a kijelöléshez',
     Done: 'Kész',
+    'Move up': 'Mozgatás fel',
+    'Move down': 'Mozgatás le',
+    'Select the block': 'A blokk kijelölése',
+    'Unknown block: {type}': 'Ismeretlen blokk: {type}',
     inherited: 'örökölt',
     Settings: 'Beállítások',
     'Hide settings': 'Beállítások elrejtése',
@@ -134,7 +138,6 @@ export const hu = {
     'Add a column': 'Új oszlop',
     'Add a row': 'Új sor',
     // előnézet
-    'For supporters only': 'Csak támogatóknak',
     'YouTube video': 'YouTube-videó',
     video: 'videó',
     'Play {title}': 'Lejátszás: {title}',

package/dist/markdown.d.ts

@@ -1,12 +1,21 @@
 import { type Block, type BlockPlugin, type StoredBlock } from './types';
 /** Inline markdown -> inline html (b, i, u, sub, sup, strike, code, a, br). Backslash escapes are honoured; links are
- * http(s), mailto, tel or site-relative only. */
+ * http(s), mailto, tel or site-relative only. Images become links (the package has no notion of images), footnote
+ * references superscripts, and inline HTML its marks (other tags are dropped). */
 export declare function inline(md: string): string;
+/** A link target as markdown reads it back: spaces and unbalanced parentheses encoded. */
+export declare function mdUrl(href: string): string;
+/** Plain text as inline markdown: what would read as a mark is escaped (`_` only at a word's edge: snake_case stays). */
+export declare function escText(t: string): string;
+/** Inline markdown for a code span: a fence longer than any backtick run inside, padded when it starts or ends with one. */
+export declare function codeSpan(text: string): string;
 /** Inline html -> inline markdown (browser only). `code` keeps the text verbatim, as in a code block. */
 export declare function htmlToMarkdown(html: string, code?: boolean): string;
+/** A line of text, escaped where markdown would read it as a block start (`1. ` as `1\. `). */
+export declare function escLine(t: string): string;
 /** One block -> its markdown snippet, without indentation. `n` is the ordinal of a numbered item. */
 export declare function blockToMd(b: Block, n?: number): string;
-/** One markdown snippet -> block fields. */
+/** One markdown line -> block fields (a heading, a list item, a quote, a rule or a paragraph). */
 export declare function mdToBlock(md: string): Pick<Block, 'type' | 'html' | 'checked' | 'props'>;
 /** Inline html -> the same letters without formatting (line breaks kept), as a code block holds them. */
 export declare function plainHtml(html: string): string;
@@ -14,8 +23,15 @@ export declare function plainHtml(html: string): string;
 export declare function toStored(b: Block): StoredBlock;
 /** Stored block -> editor block with a fresh id. Unknown types (md: or plugin) are kept as they are. */
 export declare function fromStored(s: StoredBlock): Block;
-/** Markdown text -> blocks. Supports headings, lists, todos, quotes, fenced code, hr and basic inline marks. */
-export declare function fromMarkdown(src: string): Block[];
+/**
+ * Markdown text -> blocks (CommonMark and GFM, as far as blocks can hold them): headings (also setext), lists with
+ * their nesting and start number, to-dos, quotes (also nested), fenced and indented code, rules, and paragraphs whose
+ * lines are kept as line breaks. Reference links are resolved, footnotes become superscripts. A GFM table goes to the
+ * first of `plugins` that takes it (`fromTable`), or stays text.
+ */
+export declare function fromMarkdown(src: string, opts?: {
+    plugins?: BlockPlugin[];
+}): Block[];
 /** Blocks -> markdown text (browser only: uses the DOM to read the inline html). A plugin block is written by its
  * plugin's `markdown`; one without it is left out. */
 export declare function toMarkdown(blocks: Block[], opts?: {