Move from the main repo

Author: istarkov

.storybook/main.ts

@@ -1,5 +1,19 @@
 import * as path from "node:path";
 import type { StorybookConfig } from "@storybook/react-vite";
+import { existsSync, readdirSync } from "node:fs";
+
+const isFolderEmptyOrNotExists = (folderPath: string) => {
+  if (!existsSync(folderPath)) {
+    return true; // Folder does not exist
+  }
+  const contents = readdirSync(folderPath);
+
+  return contents.length === 0;
+};
+
+const hasPrivateFolders = !isFolderEmptyOrNotExists(
+  path.join(__dirname, "../../packages/sdk-components-animation/private-src")
+);
 
 const visualTestingStories: StorybookConfig["stories"] = [
   {
@@ -67,7 +81,17 @@ export default {
       },
       resolve: {
         ...config.resolve,
-        conditions: ["webstudio", "import", "module", "browser", "default"],
+        conditions: hasPrivateFolders
+          ? [
+              "webstudio-private",
+              "webstudio",
+              "import",
+              "module",
+              "browser",
+              "default",
+            ]
+          : ["webstudio", "import", "module", "browser", "default"],
+
         alias: [
           {
             find: "~",

apps/builder/vite.config.ts

@@ -1,4 +1,4 @@
-import { resolve } from "node:path";
+import path, { resolve } from "node:path";
 import { defineConfig, type CorsOptions } from "vite";
 import { vitePlugin as remix } from "@remix-run/dev";
 import { vercelPreset } from "@vercel/remix/vite";
@@ -9,13 +9,28 @@ import {
   getAuthorizationServerOrigin,
   isBuilderUrl,
 } from "./app/shared/router-utils/origins";
-import { readFileSync } from "node:fs";
+import { readFileSync, readdirSync, existsSync } from "node:fs";
+
+const isFolderEmptyOrNotExists = (folderPath: string) => {
+  if (!existsSync(folderPath)) {
+    return true; // Folder does not exist
+  }
+  const contents = readdirSync(folderPath);
+
+  return contents.length === 0;
+};
+
+const hasPrivateFolders = !isFolderEmptyOrNotExists(
+  path.join(__dirname, "../../packages/sdk-components-animation/private-src")
+);
 
 export default defineConfig(({ mode }) => {
   if (mode === "test") {
     return {
       resolve: {
-        conditions: ["webstudio"],
+        conditions: hasPrivateFolders
+          ? ["webstudio-private", "webstudio"]
+          : ["webstudio"],
         alias: [
           {
             find: "~",
@@ -69,7 +84,10 @@ export default defineConfig(({ mode }) => {
       },
     ],
     resolve: {
-      conditions: ["webstudio"],
+      conditions: hasPrivateFolders
+        ? ["webstudio-private", "webstudio"]
+        : ["webstudio"],
+
       alias: [
         {
           find: "~",

packages/sdk-components-animation/LICENSE-scroll-timeline

@@ -14,6 +14,7 @@
   ],
   "exports": {
     ".": {
+      "webstudio-private": "./private-src/components.ts",
       "webstudio": "./src/components.ts",
       "types": "./lib/types/components.d.ts",
       "import": "./lib/components.js"