Add .gitignore to exclude all node packages and lock files

skills/remotion-prompt-video/node_modules/remotion/dist/cjs/Folder.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Folder = exports.FolderContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
+const truthy_js_1 = require("./truthy.js");
+const validate_folder_name_js_1 = require("./validation/validate-folder-name.js");
+exports.FolderContext = (0, react_1.createContext)({
+    folderName: null,
+    parentName: null,
+});
+/*
+ * @description By wrapping a <Composition /> inside a <Folder />, you can visually categorize it in your sidebar, should you have many compositions.
+ * @see [Documentation](https://remotion.dev/docs/folder)
+ */
+const Folder = ({ name, children }) => {
+    const parent = (0, react_1.useContext)(exports.FolderContext);
+    const { registerFolder, unregisterFolder } = (0, react_1.useContext)(CompositionManagerContext_js_1.CompositionSetters);
+    (0, validate_folder_name_js_1.validateFolderName)(name);
+    const parentNameArr = [parent.parentName, parent.folderName].filter(truthy_js_1.truthy);
+    const parentName = parentNameArr.length === 0 ? null : parentNameArr.join('/');
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            folderName: name,
+            parentName,
+        };
+    }, [name, parentName]);
+    (0, react_1.useEffect)(() => {
+        registerFolder(name, parentName);
+        return () => {
+            unregisterFolder(name, parentName);
+        };
+    }, [name, parent.folderName, parentName, registerFolder, unregisterFolder]);
+    return ((0, jsx_runtime_1.jsx)(exports.FolderContext.Provider, { value: value, children: children }));
+};
+exports.Folder = Folder;