feat: expose dist paths as root paths via package.json export field (#3274)

Author: pskelin

packages/base/index.js

@@ -1,4 +1,4 @@
-import UI5Element from "./src/UI5Element.js";
+import UI5Element from "./dist/UI5Element.js";
 
 export default UI5Element;
 export { UI5Element };

packages/base/package.json

@@ -15,6 +15,13 @@
     "url": "https://github.com/SAP/ui5-webcomponents.git",
     "directory": "packages/base"
   },
+  "exports": {
+    ".": "./index.js",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./bundle.esm.js": "./bundle.esm.js",
+    "./*": "./dist/*"
+  },
   "scripts": {
     "clean": "nps clean",
     "lint": "nps lint",

packages/fiori/package.json

@@ -13,6 +13,16 @@
     "sapui5",
     "ui5"
   ],
+  "exports": {
+    "./.port": "./.port",
+    "./src/*": "./src/*",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./bundle.esm.js": "./bundle.esm.js",
+    "./bundle.es5.js": "./bundle.es5.js",
+    "./bundle.common.js": "./bundle.common.js",
+    "./*": "./dist/*"
+  },
   "scripts": {
     "clean": "wc-dev clean",
     "lint": "wc-dev lint",

packages/icons-tnt/package.json

@@ -10,6 +10,11 @@
     "sapui5",
     "ui5"
   ],
+  "exports": {
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./*": "./dist/*"
+  },
   "scripts": {
     "clean": "wc-dev clean",
     "build": "wc-dev build",

packages/icons/package.json

@@ -10,6 +10,11 @@
     "sapui5",
     "ui5"
   ],
+  "exports": {
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./*": "./dist/*"
+  },
   "scripts": {
     "clean": "wc-dev clean",
     "build": "wc-dev build",

packages/localization/package.json

@@ -14,6 +14,11 @@
     "url": "https://github.com/SAP/ui5-webcomponents.git",
     "directory": "packages/localization"
   },
+  "exports": {
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./*": "./dist/*"
+  },
   "scripts": {
     "clean": "nps clean",
     "lint": "nps lint",

packages/main/bundle.common.js

@@ -1,7 +1,7 @@
 import { getAssetsPath, setAssetsPath } from "@ui5/webcomponents-base/dist/config/AssetsPath.js";
 // setAssetsPath("/my-resources/");
 
-import { addCustomCSS, attachThemeLoaded, detachThemeLoaded } from "@ui5/webcomponents-base/dist/Theming";
+import { addCustomCSS, attachThemeLoaded, detachThemeLoaded } from "@ui5/webcomponents-base/dist/Theming.js";
 
 
 // Calendars

packages/main/package.json

@@ -24,6 +24,16 @@
     "create-ui5-element": "wc-create-ui5-element",
     "prepublishOnly": "npm run build"
   },
+  "exports": {
+    "./.port": "./.port",
+    "./src/*": "./src/*",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./bundle.esm.js": "./bundle.esm.js",
+    "./bundle.es5.js": "./bundle.es5.js",
+    "./bundle.common.js": "./bundle.common.js",
+    "./*": "./dist/*"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/SAP/ui5-webcomponents.git",

packages/theme-base/package.json

@@ -10,6 +10,11 @@
     "sapui5",
     "ui5"
   ],
+  "exports": {
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./*": "./dist/*"
+  },
   "scripts": {
     "clean": "nps clean",
     "build": "nps build",

packages/tools/lib/init-package/index.js

@@ -107,6 +107,19 @@ const updatePackageFile = () => {
 		"prepublishOnly": "npm run build"
 	};
 
+	// make convinient exports (no dist in component path)
+	// export the rest that is used directly or via require.resolve in scripts
+	packageContent.exports = {
+		"./.port": "./.port",
+		"./src/*": "./src/*",
+		"./dist/*": "./dist/*",
+		"./package.json": "./package.json",
+		"./bundle.esm.js": "./bundle.esm.js",
+		"./bundle.es5.js": "./bundle.es5.js",
+		"./bundle.common.js": "./bundle.common.js",
+		"./*": "./dist/*"
+	}
+
 	packageContent.ui5 = {
 		webComponentsPackage: true
 	};