@modern-js/sandpack-react 2.34.0 → 2.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -24,7 +24,7 @@ function fileterFiles(files, removeFiles) {
24
24
  return result;
25
25
  }
26
26
  function ModernSandpack(props) {
27
- const { template, customSetup = {}, files: customFiles = {}, removeFiles = [], options = {}, initialCollapsedFolder = [], theme = "light" } = props;
27
+ const { template, customSetup = {}, files: customFiles = {}, removeFiles = [], options = {}, initialCollapsedFolder = [], activeFile = "src/routes/page.tsx", theme = "light" } = props;
28
28
  const initFiles = _templates.ModernTemplates[template];
29
29
  const files = {
30
30
  ...fileterFiles(initFiles, removeFiles),
@@ -38,7 +38,7 @@ function ModernSandpack(props) {
38
38
  },
39
39
  files,
40
40
  options: {
41
- activeFile: "src/routes/page.tsx",
41
+ activeFile,
42
42
  visibleFiles: Object.keys(customFiles).filter((file) => !removeFiles.includes(file)),
43
43
  ...options
44
44
  },
@@ -13,8 +13,8 @@ const ModuleFiles = {
13
13
  ..._common.commonFiles,
14
14
  ...{
15
15
  ".npmignore": ".DS_Store\n\n.pnp\n.pnp.js\n.env.local\n.env.*.local\n.history\n*.log*\n\nnode_modules/\n.yarn-integrity\n*.tsbuildinfo\n.eslintcache\n\ncoverage/\nrelease/\noutput/\noutput_resource/\ntests/\n\n.vscode/**/*\n!.vscode/settings.json\n!.vscode/extensions.json\n.idea/\n\nsrc/\n\nmodern.config.*\njest.config.js\n.eslintrc.js\n.eslintrc\ntsconfig.json\nCHANGELOG.md\n\n**/*/api/typings/auto-generated\n",
16
- "README.md": "# Modern.js Package\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nRun and debug the module:\n\n```\npnpm dev\n```\n\nRun test cases:\n\n```\npnpm test\n```\n\nBuild the module for production:\n\n```\npnpm build\n```\n\nEnable optional features:\n\n```\npnpm new\n```\n\nOther commands:\n\n```\npnpm lint # Lint and fix source files\npnpm change # Add a new changeset\npnpm bump # Update version and changelog via changeset\npnpm release # Release the package\n\n```\n\nFor more information, see the [Modern.js Module documentation](https://modernjs.dev/module-tools/en).\n",
17
- "package.json": '{\n "name": "modern-npm-module",\n "version": "0.1.0",\n "types": "./dist/types/index.d.ts",\n "main": "./dist/lib/index.js",\n "module": "./dist/es/index.js",\n "scripts": {\n "prepare": "modern build && husky install",\n "dev": "modern dev",\n "build": "modern build",\n "build:watch": "modern build -w",\n "reset": "rimraf ./**/node_modules",\n "lint": "modern lint",\n "change": "modern change",\n "bump": "modern bump",\n "pre": "modern pre",\n "change-status": "modern change-status",\n "gen-release-note": "modern gen-release-note",\n "release": "modern release",\n "new": "modern new",\n "upgrade": "modern upgrade"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {},\n "peerDependencies": {},\n "devDependencies": {\n "@modern-js/module-tools": "2.33.1",\n "@modern-js/eslint-config": "2.33.1",\n "@modern-js/tsconfig":"2.33.1",\n "@modern-js-app/eslint-config": "2.33.1",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "rimraf": "~3.0.2",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1"\n },\n "sideEffects": [],\n "publishConfig": {\n "access": "public",\n "registry": "https://registry.npmjs.org/"\n }\n}\n',
16
+ "README.md": "# Modern.js Package\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nRun and debug the module:\n\n```bash\npnpm dev\n```\n\nRun test cases:\n\n```bash\npnpm test\n```\n\nBuild the module for production:\n\n```bash\npnpm build\n```\n\nEnable optional features:\n\n```bash\npnpm new\n```\n\nOther commands:\n\n```bash\npnpm lint # Lint and fix source files\npnpm change # Add a new changeset\npnpm bump # Update version and changelog via changeset\npnpm release # Release the package\n```\n\nFor more information, see the [Modern.js Module documentation](https://modernjs.dev/module-tools/en).\n",
17
+ "package.json": '{\n "name": "modern-npm-module",\n "version": "0.1.0",\n "types": "./dist/types/index.d.ts",\n "main": "./dist/lib/index.js",\n "module": "./dist/es/index.js",\n "scripts": {\n "prepare": "modern build && husky install",\n "dev": "modern dev",\n "build": "modern build",\n "build:watch": "modern build -w",\n "reset": "rimraf ./**/node_modules",\n "lint": "modern lint",\n "change": "modern change",\n "bump": "modern bump",\n "pre": "modern pre",\n "change-status": "modern change-status",\n "gen-release-note": "modern gen-release-note",\n "release": "modern release",\n "new": "modern new",\n "upgrade": "modern upgrade"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {},\n "peerDependencies": {},\n "devDependencies": {\n "@modern-js/module-tools": "2.34.0",\n "@modern-js/eslint-config": "2.34.0",\n "@modern-js/tsconfig":"2.34.0",\n "@modern-js-app/eslint-config": "2.34.0",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "rimraf": "~3.0.2",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1"\n },\n "sideEffects": [],\n "publishConfig": {\n "access": "public",\n "registry": "https://registry.npmjs.org/"\n }\n}\n',
18
18
  "src/index.ts": "export default function () {\n return 'hello world';\n}\n",
19
19
  "modern.config.ts": "import { moduleTools, defineConfig } from '@modern-js/module-tools';\n\nexport default defineConfig({\n plugins: [moduleTools()],\n buildPreset: 'npm-library',\n});\n",
20
20
  "tsconfig.json": '{\n "extends": "@modern-js/tsconfig/base",\n "declaration": true,\n "compilerOptions": {\n "baseUrl": "./",\n "paths": {\n "@/*": ["./src/*"]\n },\n "isolatedModules": true\n },\n "include": ["src"],\n "exclude": ["**/node_modules"]\n}\n',
@@ -13,8 +13,8 @@ const MWAFiles = {
13
13
  ..._common.commonFiles,
14
14
  ...{
15
15
  ".browserslistrc": "chrome >= 51\nedge >= 15\nfirefox >= 54\nsafari >= 10\nios_saf >= 10\n",
16
- "README.md": "# Modern.js App\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nStart the dev server:\n\n```\npnpm dev\n```\n\nEnable optional features or add a new entry:\n\n```\npnpm new\n```\n\nBuild the app for production:\n\n```\npnpm build\n```\n\nPreview the production build locally:\n\n```\npnpm serve\n```\n\nFor more information, see the [Modern.js documentation](https://modernjs.dev/en).\n",
17
- "package.json": '{\n "name": "modern-app",\n "version": "0.1.0",\n "scripts": {\n "reset": "npx rimraf ./**/node_modules",\n "dev": "modern dev",\n "build": "modern build",\n "start": "modern start",\n "serve": "modern serve",\n "new": "modern new",\n "lint": "modern lint",\n "prepare": "husky install",\n "upgrade": "modern upgrade"\n },\n "engines": {\n "node": ">=16.18.1"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {\n "@modern-js/runtime": "2.33.1",\n "react": "~18.2.0",\n "react-dom": "~18.2.0"\n },\n "devDependencies": {\n "@modern-js/app-tools": "2.33.1",\n "@modern-js/eslint-config": "2.33.1",\n "@modern-js/tsconfig":"2.33.1",\n "@modern-js-app/eslint-config": "2.33.1",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "@types/react-dom": "~18.0.10",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1",\n "rimraf": "~3.0.2"\n }\n}\n',
16
+ "README.md": "# Modern.js App\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nStart the dev server:\n\n```bash\npnpm dev\n```\n\nEnable optional features or add a new entry:\n\n```bash\npnpm new\n```\n\nBuild the app for production:\n\n```bash\npnpm build\n```\n\nPreview the production build locally:\n\n```bash\npnpm serve\n```\n\nFor more information, see the [Modern.js documentation](https://modernjs.dev/en).\n",
17
+ "package.json": '{\n "name": "modern-app",\n "version": "0.1.0",\n "scripts": {\n "reset": "npx rimraf ./**/node_modules",\n "dev": "modern dev",\n "build": "modern build",\n "start": "modern start",\n "serve": "modern serve",\n "new": "modern new",\n "lint": "modern lint",\n "prepare": "husky install",\n "upgrade": "modern upgrade"\n },\n "engines": {\n "node": ">=16.18.1"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {\n "@modern-js/runtime": "2.34.0",\n "react": "~18.2.0",\n "react-dom": "~18.2.0"\n },\n "devDependencies": {\n "@modern-js/app-tools": "2.34.0",\n "@modern-js/eslint-config": "2.34.0",\n "@modern-js/tsconfig":"2.34.0",\n "@modern-js-app/eslint-config": "2.34.0",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "@types/react-dom": "~18.0.10",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1",\n "rimraf": "~3.0.2"\n }\n}\n',
18
18
  "modern.config.ts": "import { appTools, defineConfig } from '@modern-js/app-tools';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig({\n runtime: {\n router: true,\n },\n plugins: [appTools()],\n});\n",
19
19
  "tsconfig.json": '{\n "extends": "@modern-js/tsconfig/base",\n "compilerOptions": {\n "declaration": false,\n "jsx": "preserve",\n "baseUrl": "./",\n "paths": {\n "@/*": ["./src/*"],\n "@shared/*": ["./shared/*"]\n }\n },\n "include": ["src", "shared", "config", "modern.config.ts"],\n "exclude": ["**/node_modules"]\n}\n',
20
20
  "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n/// <reference types='@modern-js/runtime/types' />\n/// <reference types='@modern-js/runtime/types/router' />\n",
package/dist/esm/index.js CHANGED
@@ -16,7 +16,7 @@ function fileterFiles(files, removeFiles) {
16
16
  return result;
17
17
  }
18
18
  export default function ModernSandpack(props) {
19
- var template = props.template, _props_customSetup = props.customSetup, customSetup = _props_customSetup === void 0 ? {} : _props_customSetup, tmp = props.files, customFiles = tmp === void 0 ? {} : tmp, _props_removeFiles = props.removeFiles, removeFiles = _props_removeFiles === void 0 ? [] : _props_removeFiles, _props_options = props.options, options = _props_options === void 0 ? {} : _props_options, _props_initialCollapsedFolder = props.initialCollapsedFolder, initialCollapsedFolder = _props_initialCollapsedFolder === void 0 ? [] : _props_initialCollapsedFolder, _props_theme = props.theme, theme = _props_theme === void 0 ? "light" : _props_theme;
19
+ var template = props.template, _props_customSetup = props.customSetup, customSetup = _props_customSetup === void 0 ? {} : _props_customSetup, tmp = props.files, customFiles = tmp === void 0 ? {} : tmp, _props_removeFiles = props.removeFiles, removeFiles = _props_removeFiles === void 0 ? [] : _props_removeFiles, _props_options = props.options, options = _props_options === void 0 ? {} : _props_options, _props_initialCollapsedFolder = props.initialCollapsedFolder, initialCollapsedFolder = _props_initialCollapsedFolder === void 0 ? [] : _props_initialCollapsedFolder, _props_activeFile = props.activeFile, activeFile = _props_activeFile === void 0 ? "src/routes/page.tsx" : _props_activeFile, _props_theme = props.theme, theme = _props_theme === void 0 ? "light" : _props_theme;
20
20
  var initFiles = ModernTemplates[template];
21
21
  var files = _object_spread({}, fileterFiles(initFiles, removeFiles), fileterFiles(customFiles, removeFiles));
22
22
  return /* @__PURE__ */ _jsx(SandpackProvider, {
@@ -26,7 +26,7 @@ export default function ModernSandpack(props) {
26
26
  }, customSetup),
27
27
  files: files,
28
28
  options: _object_spread({
29
- activeFile: "src/routes/page.tsx",
29
+ activeFile: activeFile,
30
30
  visibleFiles: Object.keys(customFiles).filter(function(file) {
31
31
  return !removeFiles.includes(file);
32
32
  })
@@ -2,8 +2,8 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
2
  import { commonFiles } from "./common";
3
3
  export var ModuleFiles = _object_spread({}, commonFiles, {
4
4
  ".npmignore": ".DS_Store\n\n.pnp\n.pnp.js\n.env.local\n.env.*.local\n.history\n*.log*\n\nnode_modules/\n.yarn-integrity\n*.tsbuildinfo\n.eslintcache\n\ncoverage/\nrelease/\noutput/\noutput_resource/\ntests/\n\n.vscode/**/*\n!.vscode/settings.json\n!.vscode/extensions.json\n.idea/\n\nsrc/\n\nmodern.config.*\njest.config.js\n.eslintrc.js\n.eslintrc\ntsconfig.json\nCHANGELOG.md\n\n**/*/api/typings/auto-generated\n",
5
- "README.md": "# Modern.js Package\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nRun and debug the module:\n\n```\npnpm dev\n```\n\nRun test cases:\n\n```\npnpm test\n```\n\nBuild the module for production:\n\n```\npnpm build\n```\n\nEnable optional features:\n\n```\npnpm new\n```\n\nOther commands:\n\n```\npnpm lint # Lint and fix source files\npnpm change # Add a new changeset\npnpm bump # Update version and changelog via changeset\npnpm release # Release the package\n\n```\n\nFor more information, see the [Modern.js Module documentation](https://modernjs.dev/module-tools/en).\n",
6
- "package.json": '{\n "name": "modern-npm-module",\n "version": "0.1.0",\n "types": "./dist/types/index.d.ts",\n "main": "./dist/lib/index.js",\n "module": "./dist/es/index.js",\n "scripts": {\n "prepare": "modern build && husky install",\n "dev": "modern dev",\n "build": "modern build",\n "build:watch": "modern build -w",\n "reset": "rimraf ./**/node_modules",\n "lint": "modern lint",\n "change": "modern change",\n "bump": "modern bump",\n "pre": "modern pre",\n "change-status": "modern change-status",\n "gen-release-note": "modern gen-release-note",\n "release": "modern release",\n "new": "modern new",\n "upgrade": "modern upgrade"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {},\n "peerDependencies": {},\n "devDependencies": {\n "@modern-js/module-tools": "2.33.1",\n "@modern-js/eslint-config": "2.33.1",\n "@modern-js/tsconfig":"2.33.1",\n "@modern-js-app/eslint-config": "2.33.1",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "rimraf": "~3.0.2",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1"\n },\n "sideEffects": [],\n "publishConfig": {\n "access": "public",\n "registry": "https://registry.npmjs.org/"\n }\n}\n',
5
+ "README.md": "# Modern.js Package\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nRun and debug the module:\n\n```bash\npnpm dev\n```\n\nRun test cases:\n\n```bash\npnpm test\n```\n\nBuild the module for production:\n\n```bash\npnpm build\n```\n\nEnable optional features:\n\n```bash\npnpm new\n```\n\nOther commands:\n\n```bash\npnpm lint # Lint and fix source files\npnpm change # Add a new changeset\npnpm bump # Update version and changelog via changeset\npnpm release # Release the package\n```\n\nFor more information, see the [Modern.js Module documentation](https://modernjs.dev/module-tools/en).\n",
6
+ "package.json": '{\n "name": "modern-npm-module",\n "version": "0.1.0",\n "types": "./dist/types/index.d.ts",\n "main": "./dist/lib/index.js",\n "module": "./dist/es/index.js",\n "scripts": {\n "prepare": "modern build && husky install",\n "dev": "modern dev",\n "build": "modern build",\n "build:watch": "modern build -w",\n "reset": "rimraf ./**/node_modules",\n "lint": "modern lint",\n "change": "modern change",\n "bump": "modern bump",\n "pre": "modern pre",\n "change-status": "modern change-status",\n "gen-release-note": "modern gen-release-note",\n "release": "modern release",\n "new": "modern new",\n "upgrade": "modern upgrade"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {},\n "peerDependencies": {},\n "devDependencies": {\n "@modern-js/module-tools": "2.34.0",\n "@modern-js/eslint-config": "2.34.0",\n "@modern-js/tsconfig":"2.34.0",\n "@modern-js-app/eslint-config": "2.34.0",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "rimraf": "~3.0.2",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1"\n },\n "sideEffects": [],\n "publishConfig": {\n "access": "public",\n "registry": "https://registry.npmjs.org/"\n }\n}\n',
7
7
  "src/index.ts": "export default function () {\n return 'hello world';\n}\n",
8
8
  "modern.config.ts": "import { moduleTools, defineConfig } from '@modern-js/module-tools';\n\nexport default defineConfig({\n plugins: [moduleTools()],\n buildPreset: 'npm-library',\n});\n",
9
9
  "tsconfig.json": '{\n "extends": "@modern-js/tsconfig/base",\n "declaration": true,\n "compilerOptions": {\n "baseUrl": "./",\n "paths": {\n "@/*": ["./src/*"]\n },\n "isolatedModules": true\n },\n "include": ["src"],\n "exclude": ["**/node_modules"]\n}\n',
@@ -2,8 +2,8 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
2
  import { commonFiles } from "./common";
3
3
  export var MWAFiles = _object_spread({}, commonFiles, {
4
4
  ".browserslistrc": "chrome >= 51\nedge >= 15\nfirefox >= 54\nsafari >= 10\nios_saf >= 10\n",
5
- "README.md": "# Modern.js App\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nStart the dev server:\n\n```\npnpm dev\n```\n\nEnable optional features or add a new entry:\n\n```\npnpm new\n```\n\nBuild the app for production:\n\n```\npnpm build\n```\n\nPreview the production build locally:\n\n```\npnpm serve\n```\n\nFor more information, see the [Modern.js documentation](https://modernjs.dev/en).\n",
6
- "package.json": '{\n "name": "modern-app",\n "version": "0.1.0",\n "scripts": {\n "reset": "npx rimraf ./**/node_modules",\n "dev": "modern dev",\n "build": "modern build",\n "start": "modern start",\n "serve": "modern serve",\n "new": "modern new",\n "lint": "modern lint",\n "prepare": "husky install",\n "upgrade": "modern upgrade"\n },\n "engines": {\n "node": ">=16.18.1"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {\n "@modern-js/runtime": "2.33.1",\n "react": "~18.2.0",\n "react-dom": "~18.2.0"\n },\n "devDependencies": {\n "@modern-js/app-tools": "2.33.1",\n "@modern-js/eslint-config": "2.33.1",\n "@modern-js/tsconfig":"2.33.1",\n "@modern-js-app/eslint-config": "2.33.1",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "@types/react-dom": "~18.0.10",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1",\n "rimraf": "~3.0.2"\n }\n}\n',
5
+ "README.md": "# Modern.js App\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nStart the dev server:\n\n```bash\npnpm dev\n```\n\nEnable optional features or add a new entry:\n\n```bash\npnpm new\n```\n\nBuild the app for production:\n\n```bash\npnpm build\n```\n\nPreview the production build locally:\n\n```bash\npnpm serve\n```\n\nFor more information, see the [Modern.js documentation](https://modernjs.dev/en).\n",
6
+ "package.json": '{\n "name": "modern-app",\n "version": "0.1.0",\n "scripts": {\n "reset": "npx rimraf ./**/node_modules",\n "dev": "modern dev",\n "build": "modern build",\n "start": "modern start",\n "serve": "modern serve",\n "new": "modern new",\n "lint": "modern lint",\n "prepare": "husky install",\n "upgrade": "modern upgrade"\n },\n "engines": {\n "node": ">=16.18.1"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {\n "@modern-js/runtime": "2.34.0",\n "react": "~18.2.0",\n "react-dom": "~18.2.0"\n },\n "devDependencies": {\n "@modern-js/app-tools": "2.34.0",\n "@modern-js/eslint-config": "2.34.0",\n "@modern-js/tsconfig":"2.34.0",\n "@modern-js-app/eslint-config": "2.34.0",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "@types/react-dom": "~18.0.10",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1",\n "rimraf": "~3.0.2"\n }\n}\n',
7
7
  "modern.config.ts": "import { appTools, defineConfig } from '@modern-js/app-tools';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig({\n runtime: {\n router: true,\n },\n plugins: [appTools()],\n});\n",
8
8
  "tsconfig.json": '{\n "extends": "@modern-js/tsconfig/base",\n "compilerOptions": {\n "declaration": false,\n "jsx": "preserve",\n "baseUrl": "./",\n "paths": {\n "@/*": ["./src/*"],\n "@shared/*": ["./shared/*"]\n }\n },\n "include": ["src", "shared", "config", "modern.config.ts"],\n "exclude": ["**/node_modules"]\n}\n',
9
9
  "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n/// <reference types='@modern-js/runtime/types' />\n/// <reference types='@modern-js/runtime/types/router' />\n",
@@ -14,7 +14,7 @@ function fileterFiles(files, removeFiles) {
14
14
  return result;
15
15
  }
16
16
  export default function ModernSandpack(props) {
17
- const { template, customSetup = {}, files: customFiles = {}, removeFiles = [], options = {}, initialCollapsedFolder = [], theme = "light" } = props;
17
+ const { template, customSetup = {}, files: customFiles = {}, removeFiles = [], options = {}, initialCollapsedFolder = [], activeFile = "src/routes/page.tsx", theme = "light" } = props;
18
18
  const initFiles = ModernTemplates[template];
19
19
  const files = {
20
20
  ...fileterFiles(initFiles, removeFiles),
@@ -28,7 +28,7 @@ export default function ModernSandpack(props) {
28
28
  },
29
29
  files,
30
30
  options: {
31
- activeFile: "src/routes/page.tsx",
31
+ activeFile,
32
32
  visibleFiles: Object.keys(customFiles).filter((file) => !removeFiles.includes(file)),
33
33
  ...options
34
34
  },
@@ -3,8 +3,8 @@ export const ModuleFiles = {
3
3
  ...commonFiles,
4
4
  ...{
5
5
  ".npmignore": ".DS_Store\n\n.pnp\n.pnp.js\n.env.local\n.env.*.local\n.history\n*.log*\n\nnode_modules/\n.yarn-integrity\n*.tsbuildinfo\n.eslintcache\n\ncoverage/\nrelease/\noutput/\noutput_resource/\ntests/\n\n.vscode/**/*\n!.vscode/settings.json\n!.vscode/extensions.json\n.idea/\n\nsrc/\n\nmodern.config.*\njest.config.js\n.eslintrc.js\n.eslintrc\ntsconfig.json\nCHANGELOG.md\n\n**/*/api/typings/auto-generated\n",
6
- "README.md": "# Modern.js Package\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nRun and debug the module:\n\n```\npnpm dev\n```\n\nRun test cases:\n\n```\npnpm test\n```\n\nBuild the module for production:\n\n```\npnpm build\n```\n\nEnable optional features:\n\n```\npnpm new\n```\n\nOther commands:\n\n```\npnpm lint # Lint and fix source files\npnpm change # Add a new changeset\npnpm bump # Update version and changelog via changeset\npnpm release # Release the package\n\n```\n\nFor more information, see the [Modern.js Module documentation](https://modernjs.dev/module-tools/en).\n",
7
- "package.json": '{\n "name": "modern-npm-module",\n "version": "0.1.0",\n "types": "./dist/types/index.d.ts",\n "main": "./dist/lib/index.js",\n "module": "./dist/es/index.js",\n "scripts": {\n "prepare": "modern build && husky install",\n "dev": "modern dev",\n "build": "modern build",\n "build:watch": "modern build -w",\n "reset": "rimraf ./**/node_modules",\n "lint": "modern lint",\n "change": "modern change",\n "bump": "modern bump",\n "pre": "modern pre",\n "change-status": "modern change-status",\n "gen-release-note": "modern gen-release-note",\n "release": "modern release",\n "new": "modern new",\n "upgrade": "modern upgrade"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {},\n "peerDependencies": {},\n "devDependencies": {\n "@modern-js/module-tools": "2.33.1",\n "@modern-js/eslint-config": "2.33.1",\n "@modern-js/tsconfig":"2.33.1",\n "@modern-js-app/eslint-config": "2.33.1",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "rimraf": "~3.0.2",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1"\n },\n "sideEffects": [],\n "publishConfig": {\n "access": "public",\n "registry": "https://registry.npmjs.org/"\n }\n}\n',
6
+ "README.md": "# Modern.js Package\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nRun and debug the module:\n\n```bash\npnpm dev\n```\n\nRun test cases:\n\n```bash\npnpm test\n```\n\nBuild the module for production:\n\n```bash\npnpm build\n```\n\nEnable optional features:\n\n```bash\npnpm new\n```\n\nOther commands:\n\n```bash\npnpm lint # Lint and fix source files\npnpm change # Add a new changeset\npnpm bump # Update version and changelog via changeset\npnpm release # Release the package\n```\n\nFor more information, see the [Modern.js Module documentation](https://modernjs.dev/module-tools/en).\n",
7
+ "package.json": '{\n "name": "modern-npm-module",\n "version": "0.1.0",\n "types": "./dist/types/index.d.ts",\n "main": "./dist/lib/index.js",\n "module": "./dist/es/index.js",\n "scripts": {\n "prepare": "modern build && husky install",\n "dev": "modern dev",\n "build": "modern build",\n "build:watch": "modern build -w",\n "reset": "rimraf ./**/node_modules",\n "lint": "modern lint",\n "change": "modern change",\n "bump": "modern bump",\n "pre": "modern pre",\n "change-status": "modern change-status",\n "gen-release-note": "modern gen-release-note",\n "release": "modern release",\n "new": "modern new",\n "upgrade": "modern upgrade"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {},\n "peerDependencies": {},\n "devDependencies": {\n "@modern-js/module-tools": "2.34.0",\n "@modern-js/eslint-config": "2.34.0",\n "@modern-js/tsconfig":"2.34.0",\n "@modern-js-app/eslint-config": "2.34.0",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "rimraf": "~3.0.2",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1"\n },\n "sideEffects": [],\n "publishConfig": {\n "access": "public",\n "registry": "https://registry.npmjs.org/"\n }\n}\n',
8
8
  "src/index.ts": "export default function () {\n return 'hello world';\n}\n",
9
9
  "modern.config.ts": "import { moduleTools, defineConfig } from '@modern-js/module-tools';\n\nexport default defineConfig({\n plugins: [moduleTools()],\n buildPreset: 'npm-library',\n});\n",
10
10
  "tsconfig.json": '{\n "extends": "@modern-js/tsconfig/base",\n "declaration": true,\n "compilerOptions": {\n "baseUrl": "./",\n "paths": {\n "@/*": ["./src/*"]\n },\n "isolatedModules": true\n },\n "include": ["src"],\n "exclude": ["**/node_modules"]\n}\n',
@@ -3,8 +3,8 @@ export const MWAFiles = {
3
3
  ...commonFiles,
4
4
  ...{
5
5
  ".browserslistrc": "chrome >= 51\nedge >= 15\nfirefox >= 54\nsafari >= 10\nios_saf >= 10\n",
6
- "README.md": "# Modern.js App\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nStart the dev server:\n\n```\npnpm dev\n```\n\nEnable optional features or add a new entry:\n\n```\npnpm new\n```\n\nBuild the app for production:\n\n```\npnpm build\n```\n\nPreview the production build locally:\n\n```\npnpm serve\n```\n\nFor more information, see the [Modern.js documentation](https://modernjs.dev/en).\n",
7
- "package.json": '{\n "name": "modern-app",\n "version": "0.1.0",\n "scripts": {\n "reset": "npx rimraf ./**/node_modules",\n "dev": "modern dev",\n "build": "modern build",\n "start": "modern start",\n "serve": "modern serve",\n "new": "modern new",\n "lint": "modern lint",\n "prepare": "husky install",\n "upgrade": "modern upgrade"\n },\n "engines": {\n "node": ">=16.18.1"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {\n "@modern-js/runtime": "2.33.1",\n "react": "~18.2.0",\n "react-dom": "~18.2.0"\n },\n "devDependencies": {\n "@modern-js/app-tools": "2.33.1",\n "@modern-js/eslint-config": "2.33.1",\n "@modern-js/tsconfig":"2.33.1",\n "@modern-js-app/eslint-config": "2.33.1",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "@types/react-dom": "~18.0.10",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1",\n "rimraf": "~3.0.2"\n }\n}\n',
6
+ "README.md": "# Modern.js App\n\n## Setup\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n## Get Started\n\nStart the dev server:\n\n```bash\npnpm dev\n```\n\nEnable optional features or add a new entry:\n\n```bash\npnpm new\n```\n\nBuild the app for production:\n\n```bash\npnpm build\n```\n\nPreview the production build locally:\n\n```bash\npnpm serve\n```\n\nFor more information, see the [Modern.js documentation](https://modernjs.dev/en).\n",
7
+ "package.json": '{\n "name": "modern-app",\n "version": "0.1.0",\n "scripts": {\n "reset": "npx rimraf ./**/node_modules",\n "dev": "modern dev",\n "build": "modern build",\n "start": "modern start",\n "serve": "modern serve",\n "new": "modern new",\n "lint": "modern lint",\n "prepare": "husky install",\n "upgrade": "modern upgrade"\n },\n "engines": {\n "node": ">=16.18.1"\n },\n "lint-staged": {\n "*.{js,jsx,ts,tsx,mjs,cjs}": [\n "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"\n ]\n },\n "eslintIgnore": [\n "node_modules/",\n "dist/"\n ],\n "dependencies": {\n "@modern-js/runtime": "2.34.0",\n "react": "~18.2.0",\n "react-dom": "~18.2.0"\n },\n "devDependencies": {\n "@modern-js/app-tools": "2.34.0",\n "@modern-js/eslint-config": "2.34.0",\n "@modern-js/tsconfig":"2.34.0",\n "@modern-js-app/eslint-config": "2.34.0",\n "typescript": "~5.0.4",\n "@types/jest": "~29.2.4",\n "@types/node": "~16.11.7",\n "@types/react": "~18.0.26",\n "@types/react-dom": "~18.0.10",\n "lint-staged": "~13.1.0",\n "prettier": "~2.8.1",\n "husky": "~8.0.1",\n "rimraf": "~3.0.2"\n }\n}\n',
8
8
  "modern.config.ts": "import { appTools, defineConfig } from '@modern-js/app-tools';\n\n// https://modernjs.dev/en/configure/app/usage\nexport default defineConfig({\n runtime: {\n router: true,\n },\n plugins: [appTools()],\n});\n",
9
9
  "tsconfig.json": '{\n "extends": "@modern-js/tsconfig/base",\n "compilerOptions": {\n "declaration": false,\n "jsx": "preserve",\n "baseUrl": "./",\n "paths": {\n "@/*": ["./src/*"],\n "@shared/*": ["./shared/*"]\n }\n },\n "include": ["src", "shared", "config", "modern.config.ts"],\n "exclude": ["**/node_modules"]\n}\n',
10
10
  "src/modern-app-env.d.ts": "/// <reference types='@modern-js/app-tools/types' />\n/// <reference types='@modern-js/runtime/types' />\n/// <reference types='@modern-js/runtime/types/router' />\n",
@@ -8,5 +8,6 @@ export type ModernSandpackProps = {
8
8
  options?: Record<string, any>;
9
9
  initialCollapsedFolder?: string[];
10
10
  theme?: SandpackThemeProp;
11
+ activeFile?: string;
11
12
  };
12
13
  export default function ModernSandpack(props: ModernSandpackProps): JSX.Element;
package/package.json CHANGED
@@ -15,7 +15,7 @@
15
15
  "modern",
16
16
  "modern.js"
17
17
  ],
18
- "version": "2.34.0",
18
+ "version": "2.35.0",
19
19
  "jsnext:source": "./src/index.ts",
20
20
  "types": "./dist/types/index.d.ts",
21
21
  "main": "./dist/cjs/index.js",
@@ -47,15 +47,15 @@
47
47
  "@types/recursive-readdir": "^2.2.1",
48
48
  "@types/react": "^18",
49
49
  "@types/react-dom": "^18",
50
- "@modern-js/entry-generator": "3.2.0",
51
- "@modern-js/generator-utils": "3.2.0",
52
- "@modern-js/generator-common": "3.2.0",
53
- "@modern-js/utils": "2.34.0",
54
- "@modern-js/module-generator": "3.2.0",
55
- "@modern-js/mwa-generator": "3.2.0",
56
- "@modern-js/base-generator": "3.2.0",
57
- "@scripts/jest-config": "2.34.0",
58
- "@scripts/build": "2.34.0"
50
+ "@modern-js/base-generator": "3.2.1",
51
+ "@modern-js/mwa-generator": "3.2.1",
52
+ "@modern-js/generator-utils": "3.2.1",
53
+ "@modern-js/generator-common": "3.2.1",
54
+ "@modern-js/utils": "2.35.0",
55
+ "@modern-js/module-generator": "3.2.1",
56
+ "@modern-js/entry-generator": "3.2.1",
57
+ "@scripts/build": "2.35.0",
58
+ "@scripts/jest-config": "2.35.0"
59
59
  },
60
60
  "sideEffects": false,
61
61
  "publishConfig": {