@xarc/app-dev 13.0.0-beta.1 → 13.1.0

package/README.md

@@ -1,18 +1,475 @@
-# Web App with node.js and React
+# @xarc/app-dev
 
-[![NPM version][npm-image]][npm-url] [![Dependency Status][daviddm-image]][daviddm-url] [![devDependency Status][daviddm-dev-image]][daviddm-dev-url] [![npm downloads][npm-downloads-image]][npm-downloads-url]
+[![NPM version][npm-image]][npm-url][![npm downloads][npm-downloads-image]][npm-downloads-url]
 
-A Walmart Labs flavored React Universal App archetype.
+## Overview
 
-<https://www.electrode.io/electrode/>
+`@xarc/app-dev` is the comprehensive development toolkit for the Electrode platform, providing a powerful set of tools and configurations for building modern React applications at enterprise scale. As the development companion to `@xarc/app`, it offers everything developers need for a productive development experience with hot module replacement, advanced build systems, testing frameworks, and deployment-ready configurations.
 
----
+## Key Features
 
-[npm-image]: https://badge.fury.io/js/@xarc/app-dev.svg
+- 🚀 **Webpack Dev Server Integration** - Hot module replacement and live reloading
+- ⚡ **Build System** - Complete build pipeline with webpack, Babel, and TypeScript
+- 🧪 **Testing Tools** - Jest, Mocha, Karma, and ESLint configurations
+- 📦 **Task Runner** - Powerful task system with `xrun` for development workflows
+- 🔄 **Hot Reload** - Advanced hot module replacement for React components and subapps
+- 📝 **Configuration Presets** - Pre-configured Babel, ESLint, and webpack setups
+- 🌐 **Development Proxy** - Built-in reverse proxy for local development
+
+## Installation and Dependencies
+
+```bash
+# Install as a development dependency
+npm install --save-dev @xarc/app-dev
+
+# Usually installed alongside @xarc/app
+npm install @xarc/app
+npm install --save-dev @xarc/app-dev
+```
+
+## Basic Setup
+
+1. **Create a task runner file** (`xrun-tasks.ts`):
+
+```typescript
+const { loadDevTasks, xrun } = require("@xarc/app-dev");
+
+// Configure development environment
+xrun.updateEnv({
+  {
+    HOST: "localhost",
+    PORT: 443,
+    /*
+     * Set app's node server to listen at port 3100 so the proxy can listen at 3000
+     * and forward request to the app.
+     */
+    APP_SERVER_PORT: 3100,
+  },
+  {
+    // do not override any env flag already set in process.env
+    override: true,
+  },
+})
+
+// Load all development tasks
+loadDevTasks(xrun, {
+  // options to customize features
+  webpackOptions: {
+    // enable CSS module for files other than `.mod.css`
+    cssModuleSupport: "byModExt",
+  },
+});
+```
+
+2. **Add package.json scripts**:
+
+```json
+{
+  "scripts": {
+    "dev": "xrun dev",
+    "build": "xrun build",
+    "test": "xrun test",
+    "lint": "xrun lint"
+  }
+}
+```
+
+3. **Start development server**:
+
+```bash
+npm run dev
+```
+
+## Why Choose @xarc/app-dev Over Create React App?
+
+As an experienced developer, here are the key advantages of @xarc/app-dev:
+
+### 🏗️ **Enterprise-Scale Architecture**
+- **Micro-Frontend Support**: Built-in SubApp architecture for modular, scalable applications
+- **Team-Friendly**: Designed for large development teams with independent component development
+
+### ⚡ **Superior Development Experience**
+- **Advanced Task System**: Comprehensive `xrun` task runner with granular workflow control
+- **No Ejection Required**: Highly configurable without breaking update paths
+
+### 🚀 **Production-Ready Features**
+- **Built-in SSR**: Native server-side rendering with automatic isomorphic asset loading
+- **Advanced HMR**: Hot module replacement for React components, Redux reducers, and SubApps
+- **CDN Integration**: Seamless asset optimization and delivery
+
+### 🔧 **Flexible Configuration**
+- **Multiple Testing Frameworks**: Support for Jest, Mocha
+- **TypeScript-First**: Comprehensive TypeScript support and type definitions
+- **Preset System**: Ready-to-use configurations for Babel, ESLint, and webpack
+
+## Complete Usage Examples
+
+### Example 1: Basic React Application Setup
+
+#### 1. Task Runner Configuration (`xrun-tasks.ts`)
+```typescript
+import { loadXarcDevTasks, xrun } from "@xarc/app-dev/lib/dev-tasks";
+
+// Configure development environment
+xrun.updateEnv({
+  HOST: "localhost",
+  PORT: 3000,
+  APP_SERVER_PORT: 3100,
+  WEBPACK_DEV_MIDDLEWARE: true,
+  NODE_ENV: process.env.NODE_ENV || "development"
+}, { override: false });
+
+// Load all development tasks
+loadXarcDevTasks(xrun, {
+  // Custom webpack configuration
+  // options to customize features
+  webpackOptions: {
+    // enable CSS module for files other than `.mod.css`
+    cssModuleSupport: "byModExt",
+  }
+});
+```
+
+#### 2. SubApp Implementation (`src/subapps/home/index.tsx`)
+```tsx
+import { React, ReactSubApp } from "@xarc/react";
+import { reduxFeature } from "@xarc/react-redux";
+
+interface HomeProps {
+  title?: string;
+  message?: string;
+}
+
+const HomeComponent: React.FC<HomeProps> = ({ 
+  title = "Welcome", 
+  message = "Hello from @xarc/app-dev!" 
+}) => {
+  return (
+    <div className="home-container">
+      <h1>{title}</h1>
+      <p>{message}</p>
+      <button onClick={() => console.log("SubApp working!")}>
+        Click me!
+      </button>
+    </div>
+  );
+};
+
+export const subapp: ReactSubApp = {
+  Component: HomeComponent,
+  wantFeatures: [
+    reduxFeature({ 
+      React, 
+      shareStore: true 
+    })
+  ]
+};
+```
+
+#### 3. Application Entry (`src/client/entry.ts`)
+```typescript
+import { declareSubApp } from "@xarc/react";
+
+// Declare your SubApps
+export const Home = declareSubApp({
+  name: "Home",
+  getModule: () => import("../subapps/home")
+});
+```
+### Example 2: Custom Webpack Configuration
+
+The @xarc/app-dev system uses a powerful webpack partials system that allows you to override specific parts of the webpack configuration without replacing the entire config.
+
+#### Understanding Webpack Partials
+
+Webpack partials are modular configuration pieces that handle specific aspects of the webpack build:
+
+- **baseOptions** - Base webpack configuration options
+- **entry** - Entry point configuration  
+- **output** - Output configuration
+- **resolve** - Module resolution settings
+- **babel** - Babel loader configuration
+- **extractStyle** - CSS extraction settings
+- **fonts** - Font file handling
+- **images** - Image processing
+- **dev** - Development server settings
+- **prodMode/devMode** - Environment-specific settings
+
+
+```javascript
+// webpack.config.js
+const { xarcWebpack, partials, profiles } = require("@xarc/app-dev");
+
+// Get the environment and options
+const env = xarcWebpack.getEnvProfile();
+const options = xarcWebpack.getComposeOptions();
+
+// Use preset partials with custom overrides
+const { composer } = xarcWebpack.initWebpackConfigComposer(options);
+
+// Override specific partials from the preset
+composer.getPartial("_resolve").setOverride((config) => ({
+  ...config,
+  alias: {
+    ...config.alias,
+    '@': path.resolve(process.cwd(), 'src'),
+    '@components': path.resolve(process.cwd(), 'src/components'),
+    '@utils': path.resolve(process.cwd(), 'src/utils'),
+    '@assets': path.resolve(process.cwd(), 'src/assets')
+  },
+  fallback: {
+    ...config.fallback,
+    "crypto": require.resolve("crypto-browserify"),
+    "stream": require.resolve("stream-browserify"),
+    "buffer": require.resolve("buffer")
+  }
+}));
+
+// Add custom loader configurations
+composer.getPartial("_babel").setOverride((config) => ({
+  ...config,
+  module: {
+    ...config.module,
+    rules: [
+      ...config.module.rules,
+      {
+        test: /\.tsx?$/,
+        use: [
+          {
+            loader: 'ts-loader',
+            options: {
+              transpileOnly: true,
+              compilerOptions: {
+                jsx: 'react-jsx'
+              }
+            }
+          }
+        ],
+        exclude: /node_modules/
+      }
+    ]
+  }
+}));
+
+module.exports = xarcWebpack.compose(options);
+```
+
+#### Available Webpack Partials
+
+Here's a comprehensive list of all webpack partials available for customization, organized by category:
+
+##### Core Configuration Partials
+
+| Partial Name | Purpose | When to Override | Common Scenarios |
+|--------------|---------|------------------|------------------|
+| `_entry` | Entry point configuration and HMR setup | Dynamic entries, multi-page apps | Multiple entry points, custom entry logic |
+| `_output` | Output settings (path, filename, publicPath) | Custom build output | CDN integration, custom file naming |
+| `_resolve` | Module resolution (aliases, extensions) | Path aliases, custom modules | Monorepo setups, custom module paths |
+
+
+##### Build & Processing Partials
+
+| Partial Name | Purpose | When to Override | Common Scenarios |
+|--------------|---------|------------------|------------------|
+| `_babel` | Babel loader configuration | Custom Babel setup | Different presets, TypeScript config |
+| `_extract-style` | CSS/SCSS/Less processing and extraction | Custom CSS setup | PostCSS plugins, CSS modules |
+| `_fonts` | Font file handling (woff, woff2, ttf, eot) | Custom font processing | Web font optimization, custom loaders |
+| `_images` | Image processing (png, jpg, gif, svg) | Image optimization | Custom image loaders, CDN integration |
+| `_subapp-chunks` | SubApp code splitting and chunk optimization | Custom chunking strategy | Bundle size optimization, lazy loading |
+
+
+#### Common Override Scenarios by Use Case
+
+**🎯 Development Environment Customization**
+```javascript
+// Override _dev for custom development server
+composer.getPartial("_dev").setOverride((config) => ({
+  ...config,
+  devServer: {
+    ...config.devServer,
+    port: 4000,
+    proxy: {
+      '/api': 'http://localhost:8080'
+    },
+    headers: {
+      'Access-Control-Allow-Origin': '*'
+    }
+  }
+}));
+```
+**🧩 Module Resolution and Aliases**
+```javascript
+// Override _resolve for monorepo or custom paths
+composer.getPartial("_resolve").setOverride((config) => ({
+  ...config,
+  alias: {
+    ...config.alias,
+    '@shared': path.resolve(__dirname, '../shared'),
+    '@components': path.resolve(__dirname, 'src/components'),
+    '@utils': path.resolve(__dirname, 'src/utils')
+  }
+}));
+```
+
+**🎨 Custom CSS Processing**
+```javascript
+// Override _extract-style for custom CSS setup
+composer.getPartial("_extract-style").setOverride((config) => ({
+  ...config,
+  module: {
+    ...config.module,
+    rules: [
+      ...config.module.rules,
+      {
+        test: /\.scss$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          'sass-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [require('tailwindcss')]
+            }
+          }
+        ]
+      }
+    ]
+  }
+}));
+```
+
+
+**📦 SubApp Chunk Optimization**
+```javascript
+// Override _subapp-chunks for custom chunking
+composer.getPartial("_subapp-chunks").setOverride((config) => ({
+  ...config,
+  optimization: {
+    ...config.optimization,
+    splitChunks: {
+      ...config.optimization.splitChunks,
+      minSize: 20000,
+      maxSize: 250000
+    }
+  }
+}));
+```
+
+
+## Usage in Electrode Ecosystem
+
+### With @xarc/app
+
+The typical setup with the main `@xarc/app` package:
+
+```json
+{
+  "dependencies": {
+    "@xarc/app": "^12.0.0"
+  },
+  "devDependencies": {
+    "@xarc/app-dev": "^12.0.0"
+  }
+}
+```
+
+```typescript
+// xrun-tasks.ts - Development tasks
+import { loadXarcDevTasks, xrun } from "@xarc/app-dev/lib/dev-tasks";
+
+xrun.updateEnv({
+  WEBPACK_DEV_MIDDLEWARE: true,
+  HOST: "localhost",
+  PORT: 3000,
+  APP_SERVER_PORT: 3100
+});
+
+loadXarcDevTasks(xrun, {});
+```
+
+### With Subapps
+
+For subapp-based applications, you can configure webpack dev middleware in your server configuration:
+
+```typescript
+// server configuration
+const config = {
+  plugins: {
+    "@xarc/app-dev": {
+      module: "@xarc/app-dev/lib/webpack-dev-express", // or fastify/koa
+      enable: process.env.NODE_ENV === "development"
+    }
+  }
+};
+```
+
+
+
+## @xarc/app-dev vs Create React App: Feature Comparison
+
+| Feature | @xarc/app-dev | Create React App (CRA) |
+|---------|---------------|-------------------------|
+| **Architecture** | Micro-frontend (SubApp) architecture | Monolithic SPA |
+| **Server-Side Rendering** | ✅ Built-in SSR support | ❌ Client-side only* |
+| **Configuration** | ✅ Extensible without ejecting | ❌ Must eject for customization |
+| **Task Runner** | ✅ Comprehensive `xrun` system | ❌ Basic npm scripts |
+| **Server Integration** | ✅ Express/Fastify/Koa/Hapi middleware | ❌ Dev server only |
+| **Hot Module Replacement** | ✅ Advanced HMR (Components + Redux + SubApps) | ✅ Basic component HMR |
+| **Testing Frameworks** | ✅ Jest, Mocha, Karma support | ✅ Jest only |
+| **TypeScript** | ✅ First-class TypeScript support | ✅ Good TypeScript support |
+| **Code Splitting** | ✅ Automatic SubApp-level splitting | ✅ Manual dynamic imports |
+| **CDN Integration** | ✅ Built-in CDN mapping | ❌ Manual configuration |
+| **Asset Management** | ✅ Isomorphic asset loading | ❌ Client-side only |
+| **Production Readiness** | ✅ Enterprise-scale proven | ✅ Good for smaller apps |
+| **Learning Curve** | 📈 Moderate to steep | 📈 Gentle |
+
+## Configuration Options
+
+### Environment Variables
+
+Key environment variables for development:
+
+```bash
+# Server Configuration
+HOST=localhost                    # Development server host
+PORT=3000                        # Main server port
+APP_SERVER_PORT=3100            # App server port (when using proxy)
+
+# Webpack Dev Server
+WEBPACK_DEV_MIDDLEWARE=true     # Enable webpack dev middleware
+WEBPACK_DEV_HOST=localhost      # Webpack dev server host
+WEBPACK_DEV_PORT=2992          # Webpack dev server port
+WEBPACK_DEV_HTTPS=false        # Use HTTPS for dev server
+```
+
+### XarcOptions Interface
+
+```typescript
+interface XarcOptions {
+  webpack?: {
+    enableHotModuleReload?: boolean;
+    enableNodeModuleReload?: boolean;
+    minify?: boolean;
+  };
+  babel?: {
+    enableTypeScript?: boolean;
+    enableFlow?: boolean;
+    target?: string;
+  };
+  eslint?: {
+    enableTypeScript?: boolean;
+    extendRc?: string;
+  };
+}
+```
+
+
+## License
+
+Apache-2.0 © [Electrode](https://github.com/electrode-io/electrode)
+
+[npm-image]: https://badge.fury.io/js/%40xarc%2Fapp-dev.svg
 [npm-url]: https://npmjs.org/package/@xarc/app-dev
-[daviddm-image]: https://david-dm.org/electrode-io/electrode/status.svg?path=packages/@xarc/app-dev
-[daviddm-url]: https://david-dm.org/electrode-io/electrode?path=packages/@xarc/app-dev
-[daviddm-dev-image]: https://david-dm.org/electrode-io/electrode/dev-status.svg?path=packages/@xarc/app-dev
-[daviddm-dev-url]: https://david-dm.org/electrode-io/electrode?path=packages/@xarc/app-dev?type-dev
 [npm-downloads-image]: https://img.shields.io/npm/dm/@xarc/app-dev.svg
 [npm-downloads-url]: https://www.npmjs.com/package/@xarc/app-dev

package/config/jest/jest.config.js

@@ -3,13 +3,6 @@
 const Path = require("path");
 const _ = require("lodash");
 const fileMock = Path.join(__dirname, "__mocks__", "file-mock.js");
-const frameworkMock = Path.join(__dirname, "__mocks__", "framework-mock.js");
-const { getOptArchetypeRequire } = require("../../lib/utils");
-const optRequire = getOptArchetypeRequire(["@xarc/opt-jest", "electrode-archetype-opt-jest"]);
-const jestPkg = optRequire("jest/package.json");
-const jestMajVersion = parseInt(jestPkg.version.split(".")[0], 10);
-// Jest changed its config setting for setup files on version 24
-const SETUP_FILES_VERSION_SPLIT = 24;
 const utils_1 = require("../../lib/utils");
 const xarcOptions = (0, utils_1.loadXarcOptions)();
 const xarcCwd = xarcOptions.cwd;
@@ -40,8 +33,5 @@ const jestDefaultConfig = {
         url: "http://localhost/"
     }
 };
-const jestSetupFilesDeprecated = { setupTestFrameworkScriptFile: frameworkMock };
-const jestSetupFilesNew = { setupFilesAfterEnv: [frameworkMock] };
-const jestSetupFilesConfig = jestMajVersion >= SETUP_FILES_VERSION_SPLIT ? jestSetupFilesNew : jestSetupFilesDeprecated;
-module.exports = _.merge({}, _.pickBy(jestDefaultConfig, x => x !== undefined), jestSetupFilesConfig, xarcOptions.jest);
+module.exports = _.merge({}, _.pickBy(jestDefaultConfig, x => x !== undefined), xarcOptions.jest);
 //# sourceMappingURL=jest.config.js.map

package/config/jest/jest.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"jest.config.js","sourceRoot":"","sources":["../../src/config/jest/jest.config.ts"],"names":[],"mappings":";AAAA,uDAAuD;AAEvD,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;AAC7B,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;AACnE,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAAC;AAC7E,MAAM,EAAE,sBAAsB,EAAE,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAC9D,MAAM,UAAU,GAAG,sBAAsB,CAAC,CAAC,gBAAgB,EAAE,8BAA8B,CAAC,CAAC,CAAC;AAE9F,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAChD,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACnE,gEAAgE;AAChE,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAErC,2CAAkD;AAElD,MAAM,WAAW,GAAG,IAAA,uBAAe,GAAE,CAAC;AACtC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC;AAEhC,MAAM,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC;AAE/C,gEAAgE;AAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AAC/C,MAAM,SAAS,GAAG,6CAA6C,QAAQ,OAAO,CAAC;AAE/E,MAAM,OAAO,GAAG,OAAO,CAAC;AAExB,MAAM,iBAAiB,GAAG;IACxB,OAAO;IACP,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,kCAAkC,CAAC;IAC7D,oBAAoB,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5F,SAAS,EAAE,gBAAgB;QACzB,CAAC,CAAC;YACE,aAAa,EAAE,YAAY;YAC3B,aAAa,EAAE,YAAY;SAC5B;QACH,CAAC,CAAC,SAAS;IACb,SAAS;IACT,sBAAsB,EAAE,CAAC,gBAAgB,EAAE,cAAc,CAAC;IAC1D,iBAAiB,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC;IAC1C,gBAAgB,EAAE;QAChB,qFAAqF,EAAE,QAAQ;QAC/F,+BAA+B,EAAE,oBAAoB;KACtD;IACD,wBAAwB,EAAE,CAAC,gBAAgB,CAAC;IAC5C,sBAAsB,EAAE;QACtB,GAAG,EAAE,mBAAmB;KAC3B;CACA,CAAC;AAEF,MAAM,wBAAwB,GAAG,EAAE,4BAA4B,EAAE,aAAa,EAAE,CAAC;AACjF,MAAM,iBAAiB,GAAG,EAAE,kBAAkB,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;AAElE,MAAM,oBAAoB,GACxB,cAAc,IAAI,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,wBAAwB,CAAC;AAE7F,iBAAS,CAAC,CAAC,KAAK,CACd,EAAE,EACF,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,EACjD,oBAAoB,EACpB,WAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"jest.config.js","sourceRoot":"","sources":["../../src/config/jest/jest.config.ts"],"names":[],"mappings":";AAAA,uDAAuD;AAEvD,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;AAC7B,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;AAEnE,2CAAkD;AAElD,MAAM,WAAW,GAAG,IAAA,uBAAe,GAAE,CAAC;AACtC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC;AAEhC,MAAM,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC;AAE/C,gEAAgE;AAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AAC/C,MAAM,SAAS,GAAG,6CAA6C,QAAQ,OAAO,CAAC;AAE/E,MAAM,OAAO,GAAG,OAAO,CAAC;AAExB,MAAM,iBAAiB,GAAG;IACxB,OAAO;IACP,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,kCAAkC,CAAC;IAC7D,oBAAoB,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5F,SAAS,EAAE,gBAAgB;QACzB,CAAC,CAAC;YACE,aAAa,EAAE,YAAY;YAC3B,aAAa,EAAE,YAAY;SAC5B;QACH,CAAC,CAAC,SAAS;IACb,SAAS;IACT,sBAAsB,EAAE,CAAC,gBAAgB,EAAE,cAAc,CAAC;IAC1D,iBAAiB,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC;IAC1C,gBAAgB,EAAE;QAChB,qFAAqF,EAAE,QAAQ;QAC/F,+BAA+B,EAAE,oBAAoB;KACtD;IACD,wBAAwB,EAAE,CAAC,gBAAgB,CAAC;IAC5C,sBAAsB,EAAE;QACtB,GAAG,EAAE,mBAAmB;KAC3B;CACA,CAAC;AAEF,iBAAS,CAAC,CAAC,KAAK,CACd,EAAE,EACF,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,EACjD,WAAW,CAAC,IAAI,CACjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xarc/app-dev",
-  "version": "13.0.0-beta.1",
+  "version": "13.1.0",
   "description": "Electrode X application development support",
   "main": "lib/index.js",
   "homepage": "http://www.electrode.io",
@@ -12,17 +12,6 @@
     "url": "https://github.com/electrode-io/electrode/issues"
   },
   "license": "Apache-2.0",
-  "scripts": {
-    "compile": "tsc",
-    "build": "xrun -s compile user/moveDist",
-    "lint": "xrun xarc/lint",
-    "test": "xrun xarc/test-only",
-    "coverage": "xrun xarc/test-cov",
-    "check": "xrun xarc/check",
-    "format": "prettier --write --print-width 100 *.{js,jsx} `find . -type d -d 1 -exec echo '{}/**/*.{js,jsx}' \\; | egrep -v '(/node_modules/|/dist/|/coverage/)'`",
-    "prepublishOnly": "xrun [[build, docs], xarc/check]",
-    "docs": "xrun xarc/docs"
-  },
   "bin": {
     "xrun": "bin/xrun.js"
   },
@@ -39,7 +28,7 @@
     "Joel Chen <xchen@walmartlabs.com>"
   ],
   "peerDependencies": {
-    "@xarc/app": "^12.0.0"
+    "@xarc/app": "^13.1.0"
   },
   "dependencies": {
     "@babel/cli": "^7.17.10",
@@ -55,10 +44,10 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/register": "^7.17.7",
     "@jchip/redbird": "^1.3.0",
-    "@xarc/dev-base": "^1.0.0-beta.0",
+    "@xarc/dev-base": "^1.0.0",
     "@xarc/run": "^1.0.5",
-    "@xarc/subapp": "^1.0.0-beta.0",
-    "@xarc/webpack": "^13.0.0-beta.1",
+    "@xarc/subapp": "^1.0.0",
+    "@xarc/webpack": "^13.0.0",
     "ansi-to-html": "^0.7.2",
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-minify-dead-code-elimination": "^0.5.2",
@@ -114,7 +103,7 @@
     "@types/webpack": "5.28.0",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "@typescript-eslint/parser": "^5.0.0",
-    "@xarc/app": "^12.0.0",
+    "@xarc/app": "^13.1.0",
     "@xarc/module-dev": "^4.1.0",
     "@xarc/run": "^1.1.1",
     "chai": "^4.3.6",
@@ -193,5 +182,15 @@
       "@xarc/module-dev/config/test/setup.js"
     ],
     "recursive": true
+  },
+  "scripts": {
+    "compile": "tsc",
+    "build": "xrun -s compile user/moveDist",
+    "lint": "xrun xarc/lint",
+    "test": "xrun xarc/test-only",
+    "coverage": "xrun xarc/test-cov",
+    "check": "xrun xarc/check",
+    "format": "prettier --write --print-width 100 *.{js,jsx} `find . -type d -d 1 -exec echo '{}/**/*.{js,jsx}' \\; | egrep -v '(/node_modules/|/dist/|/coverage/)'`",
+    "docs": "xrun xarc/docs"
   }
-}
+}

package/src/config/jest/jest.config.ts

@@ -3,14 +3,6 @@
 const Path = require("path");
 const _ = require("lodash");
 const fileMock = Path.join(__dirname, "__mocks__", "file-mock.js");
-const frameworkMock = Path.join(__dirname, "__mocks__", "framework-mock.js");
-const { getOptArchetypeRequire } = require("../../lib/utils");
-const optRequire = getOptArchetypeRequire(["@xarc/opt-jest", "electrode-archetype-opt-jest"]);
-
-const jestPkg = optRequire("jest/package.json");
-const jestMajVersion = parseInt(jestPkg.version.split(".")[0], 10);
-// Jest changed its config setting for setup files on version 24
-const SETUP_FILES_VERSION_SPLIT = 24;
 
 import { loadXarcOptions } from "../../lib/utils";
 
@@ -48,15 +40,8 @@ const jestDefaultConfig = {
 }
 };
 
-const jestSetupFilesDeprecated = { setupTestFrameworkScriptFile: frameworkMock };
-const jestSetupFilesNew = { setupFilesAfterEnv: [frameworkMock] };
-
-const jestSetupFilesConfig =
-  jestMajVersion >= SETUP_FILES_VERSION_SPLIT ? jestSetupFilesNew : jestSetupFilesDeprecated;
-
 export = _.merge(
   {},
   _.pickBy(jestDefaultConfig, x => x !== undefined),
-  jestSetupFilesConfig,
   xarcOptions.jest
 );