@datalayer/core 0.0.20 → 0.0.21

package/scripts/apply-patches.sh

@@ -0,0 +1,44 @@
+#!/bin/bash
+# Copyright (c) 2023-2025 Datalayer, Inc.
+# Distributed under the terms of the Modified BSD License.
+
+# Apply patch-package patches for jupyter packages
+# This is normally run automatically via npm's postinstall hook,
+# but can be run manually if needed.
+
+set -e
+
+# Colors for output
+GREEN='\033[0;32m'
+BLUE='\033[0;34m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+
+# Get the script directory and project root
+SCRIPT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
+CORE_ROOT="$( cd "$SCRIPT_DIR/.." && pwd )"
+
+cd "$CORE_ROOT"
+
+# On Netlify or other CI with caching issues, force reinstall packages that need patches
+# This ensures we have clean npm versions before applying patches
+if [ "$NETLIFY" = "true" ] || [ "$CI" = "true" ]; then
+  echo -e "${YELLOW}🔄 CI detected - force reinstalling packages that need patches...${NC}"
+
+  # Remove the specific packages that need patches
+  rm -rf node_modules/@datalayer/jupyter-lexical
+  rm -rf node_modules/@datalayer/jupyter-react
+
+  # Reinstall them fresh from npm (with --ignore-scripts to prevent infinite loop)
+  npm install @datalayer/jupyter-lexical @datalayer/jupyter-react --no-save --ignore-scripts
+fi
+
+echo -e "${BLUE}📝 Applying patches...${NC}"
+
+# Check if patches directory exists and has patch files
+if [ -d "patches" ] && [ -n "$(ls -A patches/*.patch 2>/dev/null)" ]; then
+  npx patch-package
+  echo -e "${GREEN}✅ Patches applied successfully${NC}"
+else
+  echo -e "${YELLOW}⏭️  No patches found - skipping patch application${NC}"
+fi

package/scripts/create-patches.sh

@@ -0,0 +1,40 @@
+#!/bin/bash
+# Copyright (c) 2023-2025 Datalayer, Inc.
+# Distributed under the terms of the Modified BSD License.
+
+# Create patch-package patches for locally modified jupyter packages
+# This script generates patches that can be committed to the repo and
+# applied automatically during npm install via the postinstall hook.
+
+set -e
+
+# Colors for output
+GREEN='\033[0;32m'
+BLUE='\033[0;34m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+
+echo -e "${BLUE}🔧 Creating patches for jupyter packages...${NC}"
+
+# Get the script directory and project root
+SCRIPT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
+CORE_ROOT="$( cd "$SCRIPT_DIR/.." && pwd )"
+
+cd "$CORE_ROOT"
+
+# First, sync the latest changes from jupyter-ui to ensure patches include all modifications
+echo -e "${BLUE}🔄 Syncing latest changes from jupyter-ui...${NC}"
+bash "$SCRIPT_DIR/sync-jupyter.sh"
+
+# Ensure package-lock.json exists (required by patch-package)
+if [ ! -f "package-lock.json" ]; then
+  echo -e "${YELLOW}⚠️  No package-lock.json found. Creating one...${NC}"
+  npm i --package-lock-only
+fi
+
+# Create patches
+echo -e "${BLUE}📝 Generating patches with patch-package...${NC}"
+npx patch-package @datalayer/jupyter-lexical @datalayer/jupyter-react
+
+echo -e "${GREEN}✅ Patches created successfully in patches/ directory${NC}"
+echo -e "${BLUE}ℹ️  Patches will be applied automatically on 'npm install' via postinstall hook${NC}"

package/scripts/fix-esm-imports.cjs

@@ -0,0 +1,124 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+/**
+ * Post-compilation script to add .js extensions to relative imports/exports
+ * This makes the compiled output compatible with Node.js 22 ES modules
+ * while keeping the TypeScript source clean.
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const LIB_DIR = path.join(__dirname, '..', 'lib');
+
+/**
+ * Recursively get all .js files in a directory
+ */
+function getAllJsFiles(dir, fileList = []) {
+  const files = fs.readdirSync(dir);
+
+  files.forEach(file => {
+    const filePath = path.join(dir, file);
+    const stat = fs.statSync(filePath);
+
+    if (stat.isDirectory()) {
+      getAllJsFiles(filePath, fileList);
+    } else if (file.endsWith('.js')) {
+      fileList.push(filePath);
+    }
+  });
+
+  return fileList;
+}
+
+/**
+ * Fix imports/exports in a JavaScript file
+ */
+function fixImportsInFile(filePath) {
+  let content = fs.readFileSync(filePath, 'utf8');
+  let modified = false;
+
+  // Get the directory containing this file for path resolution
+  const fileDir = path.dirname(filePath);
+
+  // Match import/export statements with relative paths that don't have extensions
+  // Patterns to match:
+  // - export * from './something'
+  // - export { foo } from './something'
+  // - import { foo } from './something'
+  // - import './something'
+  // - import type { foo } from './something'
+
+  const patterns = [
+    // export * as foo from './path' or '.' -> export * as foo from './path/index.js' or './index.js'
+    /(\bexport\s+\*\s+as\s+\w+\s+from\s+['"])(\..*?)(['"])/g,
+    // export * from './path' or '.' -> export * from './path.js' or './index.js'
+    /(\bexport\s+\*\s+from\s+['"])(\..*?)(['"])/g,
+    // export { ... } from './path' or '.' -> export { ... } from './path.js' or './index.js'
+    /(\bexport\s+\{[^}]+\}\s+from\s+['"])(\..*?)(['"])/g,
+    // import { ... } from './path' or '.' -> import { ... } from './path.js' or './index.js'
+    /(\bimport\s+\{[^}]+\}\s+from\s+['"])(\..*?)(['"])/g,
+    // import * as foo from './path' or '.' -> import * as foo from './path.js' or './index.js'
+    /(\bimport\s+\*\s+as\s+\w+\s+from\s+['"])(\..*?)(['"])/g,
+    // import foo from './path' or '.' -> import foo from './path.js' or './index.js'
+    /(\bimport\s+\w+\s+from\s+['"])(\..*?)(['"])/g,
+    // import './path' or '.' -> import './path.js' or './index.js'
+    /(\bimport\s+['"])(\..*?)(['"])/g,
+    // import type { ... } from './path' or '.' -> import type { ... } from './path.js' or './index.js'
+    /(\bimport\s+type\s+\{[^}]+\}\s+from\s+['"])(\..*?)(['"])/g,
+  ];
+
+  patterns.forEach(pattern => {
+    content = content.replace(pattern, (match, prefix, importPath, suffix) => {
+      // Skip if already has extension
+      if (importPath.match(/\.(js|ts|jsx|tsx|json|css)$/)) {
+        return match;
+      }
+
+      // Skip if it's an asset import (images, svg, fonts, etc.)
+      if (importPath.match(/\.(jpg|jpeg|png|gif|svg|woff|woff2|ttf|eot|ico|webp|avif|mp4|webm|ogg|mp3|wav|flac|aac|pdf|zip|tar|gz)$/)) {
+        return match;
+      }
+
+      // Resolve the import path relative to this file
+      const resolvedPath = path.join(fileDir, importPath);
+
+      // Check if it's a directory (needs /index.js instead of .js)
+      let extension = '.js';
+      if (fs.existsSync(resolvedPath) && fs.statSync(resolvedPath).isDirectory()) {
+        extension = '/index.js';
+      }
+
+      // Add appropriate extension
+      modified = true;
+      return `${prefix}${importPath}${extension}${suffix}`;
+    });
+  });
+
+  if (modified) {
+    fs.writeFileSync(filePath, content, 'utf8');
+    return true;
+  }
+
+  return false;
+}
+
+// Main execution
+console.log('🔧 Fixing ESM imports in compiled output...\n');
+
+const jsFiles = getAllJsFiles(LIB_DIR);
+let fixedCount = 0;
+
+jsFiles.forEach(filePath => {
+  const relativePath = path.relative(LIB_DIR, filePath);
+  if (fixImportsInFile(filePath)) {
+    console.log(`  ✅ Fixed: ${relativePath}`);
+    fixedCount++;
+  }
+});
+
+console.log(`\n✅ Fixed ${fixedCount} file(s) with missing .js extensions`);
+console.log('   Output is now Node.js 22 ES modules compatible\n');

package/scripts/sync-jupyter.sh

@@ -0,0 +1,121 @@
+#!/bin/bash
+# Copyright (c) 2023-2025 Datalayer, Inc.
+# Distributed under the terms of the Modified BSD License.
+
+# Sync local jupyter-ui packages to @datalayer/core node_modules
+# This script builds the local jupyter packages and copies their lib/ outputs
+# into the core package's node_modules for quick testing during development.
+#
+# Usage:
+#   ./sync-jupyter.sh          # Run once and exit
+#   ./sync-jupyter.sh --watch  # Watch for changes and auto-sync
+
+set -e
+
+# Colors for output
+GREEN='\033[0;32m'
+BLUE='\033[0;34m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+
+# Get the script directory and project root
+SCRIPT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
+CORE_ROOT="$( cd "$SCRIPT_DIR/.." && pwd )"
+JUPYTER_UI_ROOT="$( cd "$CORE_ROOT/../jupyter-ui" && pwd )"
+
+# Function to perform the sync
+sync_packages() {
+  echo -e "${BLUE}🔄 Syncing jupyter-ui packages to @datalayer/core...${NC}"
+
+  # Build jupyter-react FIRST (lexical depends on it)
+  echo -e "${BLUE}📦 Building @datalayer/jupyter-react...${NC}"
+  cd "$JUPYTER_UI_ROOT/packages/react"
+  echo -e "${YELLOW}[DEBUG] Current directory: $(pwd)${NC}"
+  rm -f tsconfig.tsbuildinfo
+  rm -rf lib
+  echo -e "${YELLOW}[DEBUG] Running gulp resources-to-lib...${NC}"
+  npx gulp resources-to-lib
+  echo -e "${YELLOW}[DEBUG] Running TypeScript...${NC}"
+  npx tsc --noEmitOnError false
+  TSC_EXIT=$?
+  echo -e "${YELLOW}[DEBUG] TypeScript exit code: $TSC_EXIT${NC}"
+  echo -e "${YELLOW}[DEBUG] Checking if lib exists...${NC}"
+  ls -la lib 2>&1 | head -5
+
+  # Verify lib was created
+  if [ ! -d "lib" ]; then
+    echo -e "${YELLOW}⚠️  lib directory was not created by TypeScript!${NC}"
+    exit 1
+  fi
+  echo -e "${YELLOW}[DEBUG] lib directory verified!${NC}"
+
+  # Copy react to core's node_modules for patch-package
+  echo -e "${BLUE}📋 Copying react to core/node_modules...${NC}"
+  cd "$CORE_ROOT"
+  # Only replace lib/ directory, preserving package.json, LICENSE, README.md, etc from npm
+  rm -rf node_modules/@datalayer/jupyter-react/lib
+  mkdir -p node_modules/@datalayer/jupyter-react/lib
+  cp -r "$JUPYTER_UI_ROOT/packages/react/lib/." node_modules/@datalayer/jupyter-react/lib/
+
+  # Now build jupyter-lexical (finds react via workspace hoisting)
+  echo -e "${BLUE}📦 Building @datalayer/jupyter-lexical...${NC}"
+  cd "$JUPYTER_UI_ROOT/packages/lexical"
+  rm -f tsconfig.tsbuildinfo
+  rm -rf lib
+  echo -e "${YELLOW}[DEBUG] Running gulp resources-to-lib...${NC}"
+  npx gulp resources-to-lib
+  echo -e "${YELLOW}[DEBUG] Running TypeScript...${NC}"
+  npx tsc --noEmitOnError false
+
+  # Copy lexical to node_modules
+  echo -e "${BLUE}📋 Copying lexical to node_modules...${NC}"
+  cd "$CORE_ROOT"
+  # Only replace lib/ directory, preserving package.json, LICENSE, README.md, etc from npm
+  rm -rf node_modules/@datalayer/jupyter-lexical/lib
+  mkdir -p node_modules/@datalayer/jupyter-lexical/lib
+  cp -r "$JUPYTER_UI_ROOT/packages/lexical/lib/." node_modules/@datalayer/jupyter-lexical/lib/
+
+  echo -e "${GREEN}✅ Successfully synced at $(date +"%H:%M:%S")${NC}"
+}
+
+# Check if watch mode is requested
+if [[ "$1" == "--watch" ]]; then
+  # Check if fswatch is installed
+  if ! command -v fswatch &> /dev/null; then
+    echo -e "${YELLOW}⚠️  fswatch not found. Installing via Homebrew...${NC}"
+    if command -v brew &> /dev/null; then
+      brew install fswatch
+    else
+      echo -e "${YELLOW}⚠️  Homebrew not found. Please install fswatch manually:${NC}"
+      echo -e "${YELLOW}    brew install fswatch${NC}"
+      echo -e "${YELLOW}    or visit: https://github.com/emcrisostomo/fswatch${NC}"
+      exit 1
+    fi
+  fi
+
+  echo -e "${BLUE}👁️  Watch mode enabled. Monitoring jupyter-ui packages for changes...${NC}"
+  echo -e "${YELLOW}📁 Watching:${NC}"
+  echo -e "${YELLOW}   - $JUPYTER_UI_ROOT/packages/lexical/src${NC}"
+  echo -e "${YELLOW}   - $JUPYTER_UI_ROOT/packages/react/src${NC}"
+  echo -e "${YELLOW}Press Ctrl+C to stop${NC}"
+  echo ""
+
+  # Initial sync
+  sync_packages
+
+  # Watch for changes in src directories and trigger sync
+  # Using fswatch with:
+  # -r: recursive
+  # -e: exclude patterns (node_modules, lib, etc.)
+  # -l 1: latency 1 second (debounce rapid changes)
+  fswatch -r -l 1 \
+    -e ".*" -i "\\.tsx?$" -i "\\.jsx?$" -i "\\.css$" \
+    "$JUPYTER_UI_ROOT/packages/lexical/src" \
+    "$JUPYTER_UI_ROOT/packages/react/src" | while read -r file; do
+    echo -e "\n${YELLOW}📝 Change detected in: $(basename "$file")${NC}"
+    sync_packages
+  done
+else
+  # Single run mode
+  sync_packages
+fi