@marimo-team/islands 0.24.1-dev29 → 0.24.1-dev30

package/dist/{common-DWZbOZtC.js → common-Cy9zypnG.js}

@@ -36337,7 +36337,7 @@ ${d}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.24.1-dev29");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.24.1-dev30");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as notebookOutline, $t as isUninstantiated, A as ChevronDownIcon, An
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BRZ_XYUw.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist-j30bBjjN.js";
 import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-DR1CyTOo.js";
-import { $ as CommandSeparator, $t as Kbd, A as ErrorState, At as getPageIndexForRow, B as ContextMenuTrigger, Bt as dateToLocalISODate, C as downloadHTMLAsImage, Ct as inferFieldTypes, D as ColumnName, Dt as DelayMount, E as downloadSizeLimitAtom, Et as ColumnChartSpecModel, F as getUserColumnVisibilityCounts, Ft as TOO_MANY_ROWS, G as DateRangePicker, Gt as TabsList, H as useSelectList, Ht as dateToLocalISOTime, I as ContextMenu, It as toFieldTypes, J as Command, Jt as ChartInfoState, K as Combobox, Kt as TabsTrigger, L as ContextMenuContent, Lt as getMimeValues, M as prettifyRowColumnCount, Mt as loadTableData, N as prettifyRowCount, Nt as INDEX_COLUMN_NAME, O as ColumnPreviewContainer, Ot as useIntersectionObserver, P as getColumnCountForDisplay, Pt as SELECT_COLUMN_ID, Q as CommandList, Qt as RenderTextWithLinks, R as ContextMenuItem, Rt as isNullishFilter, S as downloadExportedFile, St as generateColumns, T as Filenames, Tt as ColumnChartContext, U as CompactChipRow, Ut as Tabs, V as useInternalStateWithSync, Vt as dateToLocalISODateTime, W as DatePicker, Wt as TabsContent, X as CommandInput, Xt as LazyVegaEmbed, Y as CommandEmpty, Yt as ChartLoadingState, Z as CommandItem, Zt as useOverflowDetection, _ as DataTable, _n as ChevronLeft, _t as TableCell, an as TextWrap, at as contextAwarePanelType, b as downloadBlob, bt as TableRow, c as SLIDE_TYPE_OPTIONS_BY_VALUE, cn as EyeOff, ct as slotsController, d as Switch, dn as Download, en as HtmlOutput, et as smartMatch, f as RadioGroup, fn as Code, g as OutputRenderer, gn as ChevronsDownUp, gt as TableBody, h as OutputArea, hn as ChevronsLeft, ht as Table, i as showCodeInRunModeAtom, in as $fae977aafc393c5c$export$6b862160d295c8e, it as contextAwarePanelOwner, j as LoadingState, jt as loadTableAndRawData, k as EmptyState, kt as usePrevious$1, lt as Toggle, m as JsonOutput, mn as ChevronsRight, mt as Provider$1, n as useNotebookCodeAvailable, nn as safeLocale, nt as PANEL_TYPES, on as GripHorizontal, ot as isCellAwareAtom, p as RadioGroupItem, pn as ChevronsUpDown, pt as Fill, q as ComboboxItem, qt as ChartErrorState, r as marimoVersionAtom, rn as $fae977aafc393c5c$export$588937bcd60ade55, rt as contextAwarePanelOpen, sn as Funnel, st as SlotNames, t as cellDomProps, tn as EmotionCacheProvider, tt as ContextAwarePanelItem, u as Slide, un as Ellipsis, v as InstallPackageButton, vn as ArrowDownWideNarrow, vt as TableHead, w as Progress, wt as renderCellValue, x as downloadByURL, xt as NAMELESS_COLUMN_PREFIX, y as ADD_PRINTING_CLASS, yt as TableHeader, z as ContextMenuSeparator, zt as Maps, __tla as __tla_2 } from "./common-DWZbOZtC.js";
+import { $ as CommandSeparator, $t as Kbd, A as ErrorState, At as getPageIndexForRow, B as ContextMenuTrigger, Bt as dateToLocalISODate, C as downloadHTMLAsImage, Ct as inferFieldTypes, D as ColumnName, Dt as DelayMount, E as downloadSizeLimitAtom, Et as ColumnChartSpecModel, F as getUserColumnVisibilityCounts, Ft as TOO_MANY_ROWS, G as DateRangePicker, Gt as TabsList, H as useSelectList, Ht as dateToLocalISOTime, I as ContextMenu, It as toFieldTypes, J as Command, Jt as ChartInfoState, K as Combobox, Kt as TabsTrigger, L as ContextMenuContent, Lt as getMimeValues, M as prettifyRowColumnCount, Mt as loadTableData, N as prettifyRowCount, Nt as INDEX_COLUMN_NAME, O as ColumnPreviewContainer, Ot as useIntersectionObserver, P as getColumnCountForDisplay, Pt as SELECT_COLUMN_ID, Q as CommandList, Qt as RenderTextWithLinks, R as ContextMenuItem, Rt as isNullishFilter, S as downloadExportedFile, St as generateColumns, T as Filenames, Tt as ColumnChartContext, U as CompactChipRow, Ut as Tabs, V as useInternalStateWithSync, Vt as dateToLocalISODateTime, W as DatePicker, Wt as TabsContent, X as CommandInput, Xt as LazyVegaEmbed, Y as CommandEmpty, Yt as ChartLoadingState, Z as CommandItem, Zt as useOverflowDetection, _ as DataTable, _n as ChevronLeft, _t as TableCell, an as TextWrap, at as contextAwarePanelType, b as downloadBlob, bt as TableRow, c as SLIDE_TYPE_OPTIONS_BY_VALUE, cn as EyeOff, ct as slotsController, d as Switch, dn as Download, en as HtmlOutput, et as smartMatch, f as RadioGroup, fn as Code, g as OutputRenderer, gn as ChevronsDownUp, gt as TableBody, h as OutputArea, hn as ChevronsLeft, ht as Table, i as showCodeInRunModeAtom, in as $fae977aafc393c5c$export$6b862160d295c8e, it as contextAwarePanelOwner, j as LoadingState, jt as loadTableAndRawData, k as EmptyState, kt as usePrevious$1, lt as Toggle, m as JsonOutput, mn as ChevronsRight, mt as Provider$1, n as useNotebookCodeAvailable, nn as safeLocale, nt as PANEL_TYPES, on as GripHorizontal, ot as isCellAwareAtom, p as RadioGroupItem, pn as ChevronsUpDown, pt as Fill, q as ComboboxItem, qt as ChartErrorState, r as marimoVersionAtom, rn as $fae977aafc393c5c$export$588937bcd60ade55, rt as contextAwarePanelOpen, sn as Funnel, st as SlotNames, t as cellDomProps, tn as EmotionCacheProvider, tt as ContextAwarePanelItem, u as Slide, un as Ellipsis, v as InstallPackageButton, vn as ArrowDownWideNarrow, vt as TableHead, w as Progress, wt as renderCellValue, x as downloadByURL, xt as NAMELESS_COLUMN_PREFIX, y as ADD_PRINTING_CLASS, yt as TableHeader, z as ContextMenuSeparator, zt as Maps, __tla as __tla_2 } from "./common-Cy9zypnG.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-Bw4wRj_O.js";
 import { t as Check } from "./check-58HHfHKy.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-DMLVGXRo.js";
@@ -38307,7 +38307,7 @@ ${c}
   function _temp2$2(e) {
     e.target === e.currentTarget && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), e.currentTarget.click());
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-Dnn6UpHR.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-2JQ2YfIT.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a5;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [

package/dist/{reveal-component-Dnn6UpHR.js → reveal-component-2JQ2YfIT.js}

@@ -9,7 +9,7 @@ import { t as require_compiler_runtime } from "./compiler-runtime-DsR6imPN.js";
 import { ut as outputIsStale } from "./html-to-image-BzT-fb14.js";
 import "./chunk-5FQGJX7Z-BRZ_XYUw.js";
 import { u as createLucideIcon } from "./dist-j30bBjjN.js";
-import { a as DEFAULT_DECK_TRANSITION, cn as EyeOff, dt as PanelGroup, fn as Code, ft as PanelResizeHandle, l as SlideSidebar, ln as Expand, n as useNotebookCodeAvailable, o as DEFAULT_DECK_VERTICAL_ALIGN, s as DEFAULT_SLIDE_TYPE, t as cellDomProps, u as Slide, ut as Panel } from "./common-DWZbOZtC.js";
+import { a as DEFAULT_DECK_TRANSITION, cn as EyeOff, dt as PanelGroup, fn as Code, ft as PanelResizeHandle, l as SlideSidebar, ln as Expand, n as useNotebookCodeAvailable, o as DEFAULT_DECK_VERTICAL_ALIGN, s as DEFAULT_SLIDE_TYPE, t as cellDomProps, u as Slide, ut as Panel } from "./common-Cy9zypnG.js";
 import { R as ChevronDown } from "./strings-DMLVGXRo.js";
 import { X as useDebouncedCallback } from "./input-CqV2ZPgL.js";
 import { v as kioskModeAtom } from "./toDate-CjUYDkFI.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.24.1-dev29",
+  "version": "0.24.1-dev30",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/editor/connections/storage/__tests__/__snapshots__/as-code.test.ts.snap

@@ -117,6 +117,49 @@ exports[`generateStorageCode > GCS > without service account key (default creden
 store = GCSStore("my-bucket")"
 `;
 
+exports[`generateStorageCode > GitHub > public repo 1`] = `
+"from fsspec.implementations.github import GithubFileSystem
+
+fs = GithubFileSystem(
+    org="marimo-team",
+    repo="marimo",
+)"
+`;
+
+exports[`generateStorageCode > GitHub > with sha 1`] = `
+"from fsspec.implementations.github import GithubFileSystem
+
+fs = GithubFileSystem(
+    org="marimo-team",
+    repo="marimo",
+    sha="main",
+)"
+`;
+
+exports[`generateStorageCode > GitHub > with username and token 1`] = `
+"from fsspec.implementations.github import GithubFileSystem
+
+fs = GithubFileSystem(
+    org="marimo-team",
+    repo="marimo",
+    username="octocat",
+    token="ghp_example",
+)"
+`;
+
+exports[`generateStorageCode > GitHub > with username and token from secrets 1`] = `
+"from fsspec.implementations.github import GithubFileSystem
+import os
+
+_token = os.environ.get("GITHUB_TOKEN")
+fs = GithubFileSystem(
+    org="marimo-team",
+    repo="marimo",
+    username="octocat",
+    token=_token,
+)"
+`;
+
 exports[`generateStorageCode > Google Drive > with default auth (no credentials) 1`] = `
 "from gdrive_fsspec import GoogleDriveFileSystem
 

package/src/components/editor/connections/storage/__tests__/as-code.test.ts

@@ -329,6 +329,83 @@ describe("generateStorageCode", () => {
     });
   });
 
+  describe("GitHub", () => {
+    it("public repo", () => {
+      expect(
+        generateStorageCode(
+          { type: "github", org: "marimo-team", repo: "marimo" },
+          { library: "fsspec" },
+        ),
+      ).toMatchSnapshot();
+    });
+
+    it("with sha", () => {
+      expect(
+        generateStorageCode(
+          {
+            type: "github",
+            org: "marimo-team",
+            repo: "marimo",
+            sha: "main",
+          },
+          { library: "fsspec" },
+        ),
+      ).toMatchSnapshot();
+    });
+
+    it("escapes quotes and backslashes in sha", () => {
+      expect(
+        generateStorageCode(
+          {
+            type: "github",
+            org: "marimo-team",
+            repo: "marimo",
+            sha: 'feature/\\"new"',
+          },
+          { library: "fsspec" },
+        ),
+      ).toMatchInlineSnapshot(`
+        "from fsspec.implementations.github import GithubFileSystem
+
+        fs = GithubFileSystem(
+            org="marimo-team",
+            repo="marimo",
+            sha="feature/\\\\\\"new\\"",
+        )"
+      `);
+    });
+
+    it("with username and token", () => {
+      expect(
+        generateStorageCode(
+          {
+            type: "github",
+            org: "marimo-team",
+            repo: "marimo",
+            username: "octocat",
+            token: "ghp_example",
+          },
+          { library: "fsspec" },
+        ),
+      ).toMatchSnapshot();
+    });
+
+    it("with username and token from secrets", () => {
+      expect(
+        generateStorageCode(
+          {
+            type: "github",
+            org: "marimo-team",
+            repo: "marimo",
+            username: "octocat",
+            token: prefixSecret("GITHUB_TOKEN"),
+          },
+          { library: "fsspec" },
+        ),
+      ).toMatchSnapshot();
+    });
+  });
+
   describe("invalid cases", () => {
     it("throws for empty S3 bucket", () => {
       expect(() =>
@@ -397,5 +474,55 @@ describe("generateStorageCode", () => {
         ),
       ).toThrow();
     });
+
+    it("throws for empty GitHub org", () => {
+      expect(() =>
+        generateStorageCode(
+          { type: "github", org: "", repo: "marimo" } as StorageConnection,
+          { library: "fsspec" },
+        ),
+      ).toThrow();
+    });
+
+    it("throws for empty GitHub repo", () => {
+      expect(() =>
+        generateStorageCode(
+          {
+            type: "github",
+            org: "marimo-team",
+            repo: "",
+          } as StorageConnection,
+          { library: "fsspec" },
+        ),
+      ).toThrow();
+    });
+
+    it("throws when GitHub username is set without token", () => {
+      expect(() =>
+        generateStorageCode(
+          {
+            type: "github",
+            org: "marimo-team",
+            repo: "marimo",
+            username: "octocat",
+          },
+          { library: "fsspec" },
+        ),
+      ).toThrow();
+    });
+
+    it("throws when GitHub token is set without username", () => {
+      expect(() =>
+        generateStorageCode(
+          {
+            type: "github",
+            org: "marimo-team",
+            repo: "marimo",
+            token: "ghp_example",
+          },
+          { library: "fsspec" },
+        ),
+      ).toThrow();
+    });
   });
 });

package/src/components/editor/connections/storage/add-storage-form.tsx

@@ -16,6 +16,7 @@ import {
   AzureStorageSchema,
   CoreWeaveStorageSchema,
   GCSStorageSchema,
+  GithubStorageSchema,
   GoogleDriveStorageSchema,
   HuggingfaceStorageSchema,
   S3StorageSchema,
@@ -89,6 +90,15 @@ const STORAGE_PROVIDERS = [
       preferred: "huggingface_hub",
     },
   },
+  {
+    name: "GitHub",
+    schema: GithubStorageSchema,
+    protocol: "github",
+    storageLibraries: {
+      libraries: ["fsspec"],
+      preferred: "fsspec",
+    },
+  },
 ] satisfies StorageProviderSchema[];
 
 const StorageProviderSelector: React.FC<{
@@ -105,7 +115,7 @@ const StorageProviderSelector: React.FC<{
             <ProtocolIcon
               protocol={protocol as KnownStorageProtocol}
               forceDark={true}
-              className="w-7.5 h-7.5"
+              className="w-7.5 h-7.5 text-white"
             />
           }
           onSelect={() => onSelect(schema)}

package/src/components/editor/connections/storage/as-code.ts

@@ -43,7 +43,7 @@ class SecretContainer {
       this.secrets[privateVar] = `os.environ.get("${envVar}")`;
       return privateVar;
     }
-    return `"${value}"`;
+    return `"${escapePythonString(value)}"`;
   }
 
   formatSecrets(): string {
@@ -260,6 +260,32 @@ function generateHuggingfaceCode(
   return { imports, code: `hf = HfApi(token=${token})` };
 }
 
+function generateGithubCode(
+  connection: Extract<StorageConnection, { type: "github" }>,
+  secrets: SecretContainer,
+): { imports: Set<string>; code: string } {
+  const imports = new Set([
+    "from fsspec.implementations.github import GithubFileSystem",
+  ]);
+  const params: string[] = [
+    `org=${secrets.print("org", connection.org)},`,
+    `repo=${secrets.print("repo", connection.repo)},`,
+  ];
+
+  if (connection.sha) {
+    params.push(`sha=${secrets.print("sha", connection.sha)},`);
+  }
+  if (connection.username && connection.token) {
+    params.push(
+      `username=${secrets.print("username", connection.username)},`,
+      `token=${secrets.print("token", connection.token)},`,
+    );
+  }
+
+  const paramsStr = params.map((param) => `    ${param}`).join("\n");
+  return { imports, code: `fs = GithubFileSystem(\n${paramsStr}\n)` };
+}
+
 export function generateStorageCode(
   connection: StorageConnection,
   options: StorageCodeOptions,
@@ -291,6 +317,9 @@ export function generateStorageCode(
     case "huggingface":
       result = generateHuggingfaceCode(connection, secrets);
       break;
+    case "github":
+      result = generateGithubCode(connection, secrets);
+      break;
     default:
       assertNever(connection);
   }

package/src/components/editor/connections/storage/schemas.ts

@@ -238,6 +238,68 @@ export const HuggingfaceStorageSchema = z
   })
   .describe(FieldOptions.of({ direction: "two-columns" }));
 
+function isFilled(value: string | undefined): boolean {
+  return value != null && value !== "";
+}
+
+export const GithubStorageSchema = z
+  .object({
+    type: z.literal("github"),
+    org: z
+      .string()
+      .nonempty()
+      .describe(
+        FieldOptions.of({
+          label: "Organization or user",
+        }),
+      ),
+    repo: z
+      .string()
+      .nonempty()
+      .describe(
+        FieldOptions.of({
+          label: "Repository",
+        }),
+      ),
+    sha: z
+      .string()
+      .optional()
+      .describe(
+        FieldOptions.of({
+          label: "Branch, tag, or commit",
+          placeholder: "main",
+          description: "Leave empty to use the default branch",
+        }),
+      ),
+    username: z
+      .string()
+      .optional()
+      .describe(
+        FieldOptions.of({
+          label: "Username",
+          description: "Set this together with access token",
+          optionRegex: "(github.?username|github.?user)",
+        }),
+      ),
+    token: z
+      .string()
+      .optional()
+      .describe(
+        FieldOptions.of({
+          label: "Access Token",
+          description:
+            "Set this together with username. Required for private repos and to avoid GitHub's rate limits.",
+          inputType: "password",
+          optionRegex: "(github.?token|gh.?token|github.?pat)",
+        }),
+      ),
+  })
+  .refine((value) => isFilled(value.username) === isFilled(value.token), {
+    message: "Username and access token are required together",
+    path: ["token"],
+  })
+  .describe(FieldOptions.of({ direction: "two-columns" }));
+
 export const StorageConnectionSchema = z.discriminatedUnion("type", [
   S3StorageSchema,
   GCSStorageSchema,
@@ -245,6 +307,7 @@ export const StorageConnectionSchema = z.discriminatedUnion("type", [
   CoreWeaveStorageSchema,
   GoogleDriveStorageSchema,
   HuggingfaceStorageSchema,
+  GithubStorageSchema,
 ]);
 
 export type StorageConnection = z.infer<typeof StorageConnectionSchema>;