@animode/internal 1.0.0

package/common/marked.js

@@ -0,0 +1,22 @@
+const {Marked} = require('marked');
+const highlightJs = require('highlight.js');
+
+module.exports = new Marked({
+  renderer: {
+    link(href, title, text) {
+      return `<a href='${href}' target='_blank'>${text}</a>`;
+    },
+    code(code, info) {
+      const [lang, ...rest] = (info || '').split(/\s+/);
+      code = code
+        .split('\n')
+        .filter(line => !line.includes('prettier-ignore'))
+        .join('\n');
+      const language = highlightJs.getLanguage(lang) ? lang : 'plaintext';
+      const result = highlightJs.highlight(code, {language});
+      return `<pre class="${rest.join(
+        ' ',
+      )}"><code class="language-${language}">${result.value}</code></pre>`;
+    },
+  },
+});

package/index.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const value: string;
+  export default value;
+}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@animode/internal",
+  "version": "1.0.0",
+  "description": "Internal helper package for Animode bundler and transformer integrations",
+  "main": "index.d.ts",
+  "types": "index.d.ts",
+  "files": [
+    "index.d.ts",
+    "common",
+    "rollup",
+    "transformers",
+    "vite"
+  ],
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "highlight.js": "^11.9.0",
+    "marked": "^10.0.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "ts-patch": "^3.0.2"
+  }
+}

package/rollup/typescript.mjs

@@ -0,0 +1,26 @@
+import typescriptBase from '@rollup/plugin-typescript';
+import markdownLiterals from '../transformers/markdown-literals.js';
+
+/**
+ * @param {import('@rollup/plugin-typescript').RollupTypescriptOptions} options
+ * @returns {Plugin}
+ */
+export default function typescript(options = {}) {
+  const {compilerOptions, ...rest} = options;
+  return typescriptBase({
+    compilerOptions: {
+      declaration: false,
+      declarationMap: false,
+      ...(compilerOptions ?? {}),
+    },
+    transformers: {
+      before: [
+        {
+          type: 'program',
+          factory: markdownLiterals,
+        },
+      ],
+    },
+    ...rest,
+  });
+}

package/transformers/markdown-literals.js

@@ -0,0 +1,65 @@
+const ts = require('typescript');
+const path = require('path');
+const fs = require('fs');
+const marked = require('../common/marked');
+
+const transformerProgram = program => context => sourceFile => {
+  const sourceMap = new Map();
+  const visitor = node => {
+    if (
+      (node.kind === ts.SyntaxKind.NoSubstitutionTemplateLiteral ||
+        ts.isStringLiteral(node)) &&
+      node.getFullText().trim().startsWith('// language=markdown')
+    ) {
+      return ts.factory.createStringLiteral(marked.parse(node.text));
+    }
+
+    if (
+      ts.isImportDeclaration(node) &&
+      ts.isStringLiteral(node.moduleSpecifier) &&
+      node.importClause?.name !== undefined
+    ) {
+      /**
+       * @type {ts.TypeChecker}
+       */
+      const typeChecker = program.getTypeChecker();
+      const moduleSymbol = typeChecker.getSymbolAtLocation(
+        node.moduleSpecifier,
+      );
+      if (moduleSymbol?.escapedName !== '"*.md"') {
+        return node;
+      }
+
+      const baseDir = path.dirname(sourceFile.fileName);
+      const content = marked.parse(
+        fs.readFileSync(
+          path.resolve(baseDir, node.moduleSpecifier.text),
+          'utf-8',
+        ),
+      );
+
+      const variableSymbol = typeChecker.getSymbolAtLocation(
+        node.importClause.name,
+      );
+
+      sourceMap.set(variableSymbol, content);
+      return undefined;
+    }
+
+    if (ts.isIdentifier(node)) {
+      const typeChecker = program.getTypeChecker();
+      const symbol = typeChecker.getSymbolAtLocation(node);
+      if (sourceMap.has(symbol)) {
+        return ts.factory.createStringLiteral(sourceMap.get(symbol));
+      }
+
+      return node;
+    }
+
+    return ts.visitEachChild(node, visitor, context);
+  };
+
+  return ts.visitNode(sourceFile, visitor);
+};
+
+module.exports = transformerProgram;

package/vite/markdown-literals.js

@@ -0,0 +1,10 @@
+const marked = require('../common/marked');
+
+module.exports = () => ({
+  name: 'markdown-literals',
+  async transform(code, id) {
+    if (id.endsWith('.md')) {
+      return `export default ${JSON.stringify(marked.parse(code))};`;
+    }
+  },
+});