@datalayer/core 0.0.2 → 0.0.3

package/lib/components/text-reveal/TextRevealAnimation.js

@@ -3,11 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import React, { useEffect } from 'react';
 import clsx from 'clsx';
 import { useTextRevealAnimationLines } from './useTextRevealAnimationLines';
@@ -46,7 +41,6 @@ export function TextRevealAnimation({ children, ...rest }) {
         };
     }, [ref]);
     if (typeof children !== 'string' && (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test')) {
-        // eslint-disable-next-line no-console
         console.warn('Children passed to TextRevealAnimation must be a string');
         return null;
     }

package/lib/components/text-reveal/TextRevealAnimation.module.css

@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+@keyframes wipe {
+  from {
+    transform: scaleX(1);
+  }
+  to {
+    transform: scaleX(0);
+  }
+}
+
+.TextRevealAnimation {
+  opacity: 0;
+  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
+}
+
+.TextRevealAnimation--visible {
+  opacity: 1;
+}
+
+.TextRevealAnimation,
+.TextRevealAnimation--animated {
+  width: 100%;
+  min-height: 1lh;
+  position: relative;
+}
+
+.TextRevealAnimation--animated::after {
+  content: '';
+  display: inline;
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--brand-color-accent-primary);
+  transform-origin: right;
+  animation: wipe var(--brand-animation-duration-extended) forwards var(--brand-animation-easing-default);
+  animation-delay: var(--animation-delay);
+}

package/lib/components/text-reveal/index.js

@@ -2,9 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './TextRevealAnimation';

package/lib/components/text-reveal/useTextRevealAnimationLines.js

@@ -2,11 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useRef, useEffect, useState } from 'react';
 export const useTextRevealAnimationLines = (text) => {
     const ref = useRef(null);

package/lib/components/tokens/SpaceVariantToken.js

@@ -3,11 +3,6 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { Token } from "@primer/react";
 import { ProjectIcon } from "@primer/octicons-react";
 import { StudentIcon } from "@datalayer/icons-react";

package/lib/components/tokens/index.js

@@ -2,9 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './SpaceVariantToken';

package/lib/components/toolbars/AssignmentEditorToolbar.js

@@ -3,11 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { Button, Box } from '@primer/react';
 import { RepoPushIcon, PlayIcon, StopIcon } from '@primer/octicons-react';
 import { notebookStore } from '@datalayer/jupyter-react';

package/lib/components/toolbars/DocumentEditorToolbar.js

@@ -3,11 +3,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { Button, Box } from '@primer/react';
 import { RepoPushIcon } from '@primer/octicons-react';
 import { documentStore } from '../../state';

package/lib/components/toolbars/NotebookEditorToolbar.d.ts

@@ -1,6 +1,6 @@
 import { Session } from '@jupyterlab/services';
 import { CommandRegistry } from '@lumino/commands';
-import { type IRuntimeDesc } from '../../api';
+import type { IRuntimeDesc } from '../../models';
 /**
  * NotebookEditorToolbar component properties
  */

package/lib/components/toolbars/NotebookEditorToolbar.js

@@ -3,11 +3,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { NotebookCommandIds } from '@datalayer/jupyter-react';
 import { Button } from '@primer/react';
 import { PlayIcon, StopIcon } from '@primer/octicons-react';

package/lib/components/toolbars/index.js

@@ -2,11 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './AssignmentEditorToolbar';
 export * from './DocumentEditorToolbar';
 export * from './NotebookEditorToolbar';

package/lib/components/users/PeerIndicator.js

@@ -3,11 +3,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useEffect, useState } from 'react';
 import { Avatar, AvatarStack } from '@primer/react';
 import { getAvatarURL, getRelativeTime } from '../../utils';

package/lib/components/users/index.js

@@ -2,9 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './PeerIndicator';

package/lib/config/Configuration.js

@@ -2,11 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { Signal } from '@lumino/signaling';
 import { coreStore } from '../state';
 export const FORCE_ACTIVATE_RUNTIMES_PLUGINS = false;

package/lib/config/index.js

@@ -2,10 +2,5 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './Configuration';
 export * from './integrations';

package/lib/config/integrations/Loom.js

@@ -2,11 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 const IS_LOCALHOST = location.hostname === 'localhost';
 export const getLoomPublicAppId = () => {
     return IS_LOCALHOST

package/lib/config/integrations/index.js

@@ -2,9 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './Loom';

package/lib/examples/CellExample.d.ts

@@ -0,0 +1,6 @@
+import { Kernel } from '@datalayer/jupyter-react';
+type ICellExampleProps = {
+    kernel: Kernel;
+};
+export declare const CellExample: (props: ICellExampleProps) => import("react/jsx-runtime").JSX.Element;
+export default CellExample;

package/lib/examples/CellExample.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { Box, Button, Label } from '@primer/react';
+import { Cell, KernelIndicator, useKernelsStore, useCellsStore } from '@datalayer/jupyter-react';
+const CELL_ID = 'cell-example-1';
+const DEFAULT_SOURCE = `from IPython.display import display
+
+for i in range(10):
+    display('I am a long string which is repeatedly added to the dom in separated divs: %d' % i)`;
+export const CellExample = (props) => {
+    const { kernel } = props;
+    const cellsStore = useCellsStore();
+    const kernelsStore = useKernelsStore();
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { as: "h1", children: "A Jupyter Cell" }), _jsxs(Box, { children: ["Source: ", cellsStore.getSource(CELL_ID)] }), _jsxs(Box, { children: ["Outputs Count: ", cellsStore.getOutputsCount(CELL_ID)] }), _jsxs(Box, { children: ["Kernel State: ", _jsx(Label, { children: kernelsStore.getExecutionState(kernel.id) })] }), _jsxs(Box, { children: ["Kernel Phase: ", _jsx(Label, { children: kernelsStore.getExecutionPhase(kernel.id) })] }), _jsxs(Box, { display: "flex", children: [_jsx(Box, { children: "Kernel Indicator:" }), _jsx(Box, { ml: 3, children: _jsx(KernelIndicator, { kernel: kernel.connection }) })] }), _jsx(Box, { children: _jsx(Button, { onClick: () => cellsStore.execute(CELL_ID), children: "Run cell" }) }), _jsx(Cell, { source: DEFAULT_SOURCE, id: CELL_ID })] }));
+};
+export default CellExample;

package/lib/examples/NotebookExample.d.ts

@@ -0,0 +1,8 @@
+import { Kernel } from '@datalayer/jupyter-react';
+import { ServiceManager } from '@jupyterlab/services';
+type INotebookExampleProps = {
+    kernel: Kernel;
+    serviceManager: ServiceManager.IManager;
+};
+export declare const NotebookExample: (props: INotebookExampleProps) => import("react/jsx-runtime").JSX.Element;
+export default NotebookExample;

package/lib/examples/NotebookExample.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useMemo } from 'react';
+import { Box } from '@datalayer/primer-addons';
+import { Notebook2, NotebookToolbar, CellSidebarExtension, CellSidebarButton } from '@datalayer/jupyter-react';
+const NOTEBOOK_ID = 'notebook-example-1';
+export const NotebookExample = (props) => {
+    const { kernel, serviceManager } = props;
+    const extensions = useMemo(() => [
+        new CellSidebarExtension({ factory: CellSidebarButton })
+    ], []);
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook" }), _jsx(Notebook2, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, serviceManager: serviceManager, kernelId: kernel.id, extensions: extensions, Toolbar: NotebookToolbar })] }));
+};
+export default NotebookExample;

package/lib/examples/NotebookExample1.ipynb.json

@@ -0,0 +1,136 @@
+{
+  "cells": [
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": ["2"]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["1+1"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {
+        "datalayer": {
+          "_about": "AI Platform for Data Analysis"
+        }
+      },
+      "outputs": [
+        {
+          "data": {
+            "text/plain": ["4"]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": [
+        "# I am a Python cell.\n",
+        "print('2+2')"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {
+      },
+      "outputs": [
+        {
+          "data": {
+            "text/plain": []
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": [
+        "# import micropip\n",
+        "# await micropip.install('ipywidgets')\n",
+        "from ipywidgets import IntSlider\n",
+        "w = IntSlider()\n",
+        "w"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {
+      },
+      "outputs": [
+        {
+          "data": {
+            "text/plain": []
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": [
+        "w"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {
+        "datalayer": {
+          "sql": true
+        }
+      },
+      "outputs": [
+        {
+          "data": {
+            "text/plain": [""]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": [
+        "-- I am a SQL cell.\n",
+        "SELECT * FROM LOGS"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "metadata": {},
+      "outputs": [],
+      "source": []
+    }
+  ],
+  "metadata": {
+    "kernelspec": {
+      "display_name": "Python (ipykernel)",
+      "language": "python",
+      "name": "python"
+    },
+    "language_info": {
+      "codemirror_mode": {
+        "name": "ipython",
+        "version": 3
+      },
+      "file_extension": ".py",
+      "mimetype": "text/x-python",
+      "name": "python",
+      "nbconvert_exporter": "python",
+      "pygments_lexer": "ipython3",
+      "version": "3.10.4"
+    }
+  },
+  "nbformat": 4,
+  "nbformat_minor": 4
+}

package/lib/hooks/assets/OutputshotPlaceholders.js

@@ -2,11 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 /**
 * Encode SVG online tool https://yoksel.github.io/url-encoder
 *

package/lib/hooks/assets/index.js

@@ -2,9 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './OutputshotPlaceholders';

package/lib/hooks/index.d.ts

@@ -4,6 +4,7 @@ export * from "./useBackdrop";
 export * from "./useBackdropJupyterLab";
 export * from "./useCache";
 export * from "./useContainsFocus";
+export * from "./useDatalayer";
 export * from "./useError";
 export * from "./useExternalScript";
 export * from "./useFocusTrap";
@@ -18,7 +19,6 @@ export * from "./useNavigate";
 export * from "./useNotebookAIAgent";
 export * from "./useOnClickOutside";
 export * from "./useRef";
-export * from "./useRun";
 export * from "./useRuntimes";
 export * from "./useScreenshot";
 export * from "./useToast";

package/lib/hooks/index.js

@@ -2,17 +2,13 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from "./useAIAgents";
 export * from "./useAuthorization";
 export * from "./useBackdrop";
 export * from "./useBackdropJupyterLab";
 export * from "./useCache";
 export * from "./useContainsFocus";
+export * from "./useDatalayer";
 // export * from "./useCellOutputshot"; // Do not export html2canvas
 export * from "./useError";
 export * from "./useExternalScript";
@@ -28,7 +24,6 @@ export * from "./useNavigate";
 export * from "./useNotebookAIAgent";
 export * from "./useOnClickOutside";
 export * from "./useRef";
-export * from "./useRun";
 export * from "./useRuntimes";
 export * from "./useScreenshot";
 export * from "./useToast";

package/lib/hooks/layouts/LayoutBackdrop.js

@@ -3,11 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useEffect } from "react";
 import { Heading, Box, Spinner } from "@primer/react";
 import { useBackdrop } from '..';

package/lib/hooks/layouts/LayoutScreenshot.css

@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+.crosshairs {
+  position: fixed;
+  width: 100%;
+  z-index: 2147483645;
+}
+
+.crosshairs.hidden {
+  display: none;
+}
+
+.crosshairs::before,
+.crosshairs::after {
+  content: "";
+  position: absolute;
+}
+
+.crosshairs::before {
+  height: 24px;
+  width: 2px;
+  background: #000;
+  top: -11px;
+}
+
+.crosshairs::after {
+  width: 24px;
+  height: 2px;
+  background: #000;
+  left: -11px;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.overlay.highlighting {
+  background: none;
+  border-color: rgba(0, 0, 0, 0.5);
+  border-style: solid;
+}
+
+.crosshairs,
+.crosshairs:before,
+.crosshairs:after,
+.overlay,
+.overlay:before,
+.overlay:after {
+  box-sizing: border-box;
+}

package/lib/hooks/layouts/LayoutScreenshot.d.ts

@@ -1,2 +1,3 @@
+import './LayoutScreenshot.css';
 export declare const LayoutScreenshot: () => import("react/jsx-runtime").JSX.Element;
 export default LayoutScreenshot;

package/lib/hooks/layouts/LayoutScreenshot.js

@@ -3,16 +3,12 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useEffect } from "react";
 import { Box } from "@primer/react";
 import { useScreenshot, useToast } from '..';
 import { lazyWithPreload, WithSuspense } from "../../utils";
 import { useLayoutStore } from '../../state';
+import './LayoutScreenshot.css';
 const ScreenCapture = WithSuspense(lazyWithPreload(() => import("../../components/screenshot/ScreenCapture")));
 const Capture = (props) => {
     const { onStartCapture } = props;

package/lib/hooks/layouts/index.js

@@ -2,10 +2,5 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './LayoutBackdrop';
 export * from './LayoutScreenshot';