fix: atoms local (calcom#22245)

* Revert "fix: atoms for local development (calcom#22178)"

This reverts commit d74d99d.

* chore: remove comment

* feat: local dev scripts

* feat: local dev scripts

Author: supalarry

packages/platform/atoms/.gitignore

@@ -1,2 +1 @@
-globals.min.css
-cal-atoms-dev.tgz
+globals.min.css

packages/platform/atoms/package.json

@@ -10,7 +10,8 @@
     "build": "NODE_OPTIONS='--max_old_space_size=12288' rm -rf dist && yarn vite build && npx tailwindcss -i ./globals.css -o ./globals.min.css --postcss --minify && mkdir ./dist/packages/prisma-client && cp -rf ../../../node_modules/.prisma/client/*.d.ts ./dist/packages/prisma-client",
     "publish-npm": "yarn build && npm publish --access public",
     "test": "jest",
-    "pack-dev": "yarn build && npm pack && mv calcom-atoms-*.tgz cal-atoms-dev.tgz"
+    "dev-on": "node scripts/dev-on.js",
+    "dev-off": "git checkout -- package.json vite.config.ts"
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^15.0.1",

packages/platform/atoms/scripts/dev-on.js

@@ -0,0 +1,20 @@
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const packageJsonPath = path.join(__dirname, "../package.json");
+const viteConfigPath = path.join(__dirname, "../vite.config.ts");
+
+// Modify package.json
+const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+packageJson.main = "./dist/cal-atoms.umd.cjs";
+packageJson.exports["."].require = "./dist/cal-atoms.umd.cjs";
+fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+
+// Modify vite.config.ts
+let viteConfig = fs.readFileSync(viteConfigPath, "utf-8");
+viteConfig = viteConfig.replace(/formats: \["es"\],/g, "");
+viteConfig = viteConfig.replace(/external: \[([^\]]+)\]/, 'external: [$1, "react-awesome-query-builder"]');
+viteConfig = viteConfig.replace(/format: "esm",\s*/g, "");
+fs.writeFileSync(viteConfigPath, viteConfig);

packages/platform/atoms/vite.config.ts

@@ -36,7 +36,7 @@ export default defineConfig(({ mode }) => {
       rollupOptions: {
         external: ["react", "fs", "path", "os", "react/jsx-runtime", "react-dom", "react-dom/client"],
         output: {
-          format: "esm", // Force ESM output
+          format: "esm",
           globals: {
             react: "React",
             "react-dom": "ReactDOM",

packages/platform/examples/base/README.md

@@ -19,7 +19,7 @@ REDIS_URL="redis://localhost:6379"
 ```
 
 3. Start "apps/api/v2" api using `yarn dev`.
-4. Setup "packages/platform/atoms" by running `yarn atoms-dev-on` in the example app directory - it will pack atoms into a dev .tgz and switch the dependency to point to it. When you are done with development, run `yarn atoms-dev-off` to switch back to the published version because otherwise examples app would have entry in the yarn.lock file pointing to the dev .tgz and installation would fail in prod because dev tar file exists only locally.
+4. Start "packages/platform/atoms" atoms package with `yarn dev`.
 5. Start "apps/web" cal web app using `yarn dx`.
 6. Open your browser at "http://localhost:3000/" and login with admin username `admin@example.com` and password `ADMINadmin2022!`.
 7. In the web app navigate to `http://localhost:3000/settings/organizations/new` and create a sample organization. When asked for phone verification code enter `111111`.

packages/platform/examples/base/atoms-dev-on.sh

@@ -4,8 +4,6 @@
   "private": true,
   "scripts": {
     "dev": "PORT=4321 next dev",
-    "atoms-dev-on": "./atoms-dev-on.sh",
-    "atoms-dev-off": "git checkout -- package.json ../../../../yarn.lock",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"