@teambit/documenter.code.react-playground - npm Package Compare versions

Comparing version 4.1.8 to 4.1.9

dist/react-playground.js

 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
@@ -18,3 +41,3 @@ var t = {};
 exports.Playground = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
@@ -37,32 +60,21 @@ const react_live_1 = require("react-live");
     // don't show trailing new line at the end of the file
-    const _code = react_1.default.useMemo(() => code === null || code === void 0 ? void 0 : code.toString().replace(/\n$/, '').trim(), [code]);
+    const _code = (0, react_1.useMemo)(() => code === null || code === void 0 ? void 0 : code.toString().replace(/\n$/, '').trim(), [code]);
     const [ref, { width }] = (0, react_use_dimensions_1.default)();
     const debouncedSize = (0, use_debounce_1.useDebounce)(width, 300, { leading: true });
-    const isMounted = react_1.default.useRef(true);
-    react_1.default.useEffect(() => {
-        return () => {
-            isMounted.current = false;
-            debouncedSize === null || debouncedSize === void 0 ? void 0 : debouncedSize[1].cancel();
-        };
-    }, []);
     const isColumn = +debouncedSize[0] <= 500;
     const placement = isColumn ? base_ui_surfaces_split_pane_split_pane_1.Layout.columnReverse : base_ui_surfaces_split_pane_split_pane_1.Layout.row;
-    // const _LiveError = LiveError<any>({ className: classNames(errorClass, styles.error) as string });
     if (!width)
         return react_1.default.createElement("div", { ref: ref });
-    return (react_1.default.createElement(react_live_1.LiveProvider, { code: _code, scope: scope, theme: oceanicNext_1.default }, isMounted && (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(className, react_playground_module_scss_1.default.playground, isColumn ? react_playground_module_scss_1.default.column : react_playground_module_scss_1.default.row) }, rest),
-        react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.SplitPane, { className: react_playground_module_scss_1.default.main, size: '50%', layout: placement },
-            react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane, { className: (0, classnames_1.default)(react_playground_module_scss_1.default.codePane) },
-                react_1.default.createElement(react_live_1.LiveEditor, { className: (0, classnames_1.default)(react_playground_module_scss_1.default.editor) })),
-            react_1.default.createElement(base_ui_surfaces_split_pane_hover_splitter_1.HoverSplitter, { className: react_playground_module_scss_1.default.splitter }),
-            react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane, { className: (0, classnames_1.default)(react_playground_module_scss_1.default.previewPane) },
-                react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(react_live_1.LivePreview, { Component: (_a) => {
-                            var { children } = _a, rest = __rest(_a, ["children"]);
-                            return (react_1.default.createElement("div", Object.assign({}, rest, { className: react_playground_module_scss_1.default.previewBox }), children));
-                        } }),
-                    react_1.default.createElement(react_live_1.LiveError, { className: (0, classnames_1.default)(base_ui_input_error_1.Error, react_playground_module_scss_1.default.error) }),
-                    ";")))))));
+    return (react_1.default.createElement(react_live_1.LiveProvider, { code: _code, scope: scope, theme: oceanicNext_1.default },
+        react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(className, react_playground_module_scss_1.default.playground, isColumn ? react_playground_module_scss_1.default.column : react_playground_module_scss_1.default.row) }, rest),
+            react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.SplitPane, { className: react_playground_module_scss_1.default.main, size: '50%', layout: placement },
+                react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane, { className: (0, classnames_1.default)(react_playground_module_scss_1.default.codePane) },
+                    react_1.default.createElement(react_live_1.LiveEditor, { className: (0, classnames_1.default)(react_playground_module_scss_1.default.editor) })),
+                react_1.default.createElement(base_ui_surfaces_split_pane_hover_splitter_1.HoverSplitter, { className: react_playground_module_scss_1.default.splitter }),
+                react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane, { className: (0, classnames_1.default)(react_playground_module_scss_1.default.previewPane) },
+                    react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(react_live_1.LivePreview, { className: react_playground_module_scss_1.default.previewBox }),
+                        react_1.default.createElement(react_live_1.LiveError, { className: (0, classnames_1.default)(base_ui_input_error_1.Error, react_playground_module_scss_1.default.error) })))))));
 }
 exports.Playground = Playground;
 //# sourceMappingURL=react-playground.js.map

package.json

 {
   "name": "@teambit/documenter.code.react-playground",
-  "version": "4.1.8",
+  "version": "4.1.9",
   "homepage": "https://bit.cloud/teambit/documenter/code/react-playground",
@@ -9,3 +9,3 @@ "main": "dist/index.js",
     "name": "code/react-playground",
-    "version": "4.1.8"
+    "version": "4.1.9"
   },
@@ -15,3 +15,3 @@ "dependencies": {
     "prism-react-renderer": "^1.1.1",
-    "react-live": "4.0.1",
+    "react-live": "3.2.0",
     "react-use-dimensions": "^1.2.1",
@@ -18,0 +18,0 @@ "use-debounce": "^9.0.4",

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Lines of code

462

increased by3.13%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

37049

decreased by-1.53%

Dependency changes

• + Addedreact-live@3.2.0(transitive)

• - Removedreact-live@4.0.1(transitive)

• Updatedreact-live@3.2.0