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,116 @@
+// Slide 02: What is LangChain in 2025+ -- content slide with key facts
+// Sets the conceptual frame: a framework, not just a wrapper. Three pillars.
+
+const ds = require('./design-system');
+
+function createSlide(pres, theme) {
+  const slide = pres.addSlide();
+  ds.helpers.slideBase(slide, pres, theme);
+
+  ds.helpers.addHeader(slide, pres, theme, {
+    eyebrow: 'STAGE 1: CHAINS',
+    section: 'Раздел 1',
+    title: 'Что такое LangChain в 2025+',
+    sectionNumber: 1,
+  });
+
+  // Lead paragraph
+  slide.addText(
+    'LangChain -- Python/JS фреймворк для сборки LLM-приложений и агентов. ' +
+    'С версии 1.0 (релиз 22.10.2025) он построен поверх LangGraph-runtime и ' +
+    'позиционируется как "самый быстрый способ собрать агента с любым провайдером моделей".',
+    {
+      x: 0.5, y: 1.5, w: 9.0, h: 0.7,
+      fontFace: ds.helpers.withFallback(theme.fonts.ui),
+      fontSize: 13,
+      color: theme.palette.text.secondary,
+      align: 'left', valign: 'top',
+      margin: 0,
+    }
+  );
+
+  // Three pillar cards
+  const pillars = [
+    {
+      title: 'LCEL',
+      sub: 'LangChain Expression Language',
+      body: 'Декларативная композиция через pipe-оператор. ' +
+            'Любая цепочка -- Runnable. invoke/batch/stream/async работают одинаково.',
+    },
+    {
+      title: 'create_agent',
+      sub: 'унифицированный вход',
+      body: 'Один вызов вместо зоопарка legacy agent-типов. ' +
+            'Построен на LangGraph -- получаешь durable execution бесплатно.',
+    },
+    {
+      title: 'Middleware',
+      sub: 'cross-cutting hooks',
+      body: 'before_model / after_model / before_tool / after_tool. ' +
+            'HITL, PII-редакция, summarization -- first-class встроенные middleware.',
+    },
+  ];
+
+  const cardW = 3.0;
+  const cardH = 2.2;
+  const gap = 0.15;
+  const startX = 0.5;
+  const cardY = 2.4;
+
+  pillars.forEach((p, i) => {
+    const x = startX + i * (cardW + gap);
+    slide.addShape(pres.ShapeType.roundRect, {
+      x: x, y: cardY, w: cardW, h: cardH,
+      fill: { color: theme.palette.bg.elevated },
+      line: { color: theme.palette.border.subtle, width: 1 },
+      rectRadius: 0.1,
+    });
+    // Left accent bar
+    slide.addShape(pres.ShapeType.rect, {
+      x: x, y: cardY, w: 0.08, h: cardH,
+      fill: { color: theme.palette.accent.primary },
+      line: { type: 'none' },
+    });
+    slide.addText(p.title, {
+      x: x + 0.25, y: cardY + 0.2, w: cardW - 0.4, h: 0.45,
+      fontFace: ds.helpers.withFallback(theme.fonts.code),
+      fontSize: 22, bold: true,
+      color: theme.palette.accent.primary,
+      valign: 'middle', margin: 0,
+    });
+    slide.addText(p.sub, {
+      x: x + 0.25, y: cardY + 0.65, w: cardW - 0.4, h: 0.3,
+      fontFace: ds.helpers.withFallback(theme.fonts.ui),
+      fontSize: 10, italic: true,
+      color: theme.palette.text.muted,
+      valign: 'middle', margin: 0,
+    });
+    slide.addText(p.body, {
+      x: x + 0.25, y: cardY + 1.05, w: cardW - 0.4, h: cardH - 1.2,
+      fontFace: ds.helpers.withFallback(theme.fonts.ui),
+      fontSize: 12,
+      color: theme.palette.text.secondary,
+      valign: 'top', margin: 0,
+    });
+  });
+
+  // Bottom meta strip -- facts
+  slide.addText(
+    '~140k звезд GitHub  |  MIT  |  Python: langchain 1.3.10 / langchain-core 1.4.8  |  JS: @langchain/langchain',
+    {
+      x: 0.5, y: 4.8, w: 9.0, h: 0.3,
+      fontFace: ds.helpers.withFallback(theme.fonts.ui),
+      fontSize: 10, italic: true,
+      color: theme.palette.text.muted,
+      align: 'left', valign: 'middle',
+      margin: 0,
+    }
+  );
+
+  ds.helpers.addSourceLine(slide, pres, theme, {
+    source: 'github.com/langchain-ai/langchain README + changelog.langchain.com',
+  });
+  ds.helpers.addPageNumber(slide, pres, theme, 2);
+}
+
+module.exports = { createSlide };