add static publication list block

package.json

@@ -87,7 +87,7 @@
     "browser-sync": "^2.26.3",
     "browser-sync-webpack-plugin": "^2.2.2",
     "copy-webpack-plugin": "^4.6.0",
-    "css-loader": "^2.0.2",
+    "css-loader": "^2.1.0",
     "custom-event-polyfill": "^1.0.6",
     "enzyme": "^3.8.0",
     "enzyme-adapter-react-16": "^1.7.1",
@@ -104,11 +104,11 @@
     "rollbar": "^2.5.1",
     "rollbar-sourcemap-webpack-plugin": "^2.5.0",
     "sass-loader": "^7.1.0",
-    "snapshot-diff": "^0.4.1",
+    "snapshot-diff": "^0.4.2",
     "style-loader": "^0.23.1",
     "stylelint": "^9.9.0",
     "stylelint-config-recommended-scss": "^3.2.0",
-    "stylelint-scss": "^3.4.3",
+    "stylelint-scss": "^3.4.4",
     "ts-jest": "^23.10.5",
     "ts-node": "^7.0.1",
     "tslint": "^5.12.0",

src/js/editor.ts

@@ -4,6 +4,7 @@ import { registerPlugin } from '@wordpress/plugins';
 import { registerFormatType } from '@wordpress/rich-text';
 
 import bibliographyBlock from 'gutenberg/blocks/bibliography';
+import staticBibliographyBlock from 'gutenberg/blocks/static-bibliography';
 import citationFormat from 'gutenberg/formats/citation';
 import Sidebar from 'gutenberg/sidebar';
 import { dataStore, uiStore } from 'stores';
@@ -19,3 +20,4 @@ registerPlugin('academic-bloggers-toolkit', {
 registerFormatType('abt/citation', citationFormat);
 
 registerBlockType('abt/bibliography', bibliographyBlock);
+registerBlockType('abt/static-bibliography', staticBibliographyBlock);

src/js/gutenberg/blocks/index.ts

@@ -2,3 +2,36 @@ export interface BibItem {
     content: string;
     id: string;
 }
+
+export function stripListItem(item: string): string;
+export function stripListItem(item: Element): string;
+export function stripListItem(item: Element | string): string {
+    if (typeof item === 'string') {
+        const container = document.createElement('div');
+        container.innerHTML = item;
+        const child = container.querySelector('.csl-entry');
+        if (child) {
+            item = child;
+        } else {
+            throw new Error(
+                'Outer HTML of item must be a div with className "csl-entry"',
+            );
+        }
+    }
+    const content = item;
+    let toRemove: Element[] = [];
+    for (const el of item.children) {
+        if (el.classList.contains('csl-indent')) {
+            break;
+        }
+        if (el.classList.contains('csl-left-margin')) {
+            toRemove = [...toRemove, el];
+            continue;
+        }
+        if (el.classList.contains('csl-right-inline')) {
+            el.outerHTML = el.innerHTML;
+        }
+    }
+    toRemove.forEach(el => content.removeChild(el));
+    return content.innerHTML.trim();
+}