@datalayer/core 0.0.2 → 0.0.4

package/lib/utils/Name.js

@@ -2,28 +2,25 @@
  * 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 ?
-            (givenName + ' ' + familyName) : givenName
-        :
-            familyName ?? '';
+    return givenName
+        ? familyName
+            ? givenName + ' ' + familyName
+            : givenName
+        : (familyName ?? '');
 };
 export const nameAsInitials = (name) => {
     return name
         .replace(/\s+/, ' ')
         .split(' ')
         .slice(0, 2)
-        .map((v) => v && v[0].toUpperCase())
+        .map(v => v && v[0].toUpperCase())
         .join('');
 };
 export const namesAsInitials = (firstName, lastName) => {
-    return ((firstName || ' ').charAt(0) + (lastName || ' ').charAt(0)).toLocaleUpperCase().trim();
+    return ((firstName || ' ').charAt(0) + (lastName || ' ').charAt(0))
+        .toLocaleUpperCase()
+        .trim();
 };
 /**
  * Convert first and last names to a friendly name.
@@ -35,5 +32,5 @@ export const toFriendlyName = (firstName, lastName) => {
     if (lastName) {
         return lastName;
     }
-    return "";
+    return '';
 };

package/lib/utils/Notebook.d.ts

@@ -6,7 +6,7 @@ import { JupyterLab } from '@jupyterlab/application';
  * @param name Notebook name
  * @param url Notebook content URL
  */
-export declare const createNotebook: ({ app, name, url, options }: {
+export declare const createNotebook: ({ app, name, url, options, }: {
     app: JupyterLab;
     name?: string;
     url?: string;

package/lib/utils/Notebook.js

@@ -9,7 +9,7 @@
  * @param name Notebook name
  * @param url Notebook content URL
  */
-export const createNotebook = async ({ app, name, url, options }) => {
+export const createNotebook = async ({ app, name, url, options, }) => {
     const notebook = await app.commands.execute('notebook:create-new', options);
     /*
     if (name) {
@@ -22,7 +22,7 @@ export const createNotebook = async ({ app, name, url, options }) => {
         const text = nbmodelText.replaceAll('\n', `
 `);
         notebook.context.model.fromJSON({
-            ...JSON.parse(text)
+            ...JSON.parse(text),
         });
     }
 };
@@ -32,6 +32,6 @@ export const createNotebookVariant = async (app, name, url) => {
     const nbmodel = await fetch(url);
     const text = (await nbmodel.text()).replaceAll('\\n', '');
     notebook.context.model.fromJSON({
-        ...JSON.parse(text)
+        ...JSON.parse(text),
     });
 };

package/lib/utils/Number.js

@@ -2,25 +2,24 @@
  * 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" },
-    { value: 1e6, symbol: "M" },
-    { value: 1e9, symbol: "G" },
-    { value: 1e12, symbol: "T" },
-    { value: 1e15, symbol: "P" },
-    { value: 1e18, symbol: "E" },
+    { value: 1, symbol: '' },
+    { value: 1e3, symbol: 'K' },
+    { value: 1e6, symbol: 'M' },
+    { value: 1e9, symbol: 'G' },
+    { value: 1e12, symbol: 'T' },
+    { value: 1e15, symbol: 'P' },
+    { value: 1e18, symbol: 'E' },
 ];
 // 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";
+    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

@@ -2,14 +2,14 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { getDate, getDaysInMonth, getMonth, isSameMonth, isSameYear } from 'date-fns';
+import { getDate, getDaysInMonth, getMonth, isSameMonth, isSameYear, } from 'date-fns';
 /**
  * Compute the data for plotting the usage histogram.
  *
  * @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);
@@ -26,7 +26,7 @@ export function createHistogram(usages, interval, range) {
                 ? c.credits
                 : ((end - start.getTime()) * c.burningRate) / 1000,
             // getDate is 1-based but getMonth is 0-based
-            category: interval === 0 ? getDate(start) - 1 : getMonth(start)
+            category: interval === 0 ? getDate(start) - 1 : getMonth(start),
         };
     })
         .reduce((agg, d) => {
@@ -49,8 +49,8 @@ export function createHistogram(usages, interval, range) {
                 'Sep',
                 'Oct',
                 'Nov',
-                'Dec'
+                'Dec',
             ],
-        y: credits
+        y: credits,
     };
 }

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,18 +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
- */
 import html2canvas from 'html2canvas';
 export const takeHTMLNodeScreenshot = async (node) => {
     const sc = html2canvas(node, {
         width: node.getBoundingClientRect().width,
         height: node.getBoundingClientRect().height,
     });
-    return sc.then((canvas) => {
+    return sc.then(canvas => {
         const croppedCanvas = document.createElement('canvas');
         const croppedCanvasContext = croppedCanvas.getContext('2d');
         const top = 0;

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,12 +2,7 @@
  * 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));
+    return new Promise(resolve => setTimeout(resolve, ms));
 };
 export default sleep;

package/lib/utils/Snapshot.js

@@ -2,18 +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
- */
-import { adjectives, animals, uniqueNamesGenerator } from 'unique-names-generator';
+import { adjectives, animals, uniqueNamesGenerator, } from 'unique-names-generator';
 /**
  * Kernel snapshot description configuration.
  */
 const KERNEL_SNAPSHOT_DESCRIPTION_CONFIGURATION = {
     dictionaries: [adjectives, animals],
-    separator: '-'
+    separator: '-',
 };
 /**
  * Create an unique human readable kernel snapshot name.

package/lib/utils/String.js

@@ -2,17 +2,12 @@
  * 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 "";
+        return '';
     }
     if (s.length > max) {
-        return s.substring(0, max) + "…";
+        return s.substring(0, max) + '…';
     }
     return s;
 };

package/lib/utils/Uri.js

@@ -2,13 +2,8 @@
  * 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;
+    return window.location.protocol + '//' + window.location.host;
 };
 // https://stackoverflow.com/questions/12168909/blob-from-dataurl
 export const dataURItoBlob = (dataURI) => {
@@ -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,19 +3,11 @@ 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";
+import { Suspense } from 'react';
+import { SkeletonBox } from '@primer/react/experimental';
 const Loading = (props) => {
     const { skeleton } = props;
-    return (skeleton ?
-        _jsx(_Fragment, { children: _jsx(SkeletonBox, { height: "100px" }) })
-        :
-            _jsx(_Fragment, {}));
+    return skeleton ? (_jsx(_Fragment, { children: _jsx(SkeletonBox, { height: "100px" }) })) : (_jsx(_Fragment, {}));
 };
 export const WithSuspense = (Component, preload = true, skeleton = false) => (props) => {
     if (preload) {

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,7 +1,11 @@
 {
   "name": "@datalayer/core",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
+  "workspaces": [
+    ".",
+    "examples/*"
+  ],
   "author": {
     "name": "Datalayer",
     "email": "info@datalayer.io"
@@ -41,9 +45,15 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
-    "build:lib": "tsc -b",
-    "lint": "eslint .",
+    "build": "gulp resources-to-lib && tsc -b && vite build",
+    "build:lib": "gulp resources-to-lib && tsc -b",
+    "lint": "eslint . --quiet && npm run lint --workspace=nextjs-notebook-example",
+    "lint:fix": "eslint . --fix && npm run lint:fix --workspace=nextjs-notebook-example",
+    "format": "prettier --write \"{src,examples}/**/*.{js,jsx,ts,tsx,css,json,md,mjs}\" && npm run format --workspace=nextjs-notebook-example",
+    "format:check": "prettier --check \"{src,examples}/**/*.{js,jsx,ts,tsx,css,json,md,mjs}\" && npm run format:check --workspace=nextjs-notebook-example",
+    "type-check": "tsc --noEmit && npm run type-check --workspace=nextjs-notebook-example",
+    "check": "npm run format:check && npm run lint && npm run type-check",
+    "check:fix": "npm run format && npm run lint:fix && npm run type-check",
     "preview": "vite preview",
     "start": "vite",
     "clean": "rimraf lib tsconfig.tsbuildinfo",
@@ -55,53 +65,100 @@
     "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",
+    "example": "vite --config vite.examples.config.ts",
+    "example:nextjs": "npm run dev --workspace=nextjs-notebook-example",
+    "prepare": "husky"
   },
   "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/jupyter-react": "^1.1.0",
+    "@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",
+    "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"
+  },
+  "peerDependencies": {
+    "react-router-dom": "^6.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-router-dom": {
+      "optional": true
+    }
   },
   "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",
+    "react-router-dom": "^6.22.3",
+    "@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",
     "crypto-browserify": "^3.12.1",
     "eslint": "^9.29.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react": "^7.37.5",
     "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",
+    "husky": "^9.1.7",
     "jsdom": "^26.0.0",
+    "lint-staged": "^16.1.5",
+    "npm-run-all": "^4.1.5",
     "playwright": "^1.53.2",
+    "prettier": "^3.6.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 +169,20 @@
     "@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"
+  },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "src/**/*.{css,json,md}": [
+      "prettier --write"
+    ]
   }
 }