@datalayer/core 0.0.2 → 0.0.4

package/style/animation/Animation.module.css

@@ -0,0 +1,174 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+/**
+ * Hero example
+ */
+.DiscussionsExampleHero {
+  --discussions-example-hero-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 2.75px 2.21px rgba(0, 0, 0, 0.07),
+    0 6.65px 5.32px rgba(0, 0, 0, 0.043), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03),
+    0 42px 33.4px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.017);
+  max-width: 1024px;
+  margin: var(--base-size-128) auto;
+  position: relative;
+}
+
+.DiscussionsExampleHero::before {
+  content: '';
+  position: absolute;
+  inset: var(--base-size-16);
+  filter: blur(var(--base-size-48));
+  transform: translateZ(0);
+  background: linear-gradient(
+    to right,
+    hsl(var(--base-color-scale-blue-2-hsl)),
+    hsl(var(--base-color-scale-purple-2-hsl))
+  );
+}
+
+.DiscussionsExampleHero__image {
+  box-shadow: var(--discussions-example-hero-shadow);
+  width: 100%;
+  height: auto;
+  position: relative;
+  border-radius: var(--brand-borderRadius-medium);
+}
+
+.DiscussionsExampleHero__label {
+  box-shadow: var(--discussions-example-hero-shadow);
+
+  padding-left: var(--base-size-24);
+  padding-right: var(--base-size-24);
+  height: var(--base-size-48);
+  background-color: var(--brand-color-canvas-default);
+}
+
+.DiscussionsExampleHero__label svg {
+  height: var(--base-size-24);
+  width: var(--base-size-24);
+}
+
+.DiscussionsExampleHero__label--one {
+  position: absolute;
+  top: -32px;
+  left: 20%;
+}
+
+.DiscussionsExampleHero__labelContainer--two {
+  position: absolute;
+  top: 20%;
+  right: -5%;
+}
+
+.DiscussionsExampleHero__label--two {
+  transform: scale(1.2);
+}
+
+.DiscussionsExampleHero__label--three {
+  position: absolute;
+  bottom: -3%;
+  left: -2%;
+  transform: scale(1.5);
+}
+
+.DiscussionsExampleHero__video {
+  position: absolute;
+  top: 30%;
+  left: 60%;
+}
+
+/**
+ * Progress bar example
+ */
+.ProgressBarExamples {
+  max-width: 1024px;
+  margin: var(--base-size-128) auto;
+}
+
+.ProgressBarExample {
+  position: relative;
+}
+
+.ProgressBarExample__bar {
+  background-color: var(--brand-color-neutral-subtle);
+  border-radius: var(--brand-borderRadius-medium);
+  display: flex;
+  height: var(--base-size-8);
+  overflow: hidden;
+}
+
+.ProgressBarExample__barInner {
+  background-color: var(--base-color-scale-blue-4);
+  height: 100%;
+}
+
+/**
+ * Playground example
+ */
+.Playground {
+  background-color: var(--brand-color-neutral-subtle);
+  max-width: 200px;
+  min-height: 200px;
+}
+
+.PlaygroundText {
+  pointer-events: none;
+}
+
+/*
+* TimelineBar example
+*/
+.TimelineBarExample {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  height: 100%;
+  background-color: var(--brand-color-canvas-default);
+  padding: var(--base-size-48) var(--base-size-48) var(--base-size-96);
+  justify-content: center;
+}
+
+.TimelineBarExample__start {
+  position: relative;
+}
+
+.TimelineBarExample__line {
+  background: linear-gradient(#56d364, #2ea043, var(--brand-color-canvas-default));
+  width: var(--base-size-4);
+  height: 200px;
+  border-radius: var(--brand-borderRadius-medium);
+  display: block;
+  position: absolute;
+  left: calc(50% - var(--base-size-4));
+  top: 60px;
+}
+
+.TimelineBarExample__icon {
+  padding: var(--base-size-8);
+  border-radius: 50%;
+  background-color: hsl(var(--base-color-scale-green-7-hsl) / 1);
+  display: flex;
+  height: var(--base-size-48);
+  width: var(--base-size-48);
+  align-items: center;
+  justify-content: center;
+}
+
+.TimelineBarExample__text {
+  max-width: 650px;
+}
+
+.TimelineBarExample__highlightedText {
+  color: var(--base-color-scale-green-0) !important;
+}
+
+.TimelineBarExample__start {
+  display: flex;
+  order: 1;
+}
+
+.TimelineBarExample__end {
+  order: 2;
+}

package/style/base.css

@@ -0,0 +1,64 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+:root {
+  --dla-color-green-light: #2ECC71;
+  --dla-color-green-main: #1ABC9C;
+  --dla-color-green-dark: #16A085;
+  --dla-color-grey: #59595C;
+  --dla-color-black: #000000;
+  --dla-color-white: #FFFFFF;
+}
+
+body {
+  background: #ffffff !important;
+  overflow-y: visible !important;
+  margin: 0 !important;
+  padding: 0 !important;
+/*  --jp-ui-font-size1: 12px; */
+}
+
+.Primer_Brand__Hero-module__Hero___EM3jf {
+  padding-top: 88px;
+}
+
+#dla-hero .Primer_Brand__Heading-module__Heading--1___Ufc7G {
+  font-size: 62px;
+}
+
+#dla-hero .Primer_Brand__Grid-module__Grid___q48mT {
+  grid-column-gap: 12px !important;
+}
+
+#dla-hero .Primer_Brand__Text-module__Text___pecHN {
+  max-width: 1000px;
+  padding-right: 15px;
+}
+
+#dla-hero .Primer_Brand__Text-module__Text___pecHN {
+  line-height: 16px;
+}
+
+/* TODO Check the specificity of this rule */
+.jp-ThemedContainer a {
+  color: var(--jp-brand-color1, #1976d2) !important;
+  text-decoration: none !important
+}
+
+.jp-Shout-button {
+  height: 30px;
+  width: 150px;
+  margin: 8px;
+  padding-top: 9px;
+  text-align: center;
+  vertical-align: middle;
+  border-radius: 2px;
+  background-color: #2296f3;
+  color: #212121;
+}
+
+.jp-Shout-summary {
+  margin: 4px;
+}

package/style/index.css

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+@import url('base.css');

package/lib/__tests__/App.test.js

@@ -1,17 +0,0 @@
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { describe, it, expect } from 'vitest';
-import { App } from '../App';
-describe('App Component', () => {
-    it('should be a function component', () => {
-        expect(typeof App).toBe('function');
-    });
-    it('should be defined', () => {
-        expect(App).toBeDefined();
-    });
-    it('component name should be App', () => {
-        expect(App.name).toBe('App');
-    });
-});

package/lib/api/runtimes/models.d.ts

@@ -1,59 +0,0 @@
-import { Kernel } from '@jupyterlab/services';
-import { IRuntimePod } from "../../models";
-/**
- * Runtime location.
- */
-export type RuntimeLocation = 'browser' | 'local' | string;
-/**
- * Runtime model.
- */
-export interface IRuntimeModel extends IRuntimePod, Kernel.IModel {
-}
-/**
- * Error thrown when a remote machine has been created
- * but no kernel can be reached within it.
- */
-export declare class RuntimeUnreachable extends Error {
-    name: string;
-}
-/**
- * Runtime description.
- */
-export interface IRuntimeDesc {
-    /**
-     * Runtime ID.
-     */
-    id?: string;
-    /**
-     * Runtime Kernel ID.
-     */
-    kernelId?: string;
-    /**
-     * Runtime name.
-     */
-    name: string;
-    /**
-     * Runtime language.
-     */
-    language: string;
-    /**
-     * Runtime location.
-     */
-    location: RuntimeLocation;
-    /**
-     * Runtime display name.
-     */
-    displayName?: string;
-    /**
-     * Runtime parameters.
-     */
-    params?: Record<string, any>;
-    /**
-     * Runtime credits burning rate.
-     */
-    burningRate?: number;
-    /**
-     * Runtime Pod name (if applicable).
-     */
-    podName?: string;
-}

package/lib/api/runtimes/models.js

@@ -1,11 +0,0 @@
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/**
- * Error thrown when a remote machine has been created
- * but no kernel can be reached within it.
- */
-export class RuntimeUnreachable extends Error {
-    name = 'RuntimeUnreachable';
-}

package/lib/hooks/useRun.d.ts

@@ -1,21 +0,0 @@
-import type { IRequestRunAPIOptions } from '../api';
-export type IRunRequestProps = {
-    /**
-     * React router login route
-     *
-     * @default '/login'
-     */
-    loginRoute?: string;
-    /**
-     * Notify user through toast on errors.
-     *
-     * @default true
-     */
-    notifyOnError?: boolean;
-};
-export interface RunRequest extends IRunRequestProps, IRequestRunAPIOptions {
-}
-export declare function useRun(props?: IRunRequestProps): {
-    requestRun: <T = any>(request: RunRequest) => Promise<T>;
-};
-export default useRun;

package/lib/mocks/hooks/useRunMock.d.ts

@@ -1,6 +0,0 @@
-import { IAMStateProps } from "./../../hooks";
-import { RunRequest } from "./../../hooks";
-export declare const useRunMock: (props?: IAMStateProps) => {
-    requestRun: <T = any>(request: RunRequest) => Promise<T>;
-};
-export default useRunMock;