Initial commit: LangChain evolution tutorial deck (132 slides)

- Cover, TOC, 5 dividers, 3 recap slides - 5 sections (chains, langgraph, deepagents, openswe, ecosystem) - design-system.js with theme tokens + 9 helper functions - research/: timeline + sources + per-tech notes - final-compile.js + merge.js for rebuild pipeline - output/: langchain-evolution.pptx (2.3 MB) + langchain-evolution.pdf (1.1 MB) + 7 sample previews
2026-06-22 11:29:03 +03:00
parent ed5b5c91bf
commit 75601988c2
220 changed files with 13069 additions and 3 deletions
@@ -0,0 +1,92 @@
+/**
+ * slides/23-pros-cons.js
+ * ----------------------------------------------------------------------------
+ * Slide 23 -- Pros / cons vs Claude Code / Devin
+ */
+'use strict';
+
+const { helpers, layouts } = require('../../design-system');
+
+function buildProsConsComparison(pres, theme) {
+  const slide = pres.addSlide();
+  helpers.slideBase(slide, pres, theme);
+  helpers.addHeader(slide, pres, theme, {
+    eyebrow: 'STAGE 4',
+    sectionNumber: 4,
+    title: 'Open SWE vs Claude Code / Devin',
+  });
+
+  helpers.addProsCons(slide, pres, theme, {
+    x: 0.5, y: layouts.CONTENT_TOP, w: 4.4, h: 1.7,
+    pros: [
+      'MIT license, форкайте',
+      'Pluggable sandbox',
+      'Triggers: Slack/Linear/GH',
+      'AGENTS.md convention',
+      'Subagents + middleware',
+      'Built on Deep Agents',
+    ],
+    cons: [
+      'Не finished product',
+      'Sandbox = платные аккаунты',
+      'OAuth setup нужен',
+      '"Trust the LLM" модель',
+      'Prod deployment сложный',
+      'Доки быстро устаревают',
+    ],
+  });
+
+  // Comparison card on the right
+  slide.addShape(pres.ShapeType.roundRect, {
+    x: 5.1, y: layouts.CONTENT_TOP, w: 4.4, h: 3.5,
+    fill: { color: theme.palette.bg.elevated },
+    line: { color: theme.palette.border.subtle, width: 1 },
+    rectRadius: 0.08,
+  });
+
+  slide.addText('VS Claude Code / Devin', {
+    x: 5.3, y: layouts.CONTENT_TOP + 0.1, w: 4.0, h: 0.3,
+    fontFace: helpers.withFallback(theme.fonts.ui),
+    fontSize: theme.sizes.h3,
+    color: theme.palette.accent.secondary,
+    bold: true,
+  });
+
+  const compareRows = [
+    ['Audience',   'IDE',         'SaaS',     'org'],
+    ['License',    'proprietary', 'proprietary','MIT'],
+    ['Trigger',    'manual',      'Web UI',   'Slack/Lin/GH'],
+    ['Sandbox',    'local+cloud', 'remote',   'pluggable'],
+    ['Customize',  'config',      'no',       'full src'],
+    ['Runs in',    'IDE/term',    'cloud',    'your infra'],
+  ];
+
+  const tY = layouts.CONTENT_TOP + 0.55;
+  compareRows.forEach(function (row, idx) {
+    const ry = tY + idx * 0.45;
+    row.forEach(function (cell, cidx) {
+      const widths = [1.1, 1.0, 1.0, 1.1];
+      let cx = 5.3;
+      for (let i = 0; i < cidx; i++) cx += widths[i] + 0.05;
+      slide.addText(cell, {
+        x: cx, y: ry, w: widths[cidx], h: 0.4,
+        fontFace: helpers.withFallback(
+          cidx === 0 ? theme.fonts.ui : theme.fonts.code),
+        fontSize: cidx === 0 ? theme.sizes.caption : 8,
+        color: cidx === 3
+          ? theme.palette.accent.tertiary
+          : theme.palette.text.secondary,
+        bold: cidx === 0,
+        valign: 'middle',
+      });
+    });
+  });
+
+  helpers.addPageNumber(slide, pres, theme, 23);
+  helpers.addSourceLine(slide, pres, theme, {
+    source: 'research/per-tech/openswe.md: 291-310',
+  });
+  return slide;
+}
+
+module.exports = { buildProsConsComparison };