From 0846a6fbd063a34b9e6446c7d1baa1895ac4b6f9 Mon Sep 17 00:00:00 2001
From: Ozzie Gooen <ozzieagooen@gmail.com>
Date: Fri, 24 Jun 2022 07:20:15 -0700
Subject: [PATCH] Show contents of modules, except for Math

---
 .../src/components/SquiggleItem.tsx           | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/components/SquiggleItem.tsx b/packages/components/src/components/SquiggleItem.tsx
index d05d7c1f..48a8a0fb 100644
--- a/packages/components/src/components/SquiggleItem.tsx
+++ b/packages/components/src/components/SquiggleItem.tsx
@@ -244,7 +244,28 @@ export const SquiggleItem: React.FC<SquiggleItemProps> = ({
     case "module": {
       return (
         <VariableBox heading="Module" showTypes={showTypes}>
-          <span className="text-slate-600 font-semibold">Internal Module</span>
+          <div className="space-y-3">
+            {Object.entries(expression.value)
+              .filter(([key, r]) => key !== "Math")
+              .map(([key, r]) => (
+                <div key={key} className="flex space-x-2">
+                  <div className="flex-none">
+                    <header className="text-slate-500 font-mono">{key}:</header>
+                  </div>
+                  <div className="px-2 grow bg-gray-50 border border-gray-100 rounded-sm">
+                    <SquiggleItem
+                      expression={r}
+                      width={width !== undefined ? width - 20 : width}
+                      height={height / 3}
+                      showTypes={showTypes}
+                      distributionPlotSettings={distributionPlotSettings}
+                      chartSettings={chartSettings}
+                      environment={environment}
+                    />
+                  </div>
+                </div>
+              ))}
+          </div>
         </VariableBox>
       );
     }