dynim-react 1.0.27 → 1.0.28

package/dist/vite/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Vite integration for dynim-react
+ */
+export { dynimPackages, type DynimPackagesOptions } from './plugin.js';
+export { dynimPackages as default } from './plugin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/vite/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACtE,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/vite/index.js

@@ -0,0 +1,5 @@
+/**
+ * Vite integration for dynim-react
+ */
+export { dynimPackages } from './plugin.js';
+export { dynimPackages as default } from './plugin.js';

package/dist/vite/plugin.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Vite plugin for dynim-react
+ *
+ * Generates a virtual module that exports all specified packages,
+ * so you don't have to manually import and map each one.
+ *
+ * Usage:
+ * ```ts
+ * // vite.config.ts
+ * import { dynimPackages } from 'dynim-react/vite'
+ *
+ * export default {
+ *   plugins: [
+ *     dynimPackages([
+ *       'react-router-dom',
+ *       '@tanstack/react-query',
+ *       'axios',
+ *     ])
+ *   ]
+ * }
+ * ```
+ *
+ * Then in your app:
+ * ```ts
+ * import packages from 'virtual:dynim-packages'
+ *
+ * <BuilderProvider config={{ packages }}>
+ * ```
+ */
+import type { Plugin } from 'vite';
+export interface DynimPackagesOptions {
+    /**
+     * List of package names to expose to dynim bundles.
+     * These must be installed in your project's node_modules.
+     */
+    packages: string[];
+}
+/**
+ * Vite plugin that generates a virtual module exporting all specified packages.
+ *
+ * @param packages - Array of package names, or options object
+ * @returns Vite plugin
+ *
+ * @example
+ * // Simple usage - array of package names
+ * dynimPackages(['react-router-dom', 'axios'])
+ *
+ * @example
+ * // Options object
+ * dynimPackages({ packages: ['react-router-dom', 'axios'] })
+ */
+export declare function dynimPackages(packagesOrOptions: string[] | DynimPackagesOptions): Plugin;
+export default dynimPackages;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/vite/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/vite/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAKlC,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAC3B,iBAAiB,EAAE,MAAM,EAAE,GAAG,oBAAoB,GACjD,MAAM,CAuCR;AAED,eAAe,aAAa,CAAA"}

package/dist/vite/plugin.js

@@ -0,0 +1,81 @@
+/**
+ * Vite plugin for dynim-react
+ *
+ * Generates a virtual module that exports all specified packages,
+ * so you don't have to manually import and map each one.
+ *
+ * Usage:
+ * ```ts
+ * // vite.config.ts
+ * import { dynimPackages } from 'dynim-react/vite'
+ *
+ * export default {
+ *   plugins: [
+ *     dynimPackages([
+ *       'react-router-dom',
+ *       '@tanstack/react-query',
+ *       'axios',
+ *     ])
+ *   ]
+ * }
+ * ```
+ *
+ * Then in your app:
+ * ```ts
+ * import packages from 'virtual:dynim-packages'
+ *
+ * <BuilderProvider config={{ packages }}>
+ * ```
+ */
+const VIRTUAL_MODULE_ID = 'virtual:dynim-packages';
+const RESOLVED_VIRTUAL_MODULE_ID = '\0' + VIRTUAL_MODULE_ID;
+/**
+ * Vite plugin that generates a virtual module exporting all specified packages.
+ *
+ * @param packages - Array of package names, or options object
+ * @returns Vite plugin
+ *
+ * @example
+ * // Simple usage - array of package names
+ * dynimPackages(['react-router-dom', 'axios'])
+ *
+ * @example
+ * // Options object
+ * dynimPackages({ packages: ['react-router-dom', 'axios'] })
+ */
+export function dynimPackages(packagesOrOptions) {
+    const packageNames = Array.isArray(packagesOrOptions)
+        ? packagesOrOptions
+        : packagesOrOptions.packages;
+    return {
+        name: 'dynim-packages',
+        resolveId(id) {
+            if (id === VIRTUAL_MODULE_ID) {
+                return RESOLVED_VIRTUAL_MODULE_ID;
+            }
+        },
+        load(id) {
+            if (id === RESOLVED_VIRTUAL_MODULE_ID) {
+                // Generate import statements for each package
+                const imports = packageNames
+                    .map((name, i) => `import * as _pkg${i} from '${name}'`)
+                    .join('\n');
+                // Generate the packages object entries
+                const entries = packageNames
+                    .map((name, i) => `  '${name}': _pkg${i}`)
+                    .join(',\n');
+                // Return the generated module code
+                return `${imports}
+
+const packages = {
+${entries}
+}
+
+export default packages
+export { packages }
+`;
+            }
+        },
+    };
+}
+export default dynimPackages;

package/package.json

@@ -1,9 +1,22 @@
 {
   "name": "dynim-react",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite/index.d.ts",
+      "import": "./dist/vite/index.js"
+    },
+    "./vite/virtual-module": {
+      "types": "./dist/vite/virtual-module.d.ts"
+    }
+  },
   "files": [
     "dist",
     "README.md"
@@ -17,14 +30,21 @@
   },
   "peerDependencies": {
     "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "react-dom": ">=17.0.0",
+    "vite": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vite": "^5.0.0"
   },
   "license": "MIT"
 }