added new example all-features and fixed and moved old examples to folder 2025

package.json

@@ -37,7 +37,7 @@
     "react-cosmos-plugin-vite": "7.0.0-beta.0",
     "react-dom": "19.1.0",
     "react-use": "^17.4.0",
-    "tscircuit": "^0.0.1015",
+    "tscircuit": "^0.0.1040",
     "tsup": "^8.0.2",
     "type-fest": "^3.0.0",
     "typescript": "^5.4.4",

src/examples/DRC-errors-highlight.fixture.tsx → src/examples/2025/DRC-errors-highlight.fixture.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { Circuit } from "@tscircuit/core"
 import { useEffect, useMemo, useState } from "react"
 

src/examples/Fabication-note-dimension.fixture.tsx → src/examples/2025/Fabication-note-dimension.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import React from "react"
 
 export const FabricationNoteDimension: React.FC = () => {

src/examples/Fabication-note-rect.fixture.tsx → src/examples/2025/Fabication-note-rect.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import React from "react"
 
 export const FabricationNoteRect: React.FC = () => {

src/examples/autorouting-animations.fixture.tsx → src/examples/2025/autorouting-animations.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { Circuit } from "@tscircuit/core"
 import type { GraphicsObject } from "graphics-debug"
 import { Fragment, useEffect, useMemo, useRef, useState } from "react"

src/examples/board-anchor-offset.fixture.tsx → src/examples/2025/board-anchor-offset.fixture.tsx

@@ -1,6 +1,6 @@
 import type React from "react"
 import type { AnyCircuitElement } from "circuit-json"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 const circuitJson: AnyCircuitElement[] = [
   {

src/examples/board.fixture.tsx → src/examples/2025/board.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const BasicRectangleBoard = () => {
   const circuit = new Circuit()

src/examples/canvas-elements-renderer.fixture.tsx → src/examples/2025/canvas-elements-renderer.fixture.tsx

@@ -1,4 +1,5 @@
-import { CanvasElementsRenderer } from "../components/CanvasElementsRenderer"
+import { CanvasElementsRenderer } from "../../components/CanvasElementsRenderer"
+import { ContextProviders } from "../../components/ContextProviders"
 import { useState } from "react"
 import { useMeasure } from "react-use"
 import useMouseMatrixTransform from "use-mouse-matrix-transform"
@@ -123,26 +124,28 @@ const CanvasElementsTest = () => {
   return (
     <div ref={transformRef as any}>
       <div ref={ref as any}>
-        <CanvasElementsRenderer
-          key={refDimensions.width}
-          elements={exampleSoup as any}
-          transform={transform}
-          height={600}
-          width={refDimensions.width}
-          grid={{
-            spacing: 1,
-            view_window: {
-              left: 0,
-              right: refDimensions.width || 500,
-              top: 600,
-              bottom: 0,
-            },
-          }}
-          allowEditing={false}
-          cancelPanDrag={() => {}}
-          onCreateEditEvent={() => {}}
-          onModifyEditEvent={() => {}}
-        />
+        <ContextProviders>
+          <CanvasElementsRenderer
+            key={refDimensions.width}
+            elements={exampleSoup as any}
+            transform={transform}
+            height={600}
+            width={refDimensions.width}
+            grid={{
+              spacing: 1,
+              view_window: {
+                left: 0,
+                right: refDimensions.width || 500,
+                top: 600,
+                bottom: 0,
+              },
+            }}
+            allowEditing={false}
+            cancelPanDrag={() => {}}
+            onCreateEditEvent={() => {}}
+            onModifyEditEvent={() => {}}
+          />
+        </ContextProviders>
       </div>
     </div>
   )

src/examples/circular_hole_with_rect_pad.fixture.tsx → src/examples/2025/circular_hole_with_rect_pad.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const PlatedHoleRotatedPillWithRectPad: React.FC = () => {
   return (

src/examples/components.fixture.tsx → src/examples/2025/components.fixture.tsx

@@ -1,5 +1,5 @@
 import type React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 const silkscreenCircuitJson = [
   {

src/examples/connected-resistors.fixture.tsx → src/examples/2025/connected-resistors.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 const ConnectedResistors = () => {
   const circuit = new Circuit()

src/examples/coordinate-flip.fixture.tsx → src/examples/2025/coordinate-flip.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const CoordinateFlip = () => {
   const circuit = new Circuit()

src/examples/copper-pour.fixture.tsx → src/examples/2025/copper-pour.fixture.tsx

@@ -1,6 +1,6 @@
 import type React from "react"
 import type { AnyCircuitElement, PcbCopperPour } from "circuit-json"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const CopperPour: React.FC = () => {
   const soup: AnyCircuitElement[] = [

src/examples/copper-text.fixture.tsx → src/examples/2025/copper-text.fixture.tsx

@@ -1,6 +1,6 @@
 import type React from "react"
 import type { AnyCircuitElement } from "circuit-json"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const CopperText: React.FC = () => {
   const soup: AnyCircuitElement[] = [

src/examples/corner-radius-component.fixture.tsx → src/examples/2025/corner-radius-component.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 const CornerRadiusCircuitJson = [
   {

src/examples/debugGraphics.fixture.tsx → src/examples/2025/debugGraphics.fixture.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { Circuit } from "@tscircuit/core"
 import type { GraphicsObject } from "graphics-debug"
 import { useEffect, useState } from "react"

src/examples/disable-pcb-groups.fixture.tsx → src/examples/2025/disable-pcb-groups.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { circuitJson } from "./pcb-group.fixture"
 
 export const DisablePcbGroupsComparison = () => {

src/examples/error-hover-highlight.fixture.tsx → src/examples/2025/error-hover-highlight.fixture.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import type { PcbTraceError } from "circuit-json"
 
 export const ErrorHoverHighlight: React.FC = () => {

src/examples/error-in-circuit-should-display.fixture.tsx → src/examples/2025/error-in-circuit-should-display.fixture.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { Circuit } from "@tscircuit/core"
 
 export const ErrorInCircuit: React.FC = () => {

src/examples/fabrication/fabrication-path.fixture.tsx → src/examples/2025/fabrication/fabrication-path.fixture.tsx

@@ -1,6 +1,6 @@
 import { Circuit } from "@tscircuit/core"
 import type React from "react"
-import { PCBViewer } from "../../PCBViewer"
+import { PCBViewer } from "../../../PCBViewer"
 
 export const FabricationPath: React.FC = () => {
   const circuit = new Circuit()

src/examples/fabrication/fabrication-text.fixture.tsx → src/examples/2025/fabrication/fabrication-text.fixture.tsx

@@ -1,6 +1,6 @@
 import { Circuit } from "@tscircuit/core"
 import type React from "react"
-import { PCBViewer } from "../../PCBViewer"
+import { PCBViewer } from "../../../PCBViewer"
 
 export const FabricationNoteText: React.FC = () => {
   const circuit = new Circuit()

src/examples/features/click-to-enable-zoom.fixture.tsx → src/examples/2025/features/click-to-enable-zoom.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../../PCBViewer"
+import { PCBViewer } from "../../../PCBViewer"
 
 const ClickToEnableInteractionDemo: React.FC = () => {
   const circuit = new Circuit()

src/examples/group-anchor-hover-offset.fixture.tsx → src/examples/2025/group-anchor-hover-offset.fixture.tsx

@@ -1,5 +1,5 @@
 import type React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { AnyCircuitElement } from "circuit-json"
 
 export const GroupAnchorHoverOffset: React.FC = () => {

src/examples/group-to-group-and-board-anchor.fixture.tsx → src/examples/2025/group-to-group-and-board-anchor.fixture.tsx

@@ -1,5 +1,5 @@
 import type React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { AnyCircuitElement } from "circuit-json"
 
 export const GroupToGroupAndBoardAnchor: React.FC = () => {
@@ -234,8 +234,8 @@ export const GroupToGroupAndBoardAnchor: React.FC = () => {
               anchor_alignment: "center",
               position_mode: "relative_to_group_anchor",
               positioned_relative_to_pcb_group_id: "group_1",
-              display_offset_x: "Group Δx: 12.00mm",
-              display_offset_y: "Group Δy: 0.00mm",
+              display_offset_x: "12.00mm",
+              display_offset_y: "0.00mm",
               pcb_component_ids: ["pcb_resistor_3", "pcb_resistor_4"],
             },
             // Group 3 - Positioned relative to Board center (0, 0) - clearly different from Group 1
@@ -326,8 +326,8 @@ export const GroupToGroupAndBoardAnchor: React.FC = () => {
               anchor_alignment: "center",
               position_mode: "relative_to_group_anchor",
               positioned_relative_to_pcb_board_id: "pcb_board_0",
-              display_offset_x: "Board Δx: -7.00mm",
-              display_offset_y: "Board Δy: 8.00mm",
+              display_offset_x: "-7.00mm",
+              display_offset_y: "8.00mm",
               pcb_component_ids: ["pcb_resistor_5", "pcb_resistor_6"],
             },
           ] as AnyCircuitElement[]

src/examples/hole-rect.fixture.tsx → src/examples/2025/hole-rect.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const RectangularHole = () => {
   return (

src/examples/hole-rotated-pill.fixture.tsx → src/examples/2025/hole-rotated-pill.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const RotatedPillHole = () => {
   return (

src/examples/hole.fixture.tsx → src/examples/2025/hole.fixture.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { Circuit } from "@tscircuit/core"
 
 export const HoleExample: React.FC = () => {

src/examples/hole_with_polygon_pad.fixture.tsx → src/examples/2025/hole_with_polygon_pad.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const HoleWithPolygonPadFixture = () => {
   return (

src/examples/hover-behavior.fixture.tsx → src/examples/2025/hover-behavior.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 const HoverBehaviorDemo: React.FC<{ focusOnHover?: boolean }> = ({
   focusOnHover,

src/examples/initial-centering.fixture.tsx → src/examples/2025/initial-centering.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const SpacedResistors = () => {
   const circuit = new Circuit()

src/examples/keepout.fixture.tsx → src/examples/2025/keepout.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const KeepoutRectExample = () => {
   return (

src/examples/keyboard.fixture.tsx → src/examples/2025/keyboard.fixture.tsx

@@ -1,16 +1,12 @@
 import React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 import { Circuit } from "@tscircuit/core"
-import { MacroKeypad } from "./story-components/MacroKeypad"
+import { MacroKeypad } from "../../assets/story-components/MacroKeypad"
 
 export const KeyboardExample: React.FC = () => {
   const circuit = new Circuit()
 
-  circuit.add(
-    <board width="10mm" height="10mm">
-      <MacroKeypad />
-    </board>,
-  )
+  circuit.add(<MacroKeypad />)
 
   const soup = circuit.getCircuitJson()
 

src/examples/long-line-errors.fixture.tsx → src/examples/2025/long-line-errors.fixture.tsx

@@ -1,6 +1,6 @@
 import React from "react"
-import { PCBViewer } from "../PCBViewer"
-import timer555 from "./assets/timer-555"
+import { PCBViewer } from "../../PCBViewer"
+import timer555 from "../../assets/timer-555"
 
 export const LongLineErrorExample: React.FC = () => {
   return (

src/examples/manual-edit-conflicts-highlight.fixture.tsx → src/examples/2025/manual-edit-conflicts-highlight.fixture.tsx

@@ -1,6 +1,6 @@
 import type React from "react"
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 const ManualConfliictsWarningBox: React.FC = () => {
   const circuit = new Circuit()

src/examples/multi-layer-circuit.fixture.tsx → src/examples/2025/multi-layer-circuit.fixture.tsx

@@ -1,6 +1,6 @@
 import { Circuit } from "@tscircuit/core"
 import type React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const MultiLayerCircuit: React.FC = () => {
   const circuit = new Circuit()

src/examples/multi-layer/eight-layer-circuit.fixture.tsx → src/examples/2025/multi-layer/eight-layer-circuit.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../../PCBViewer"
+import { PCBViewer } from "../../../PCBViewer"
 import type { AnyCircuitElement } from "circuit-json"
 
 const EightLayerCircuit = () => {

src/examples/multi-layer/four-layer-circuit.fixture.tsx → src/examples/2025/multi-layer/four-layer-circuit.fixture.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { PCBViewer } from "../../PCBViewer"
+import { PCBViewer } from "../../../PCBViewer"
 import type { AnyCircuitElement } from "circuit-json"
 
 export const FourLayerCircuit: React.FC = () => {

src/examples/multi-layer/overlapping-layers-test.fixture.tsx → src/examples/2025/multi-layer/overlapping-layers-test.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../../PCBViewer"
+import { PCBViewer } from "../../../PCBViewer"
 import type { AnyCircuitElement } from "circuit-json"
 
 const OverlappingLayersTest = () => {

src/examples/multi-layer/six-layer-circuit.fixture.tsx → src/examples/2025/multi-layer/six-layer-circuit.fixture.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { PCBViewer } from "../../PCBViewer"
+import { PCBViewer } from "../../../PCBViewer"
 import type { AnyCircuitElement } from "circuit-json"
 
 export const SixLayerCircuit: React.FC = () => {

src/examples/multi-layer/two-layer-circuit.fixture.tsx → src/examples/2025/multi-layer/two-layer-circuit.fixture.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { PCBViewer } from "../../PCBViewer"
+import { PCBViewer } from "../../../PCBViewer"
 import type { AnyCircuitElement } from "circuit-json"
 
 export const TwoLayerCircuit: React.FC = () => {

src/examples/pcb-group-anchor.fixture.tsx → src/examples/2025/pcb-group-anchor.fixture.tsx

@@ -1,5 +1,5 @@
 import type React from "react"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const PcbGroupWithAnchor: React.FC = () => {
   return (

src/examples/pcb-group.fixture.tsx → src/examples/2025/pcb-group.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const circuitJson = [
   {

src/examples/pcb-panel-multiple-boards.fixture.tsx → src/examples/2025/pcb-panel-multiple-boards.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const PcbPanelMultipleBoardsExample: React.FC = () => {
   const circuit = new Circuit()

src/examples/pcb-panel.fixture.tsx → src/examples/2025/pcb-panel.fixture.tsx

@@ -1,4 +1,4 @@
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const PcbPanelExample = () => {
   return (

src/examples/pcb_note.fixture.tsx → src/examples/2025/pcb_note.fixture.tsx

@@ -1,5 +1,5 @@
 import { Circuit } from "@tscircuit/core"
-import { PCBViewer } from "../PCBViewer"
+import { PCBViewer } from "../../PCBViewer"
 
 export const PcbNoteExample: React.FC = () => {
   const circuit = new Circuit()