@datalayer/core 0.0.2 → 0.0.3

package/lib/theme/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 './DatalayerTheme';
 export * from './DatalayerThemeProvider';
 export * from './Palette';

package/lib/utils/Array.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 const asArray = (obj) => {
     if (Array.isArray(obj)) {
         return obj;

package/lib/utils/Avatar.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 const DEFAULT_AVATAR_URL = 'https://avatars.githubusercontent.com/u/70511875?s=200&v=4';
 export const DEFAULT_AVATAR_URL_ENCODED = encodeURIComponent(DEFAULT_AVATAR_URL);
 function stringToColor(string) {

package/lib/utils/Browser.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
- */
 // https://stackoverflow.com/questions/49328382/browser-detection-in-reactjs
 // https://codepedia.info/detect-browser-in-javascript
 export const detectBrowser = () => {

package/lib/utils/Cookie.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
- */
 /**
  * Get a cookie from the document.
  */

package/lib/utils/Date.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
- */
 //- Taken from https://stackoverflow.com/questions/6108819/javascript-timestamp-to-relative-time
 // in miliseconds
 const units = {
@@ -22,7 +17,7 @@ const rtf = new Intl.RelativeTimeFormat(undefined, {
     style: 'short'
 });
 export const getRelativeTime = (d1, d2 = new Date()) => {
-    var elapsed = d1.getTime() - d2.getTime();
+    const elapsed = d1.getTime() - d2.getTime();
     // "Math.abs" accounts for both "past" & "future" scenarios
     for (const u in units)
         if (Math.abs(elapsed) > units[u] || u === 'second')
@@ -34,8 +29,8 @@ const p = (i) => {
     return i > 1 ? 's' : '';
 };
 export const timeSince = (date) => {
-    var seconds = Math.floor((new Date().getTime() - date.getTime()) / 1000);
-    var interval = seconds / 31536000;
+    const seconds = Math.floor((new Date().getTime() - date.getTime()) / 1000);
+    let interval = seconds / 31536000;
     if (interval > 1) {
         const i = Math.floor(interval);
         return i + ` year${p(i)}`;

package/lib/utils/Download.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 function jsonToCSVString(json) {
     const headers = Object.keys(json[0]);
     let csvString = '';

package/lib/utils/DownloadFile.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
- */
 /**
  * @param data
  * @param filename

package/lib/utils/Env.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 const isDevDeployment = () => {
     return location.hostname.startsWith('dev') || location.hostname.startsWith('localhost');
 };

package/lib/utils/File.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
- */
 /**
  * creates name of file.
  *

package/lib/utils/Ids.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 { v4 as uuid_v4 } from 'uuid';
 import { ulid } from 'ulid';
 export const newUuid = () => {

package/lib/utils/Jupyter.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 { PageConfig } from '@jupyterlab/coreutils';
 let _insideJupyterLab = null;
 export function isInsideJupyterLab() {

package/lib/utils/Lazy.js

@@ -2,12 +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
- */
-// Taken from https://github.com/ianschmitz/react-lazy-with-preload with Datalayer License.
 import { createElement, forwardRef, lazy as reactLazy } from "react";
 export function lazyWithPreload(factory) {
     const LazyComponent = reactLazy(factory);

package/lib/utils/Name.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 const asDisplayName = (givenName, familyName) => {
     return givenName ?
         familyName ?

package/lib/utils/Number.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 LOOKUP_VALUE_SYMBOL = [
     { value: 1, symbol: "" },
     { value: 1e3, symbol: "K" },
@@ -19,7 +14,7 @@ const LOOKUP_VALUE_SYMBOL = [
 // https://stackoverflow.com/questions/9461621/format-a-number-as-2-5k-if-a-thousand-or-more-otherwise-900
 export function numberFormatter(num, digits = 1) {
     const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
-    var item = LOOKUP_VALUE_SYMBOL.slice().reverse().find(function (item) {
+    const item = LOOKUP_VALUE_SYMBOL.slice().reverse().find(function (item) {
         return num >= item.value;
     });
     return item ? (num / item.value).toFixed(digits).replace(rx, "$1") + item.symbol : "0";

package/lib/utils/Plots.d.ts

@@ -5,7 +5,7 @@ import type { IUsage } from '../models';
  * @param usages Usages
  * @param interval Histogram interval
  * @param range Range with month in 1-based scale
- * @returns Histogram data {x: [], y: []}
+ * @returns Histogram data {x: [], y: []}
  */
 export declare function createHistogram(usages: IUsage[], interval: number, range: {
     month: number;

package/lib/utils/Plots.js

@@ -9,7 +9,7 @@ import { getDate, getDaysInMonth, getMonth, isSameMonth, isSameYear } from 'date
  * @param usages Usages
  * @param interval Histogram interval
  * @param range Range with month in 1-based scale
- * @returns Histogram data {x: [], y: []}
+ * @returns Histogram data {x: [], y: []}
  */
 export function createHistogram(usages, interval, range) {
     const referenceDate = new Date(range.year, range.month - 1);

package/lib/utils/Random.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 function getRandomInt(max) {
     return Math.floor(Math.random() * max);
 }

package/lib/utils/Screenshot.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 html2canvas from 'html2canvas';
 export const takeHTMLNodeScreenshot = async (node) => {
     const sc = html2canvas(node, {

package/lib/utils/Scroll.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 easeInOutQuad = (t, b, c, d) => {
     t /= d / 2;
     if (t < 1)
@@ -15,7 +10,8 @@ const easeInOutQuad = (t, b, c, d) => {
     return (-c / 2) * (t * (t - 2) - 1) + b;
 };
 const scrollGo = (element, target, to, duration) => {
-    var start = element.scrollTop, change = to - start, currentTime = 0, increment = 20;
+    const start = element.scrollTop, change = to - start, increment = 20;
+    let currentTime = 0;
     const animateScroll = () => {
         currentTime += increment;
         const scrollTop = easeInOutQuad(currentTime, start, change, duration);
@@ -30,7 +26,7 @@ const scrollGo = (element, target, to, duration) => {
     animateScroll();
 };
 const smoothScroll = (target) => {
-    var targetScroll = document.getElementById(target);
+    const targetScroll = document.getElementById(target);
     scrollGo(document.body, target, targetScroll?.offsetTop, 1250);
 };
 export default smoothScroll;

package/lib/utils/Sleep.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 const sleep = async (ms) => {
     return new Promise((resolve) => setTimeout(resolve, ms));
 };

package/lib/utils/Snapshot.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 { adjectives, animals, uniqueNamesGenerator } from 'unique-names-generator';
 /**
  * Kernel snapshot description configuration.

package/lib/utils/String.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 const strip = (s, max = 50) => {
     if (!s) {
         return "";

package/lib/utils/Uri.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 const currentUri = () => {
     return window.location.protocol + "//" + window.location.host;
 };
@@ -22,7 +17,7 @@ export const dataURItoBlob = (dataURI) => {
     // Create a view into the buffer.
     const ia = new Uint8Array(ab);
     // Set the bytes of the buffer to the correct values.
-    for (var i = 0; i < byteString.length; i++) {
+    for (let i = 0; i < byteString.length; i++) {
         ia[i] = byteString.charCodeAt(i);
     }
     // Write the ArrayBuffer to a blob, and you're done.

package/lib/utils/Validator.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 EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 export const isValidEmail = (value) => {
     if (!value) {

package/lib/utils/WithSuspense.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 { Suspense } from "react";
 import { SkeletonBox } from "@primer/react/experimental";
 const Loading = (props) => {

package/lib/utils/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 './Array';
 export * from './Avatar';
 export * from './Browser';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/core",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "author": {
     "name": "Datalayer",
@@ -41,8 +41,8 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
-    "build:lib": "tsc -b",
+    "build": "gulp resources-to-lib && tsc -b && vite build",
+    "build:lib": "gulp resources-to-lib && tsc -b",
     "lint": "eslint .",
     "preview": "vite preview",
     "start": "vite",
@@ -55,36 +55,60 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "typedoc": "typedoc --options typedoc.json --out docs/docs/typescript_api",
-    "watch:lib": "tsc -b -w"
+    "watch:lib": "run-p 'watch:lib:*'",
+    "watch:lib:res": "gulp resources-to-lib-watch",
+    "watch:lib:src": "tsc -b -w"
   },
   "dependencies": {
-    "@jupyterlab/services": "^7.0.0",
-    "@jupyterlab/coreutils": "^6.0.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "zustand": "^4.4.1"
-  },
-  "peerDependencies": {
     "@datalayer/icons-react": "^1.0.6",
     "@datalayer/jupyter-react": "^1.0.5",
+    "@datalayer/primer-addons": "^1.0.3",
+    "@datalayer/primer-rjsf": "^1.0.1",
+    "@jupyterlab/coreutils": "^6.0.0",
+    "@jupyterlab/services": "^7.0.0",
+    "@jupyterlite/javascript-kernel-extension": "^0.3.0",
+    "@primer/brand-primitives": "^0.51.0",
+    "@primer/css": "^21.5.1",
     "@primer/octicons-react": "^19.15.1",
     "@primer/primitives": "^10.5.0",
     "@primer/react": "^37.19.0",
-    "@datalayer/primer-addons": "^1.0.3",
-    "@datalayer/primer-rjsf": "^1.0.1"
+    "@primer/react-brand": "^0.51.0",
+    "@stripe/react-stripe-js": "^2.7.1",
+    "axios": "^1.7.7",
+    "boring-avatars": "^2.0.1",
+    "buffer": "^6.0.3",
+    "date-fns": "^2.29.3",
+    "echarts": "^5.5.0",
+    "echarts-for-react": "^3.0.2",
+    "fuse.js": "^7.0.0",
+    "html2canvas": "^1.4.1",
+    "jwt-decode": "^2.2.0",
+    "localforage": "^1.10.0",
+    "marked": "^4.0.10",
+    "mock-socket": "^9.3.1",
+    "react": "18.3.1",
+    "react-confetti": "^6.4.0",
+    "react-dom": "18.3.1",
+    "react-router-dom": "^6.22.3",
+    "tus-js-client": "^4.2.3",
+    "ulid": "^2.3.0",
+    "unique-names-generator": "^4.7.1",
+    "usehooks-ts": "^2.9.1",
+    "validator": "^13.7.0",
+    "zustand": "^4.4.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
+    "@chromatic-com/storybook": "^4.1.0",
     "@eslint/js": "^9.29.0",
-    "@storybook/addon-a11y": "^9.0.15",
-    "@storybook/addon-docs": "^9.0.15",
-    "@storybook/addon-onboarding": "^9.0.15",
-    "@storybook/addon-vitest": "^9.0.15",
-    "@storybook/builder-vite": "^9.0.15",
-    "@storybook/react-vite": "^9.0.15",
+    "@storybook/addon-a11y": "^9.1.1",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/addon-onboarding": "^9.1.1",
+    "@storybook/addon-vitest": "^9.1.1",
+    "@storybook/builder-vite": "^9.1.1",
+    "@storybook/react-vite": "^9.1.1",
     "@types/node": "^20.11.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@types/react": "18.3.20",
+    "@types/react-dom": "18.3.6",
     "@vitejs/plugin-react": "^4.5.2",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
@@ -92,16 +116,22 @@
     "eslint": "^9.29.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.0.15",
+    "eslint-plugin-storybook": "^9.1.1",
     "globals": "^16.2.0",
+    "gulp": "^4.0.2",
+    "gulp-append-prepend": "^1.0.8",
+    "gulp-filter": "^6.0.0",
+    "gulp-watch": "^5.0.1",
     "jsdom": "^26.0.0",
+    "npm-run-all": "^4.1.5",
     "playwright": "^1.53.2",
     "rimraf": "^6.0.1",
-    "storybook": "^9.0.15",
+    "storybook": "^9.1.1",
     "typedoc-plugin-markdown": "^4.0.0",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.34.1",
     "vite": "^7.0.0",
+    "vite-plugin-treat-umd-as-commonjs": "^0.1.4",
     "vitest": "^3.2.4"
   },
   "overrides": {
@@ -112,11 +142,11 @@
     "@microsoft/fast-react-wrapper": "0.3.24",
     "@microsoft/fast-web-utilities": "5.4.1",
     "@microsoft/load-themed-styles": "1.10.295",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@types/react": "18.3.20",
+    "@types/react-dom": "18.3.6",
     "pyodide": "0.28.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "typescript": "^5.8.3"
   }
 }