feat(dist): export css and js without tabs and cuts (#540)

esbuild/build.mjs

@@ -51,6 +51,20 @@ const common = {
             format: 'iife',
             plugins,
         }),
+        build({
+            ...common,
+            entryPoints: ['src/scss/base.scss'],
+            outfile: 'dist/css/base.css',
+            format: 'iife',
+            plugins,
+        }),
+        build({
+            ...common,
+            entryPoints: ['src/scss/_yfm-only.scss'],
+            outfile: 'dist/css/_yfm-only.css',
+            format: 'iife',
+            plugins,
+        }),
         build({
             ...common,
             entryPoints: ['src/scss/print.scss'],
@@ -60,12 +74,26 @@ const common = {
         }),
     ]);
 
-    await build({
-        ...common,
-        entryPoints: ['dist/css/yfm.css'],
-        outfile: 'dist/css/yfm.min.css',
-        minify: true,
-    });
+    await Promise.all([
+        build({
+            ...common,
+            entryPoints: ['dist/css/yfm.css'],
+            outfile: 'dist/css/yfm.min.css',
+            minify: true,
+        }),
+        build({
+            ...common,
+            entryPoints: ['dist/css/base.css'],
+            outfile: 'dist/css/base.min.css',
+            minify: true,
+        }),
+        build({
+            ...common,
+            entryPoints: ['dist/css/_yfm-only.css'],
+            outfile: 'dist/css/_yfm-only.min.css',
+            minify: true,
+        }),
+    ]);
 })();
 
 (async function buildJs() {
@@ -75,17 +103,41 @@ const common = {
             entryPoints: ['src/js/index.ts'],
             outfile: 'dist/js/yfm.js',
         }),
+        build({
+            ...common,
+            entryPoints: ['src/js/base.ts'],
+            outfile: 'dist/js/base.js',
+        }),
+        build({
+            ...common,
+            entryPoints: ['src/js/_yfm-only.ts'],
+            outfile: 'dist/js/_yfm-only.js',
+        }),
         build({
             ...common,
             entryPoints: ['src/js/print/index.ts'],
             outfile: 'dist/js/print.js',
         }),
     ]);
 
-    await build({
-        ...common,
-        entryPoints: ['dist/js/yfm.js'],
-        outfile: 'dist/js/yfm.min.js',
-        minify: true,
-    });
+    await Promise.all([
+        build({
+            ...common,
+            entryPoints: ['dist/js/yfm.js'],
+            outfile: 'dist/js/yfm.min.js',
+            minify: true,
+        }),
+        build({
+            ...common,
+            entryPoints: ['dist/js/base.js'],
+            outfile: 'dist/js/base.min.js',
+            minify: true,
+        }),
+        build({
+            ...common,
+            entryPoints: ['dist/js/_yfm-only.js'],
+            outfile: 'dist/js/_yfm-only.min.js',
+            minify: true,
+        }),
+    ]);
 })();

src/js/_yfm-only.ts

@@ -0,0 +1 @@
+import './term';

src/js/base.ts

@@ -0,0 +1,2 @@
+import './polyfill';
+import './code';

src/js/index.ts

@@ -1,8 +1,7 @@
 import '@diplodoc/cut-extension/runtime';
 import '@diplodoc/tabs-extension/runtime';
 
-import './polyfill';
-import './code';
-import './term';
+import './base';
+import './_yfm-only';
 import './wide-mode';
 import './patch';

src/scss/_yfm-only.scss

@@ -0,0 +1,12 @@
+/**
+    Note: This file excludes "cut" and "tabs" as they are handled separately
+    in dedicated extensions (packages). In the future, "note", "file", "term"
+    and "table" will also be excluded from this file and moved to yfm.scss,
+    once they are moved to separate packages. Direct usage is not recommended,
+    as the file is subject to changes without prior notice.
+ */
+
+@import 'note';
+@import 'file';
+@import 'table';
+@import 'term';

src/scss/base.scss

@@ -0,0 +1,4 @@
+@import 'common';
+@import 'anchor';
+@import 'highlight';
+@import 'code';

src/scss/yfm.scss

@@ -1,12 +1,5 @@
-@import 'common';
-@import 'note';
-@import 'anchor';
-@import 'highlight';
-@import 'code';
-@import 'file';
-@import 'term';
-@import 'table';
+@import 'base';
+@import 'yfm-only';
 @import 'modal';
-
 @import '@diplodoc/cut-extension/runtime';
 @import '@diplodoc/tabs-extension/runtime';