@refrakt-md/runes 0.2.0 → 0.4.0

package/dist/tags/storyboard.js

@@ -0,0 +1,101 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import Markdoc from '@markdoc/markdoc';
+const { Ast, Tag } = Markdoc;
+import { schema } from '../registry.js';
+import { NodeStream } from '../lib/node.js';
+import { attribute, group, Model, createComponentRenderable, createSchema } from '../lib/index.js';
+const styleType = ['comic', 'clean', 'polaroid'];
+class StoryboardPanelModel extends Model {
+    transform() {
+        const children = this.transformChildren();
+        const image = children.tag('img').limit(1);
+        const caption = children.tag('p').limit(1);
+        const body = children.wrap('div');
+        return createComponentRenderable(schema.StoryboardPanel, {
+            tag: 'div',
+            properties: {
+                image,
+                caption,
+            },
+            refs: {
+                body: body.tag('div'),
+            },
+            children: [body.next()],
+        });
+    }
+}
+class StoryboardModel extends Model {
+    constructor() {
+        super(...arguments);
+        this.columns = 3;
+        this.style = 'clean';
+    }
+    processChildren(nodes) {
+        // Group nodes into panels: each image starts a new panel
+        const converted = [];
+        let currentPanelChildren = [];
+        const flushPanel = () => {
+            if (currentPanelChildren.length > 0) {
+                converted.push(new Ast.Node('tag', {}, currentPanelChildren, 'storyboard-panel'));
+                currentPanelChildren = [];
+            }
+        };
+        for (const node of nodes) {
+            if (node.type === 'image' || (node.type === 'paragraph' && Array.from(node.walk()).some(n => n.type === 'image'))) {
+                // Image starts a new panel
+                flushPanel();
+                currentPanelChildren.push(node);
+            }
+            else if (currentPanelChildren.length > 0) {
+                // Non-image after an image: add to current panel as caption
+                currentPanelChildren.push(node);
+            }
+            else {
+                // Content before first image: start a panel anyway
+                currentPanelChildren.push(node);
+            }
+        }
+        flushPanel();
+        return super.processChildren(converted);
+    }
+    transform() {
+        const body = this.body.transform();
+        const styleMeta = new Tag('meta', { content: this.style });
+        const columnsMeta = new Tag('meta', { content: String(this.columns) });
+        const panels = body.tag('div').typeof('StoryboardPanel');
+        const panelsContainer = panels.wrap('div');
+        return createComponentRenderable(schema.Storyboard, {
+            tag: 'div',
+            properties: {
+                panel: panels,
+                style: styleMeta,
+                columns: columnsMeta,
+            },
+            refs: { panels: panelsContainer },
+            children: [styleMeta, columnsMeta, panelsContainer.next()],
+        });
+    }
+}
+__decorate([
+    attribute({ type: Number, required: false }),
+    __metadata("design:type", Number)
+], StoryboardModel.prototype, "columns", void 0);
+__decorate([
+    attribute({ type: String, required: false, matches: styleType.slice() }),
+    __metadata("design:type", Object)
+], StoryboardModel.prototype, "style", void 0);
+__decorate([
+    group({ include: ['tag'] }),
+    __metadata("design:type", NodeStream)
+], StoryboardModel.prototype, "body", void 0);
+export const storyboardPanel = createSchema(StoryboardPanelModel);
+export const storyboard = createSchema(StoryboardModel);
+//# sourceMappingURL=storyboard.js.map

package/dist/tags/storyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyboard.js","sourceRoot":"","sources":["../../src/tags/storyboard.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEnG,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAU,CAAC;AAE1D,MAAM,oBAAqB,SAAQ,KAAK;IACvC,SAAS;QACR,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAE1C,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAElC,OAAO,yBAAyB,CAAC,MAAM,CAAC,eAAe,EAAE;YACxD,GAAG,EAAE,KAAK;YACV,UAAU,EAAE;gBACX,KAAK;gBACL,OAAO;aACP;YACD,IAAI,EAAE;gBACL,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;aACrB;YACD,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SACvB,CAAC,CAAC;IACJ,CAAC;CACD;AAED,MAAM,eAAgB,SAAQ,KAAK;IAAnC;;QAEC,YAAO,GAAW,CAAC,CAAC;QAGpB,UAAK,GAA6B,OAAO,CAAC;IAsD3C,CAAC;IAjDA,eAAe,CAAC,KAAa;QAC5B,yDAAyD;QACzD,MAAM,SAAS,GAAW,EAAE,CAAC;QAC7B,IAAI,oBAAoB,GAAW,EAAE,CAAC;QAEtC,MAAM,UAAU,GAAG,GAAG,EAAE;YACvB,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrC,SAAS,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,CAAC;gBAClF,oBAAoB,GAAG,EAAE,CAAC;YAC3B,CAAC;QACF,CAAC,CAAC;QAEF,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YAC1B,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC;gBACnH,2BAA2B;gBAC3B,UAAU,EAAE,CAAC;gBACb,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;iBAAM,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5C,4DAA4D;gBAC5D,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACP,mDAAmD;gBACnD,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;QACF,CAAC;QACD,UAAU,EAAE,CAAC;QAEb,OAAO,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,SAAS;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;QACnC,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAEvE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QACzD,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE3C,OAAO,yBAAyB,CAAC,MAAM,CAAC,UAAU,EAAE;YACnD,GAAG,EAAE,KAAK;YACV,UAAU,EAAE;gBACX,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,WAAW;aACpB;YACD,IAAI,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE;YACjC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,eAAe,CAAC,IAAI,EAAE,CAAC;SAC1D,CAAC,CAAC;IACJ,CAAC;CACD;AAzDA;IADC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;;gDACzB;AAGpB;IADC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC;;8CAC/B;AAG1C;IADC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;8BACtB,UAAU;6CAAC;AAqDlB,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;AAClE,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@refrakt-md/runes",
   "description": "Semantic Markdoc runes for refrakt.md",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -23,11 +23,10 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@refrakt-md/types": "0.2.0",
+    "@refrakt-md/types": "0.4.0",
     "@markdoc/markdoc": "0.4.0",
     "reflect-metadata": "^0.2.0",
     "fast-xml-parser": "4.5.1",
-    "highlight.js": "^11.11.1",
     "path-browserify": "1.0.1",
     "iso8601-duration": "2.1.2"
   },

package/dist/hljs-markdoc.d.ts

@@ -1,3 +0,0 @@
-import type { HLJSApi, Language } from 'highlight.js';
-export declare function markdoc(hljs: HLJSApi): Language;
-//# sourceMappingURL=hljs-markdoc.d.ts.map

package/dist/hljs-markdoc.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hljs-markdoc.d.ts","sourceRoot":"","sources":["../src/hljs-markdoc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAmC/C"}

package/dist/hljs-markdoc.js

@@ -1,37 +0,0 @@
-export function markdoc(hljs) {
-    return {
-        name: 'Markdoc',
-        aliases: ['markdoc'],
-        subLanguage: 'markdown',
-        contains: [
-            {
-                className: 'template-tag',
-                begin: /\{%/,
-                end: /%\}/,
-                contains: [
-                    {
-                        className: 'name',
-                        begin: /\/?\s*[a-z][a-z0-9-]*/,
-                    },
-                    {
-                        className: 'attr',
-                        begin: /[a-zA-Z_][a-zA-Z0-9_-]*(?=\s*=)/,
-                    },
-                    {
-                        className: 'string',
-                        begin: /"/, end: /"/,
-                    },
-                    {
-                        className: 'number',
-                        begin: /\b\d+\b/,
-                    },
-                    {
-                        className: 'literal',
-                        begin: /\b(true|false)\b/,
-                    },
-                ],
-            },
-        ],
-    };
-}
-//# sourceMappingURL=hljs-markdoc.js.map

package/dist/hljs-markdoc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hljs-markdoc.js","sourceRoot":"","sources":["../src/hljs-markdoc.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,OAAO,CAAC,IAAa;IACnC,OAAO;QACL,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,CAAC,SAAS,CAAC;QACpB,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE;YACR;gBACE,SAAS,EAAE,cAAc;gBACzB,KAAK,EAAE,KAAK;gBACZ,GAAG,EAAE,KAAK;gBACV,QAAQ,EAAE;oBACR;wBACE,SAAS,EAAE,MAAM;wBACjB,KAAK,EAAE,uBAAuB;qBAC/B;oBACD;wBACE,SAAS,EAAE,MAAM;wBACjB,KAAK,EAAE,iCAAiC;qBACzC;oBACD;wBACE,SAAS,EAAE,QAAQ;wBACnB,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;qBACrB;oBACD;wBACE,SAAS,EAAE,QAAQ;wBACnB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,SAAS,EAAE,SAAS;wBACpB,KAAK,EAAE,kBAAkB;qBAC1B;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/layouts/split.d.ts

@@ -1,15 +0,0 @@
-import Markdoc from '@markdoc/markdoc';
-import type { Tag, RenderableTreeNode } from '@markdoc/markdoc';
-import { RenderableNodeCursor } from '../lib/renderable.js';
-export { GridFlow, gridLayout, gridItems, flow } from './grid.js';
-export interface SplitLayoutOptions {
-    split: number[];
-    mirror: boolean;
-    main: RenderableTreeNode[];
-    side: RenderableTreeNode[];
-}
-export declare class GridLayoutCursor extends RenderableNodeCursor<Tag<'div'>> {
-    gridItem(index: number): RenderableNodeCursor<Markdoc.Tag<"div", Record<string, any>>>;
-}
-export declare function splitLayout(options: SplitLayoutOptions): GridLayoutCursor;
-//# sourceMappingURL=split.d.ts.map

package/dist/layouts/split.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../../src/layouts/split.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,KAAK,EAAE,GAAG,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,IAAI,EAAE,kBAAkB,EAAE,CAAC;CAC5B;AAED,qBAAa,gBAAiB,SAAQ,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACpE,QAAQ,CAAC,KAAK,EAAE,MAAM;CAGvB;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,oBAkBtD"}

package/dist/layouts/split.js

@@ -1,26 +0,0 @@
-import Markdoc from '@markdoc/markdoc';
-import { RenderableNodeCursor } from '../lib/renderable.js';
-export { gridLayout, gridItems, flow } from './grid.js';
-export class GridLayoutCursor extends RenderableNodeCursor {
-    gridItem(index) {
-        return new RenderableNodeCursor([this.nodes[0].children[index]]).tag('div');
-    }
-}
-export function splitLayout(options) {
-    const { main, side, split, mirror } = options;
-    const columns = split.reduce((cols, c) => cols + c, 0);
-    function createCursor(layout) {
-        return new GridLayoutCursor([layout]);
-    }
-    if (split && split.length === 2) {
-        return createCursor(new Markdoc.Tag('div', { 'data-name': 'layout', 'data-layout': 'grid', 'data-columns': columns }, [
-            new Markdoc.Tag('div', { 'data-colspan': split[mirror ? 1 : 0] }, mirror ? side : main),
-            new Markdoc.Tag('div', { 'data-colspan': split[mirror ? 0 : 1] }, mirror ? main : side),
-        ]));
-    }
-    return createCursor(new Markdoc.Tag('div', { 'data-name': 'layout', 'data-layout': 'grid', 'data-columns': columns }, [
-        new Markdoc.Tag('div', { 'data-colspan': 12 }, main),
-        new Markdoc.Tag('div', { 'data-colspan': 12 }, side),
-    ]));
-}
-//# sourceMappingURL=split.js.map

package/dist/layouts/split.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"split.js","sourceRoot":"","sources":["../../src/layouts/split.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAY,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AASlE,MAAM,OAAO,gBAAiB,SAAQ,oBAAgC;IACpE,QAAQ,CAAC,KAAa;QACpB,OAAO,IAAI,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9E,CAAC;CACF;AAED,MAAM,UAAU,WAAW,CAAC,OAA2B;IACrD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAEvD,SAAS,YAAY,CAAC,MAAkB;QACtC,OAAO,IAAI,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,YAAY,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE;YACpH,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACvF,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;SACxF,CAAC,CAAC,CAAA;IACL,CAAC;IACD,OAAO,YAAY,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE;QACpH,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC;QACpD,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC;KACrD,CAAC,CAAC,CAAC;AACN,CAAC"}