@solid-primitives/styles - npm Package Compare versions

Comparing version 0.0.100 to 0.0.101

dist/dev.cjs

+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rootless = require('@solid-primitives/rootless');
+var solidJs = require('solid-js');
+
+// src/index.ts
+var totallyHiddenStyles = {
+  border: "0",
+  padding: "0",
+  visibility: "hidden",
+  position: "absolute",
+  top: "-9999px",
+  left: "-9999px"
+};
+var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
+function createRemSize() {
+  const [remSize, setRemSize] = solidJs.createSignal(getRemSize());
+  const el = document.createElement("div");
+  Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
+  document.body.appendChild(el);
+  let init = true;
+  const ro = new ResizeObserver(() => {
+    if (init)
+      return init = false;
+    setRemSize(getRemSize());
+  });
+  ro.observe(el);
+  solidJs.onCleanup(() => {
+    el.remove();
+    ro.disconnect();
+  });
+  return remSize;
+}
+var useRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
+var setServerRemSize = (size) => {
+};
+
+exports.createRemSize = createRemSize;
+exports.getRemSize = getRemSize;
+exports.setServerRemSize = setServerRemSize;
+exports.useRemSize = useRemSize;

dist/dev.js

+import { createSharedRoot } from '@solid-primitives/rootless';
+import { createSignal, onCleanup } from 'solid-js';
+
+// src/index.ts
+var totallyHiddenStyles = {
+  border: "0",
+  padding: "0",
+  visibility: "hidden",
+  position: "absolute",
+  top: "-9999px",
+  left: "-9999px"
+};
+var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
+function createRemSize() {
+  const [remSize, setRemSize] = createSignal(getRemSize());
+  const el = document.createElement("div");
+  Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
+  document.body.appendChild(el);
+  let init = true;
+  const ro = new ResizeObserver(() => {
+    if (init)
+      return init = false;
+    setRemSize(getRemSize());
+  });
+  ro.observe(el);
+  onCleanup(() => {
+    el.remove();
+    ro.disconnect();
+  });
+  return remSize;
+}
+var useRemSize = /* @__PURE__ */ createSharedRoot(createRemSize);
+var setServerRemSize = (size) => {
+};
+
+export { createRemSize, getRemSize, setServerRemSize, useRemSize };

dist/index.cjs

@@ -1,31 +0,9 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rootless = require('@solid-primitives/rootless');
+var solidJs = require('solid-js');
+
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  createRemSize: () => createRemSize,
-  getRemSize: () => getRemSize,
-  setServerRemSize: () => setServerRemSize,
-  useRemSize: () => useRemSize
-});
-module.exports = __toCommonJS(src_exports);
-var import_rootless = require("@solid-primitives/rootless");
-var import_solid_js = require("solid-js");
 var totallyHiddenStyles = {
@@ -41,3 +19,3 @@ border: "0",
 function createRemSize() {
-  const [remSize, setRemSize] = (0, import_solid_js.createSignal)(getRemSize());
+  const [remSize, setRemSize] = solidJs.createSignal(getRemSize());
   const el = document.createElement("div");
@@ -53,3 +31,3 @@ Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
   ro.observe(el);
-  (0, import_solid_js.onCleanup)(() => {
+  solidJs.onCleanup(() => {
     el.remove();
@@ -60,11 +38,9 @@ ro.disconnect();
 }
-var useRemSize = /* @__PURE__ */ (0, import_rootless.createSharedRoot)(createRemSize);
+var useRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
 var setServerRemSize = (size) => {
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createRemSize,
-  getRemSize,
-  setServerRemSize,
-  useRemSize
-});
+
+exports.createRemSize = createRemSize;
+exports.getRemSize = getRemSize;
+exports.setServerRemSize = setServerRemSize;
+exports.useRemSize = useRemSize;

dist/index.js

@@ -0,4 +1,5 @@
+import { createSharedRoot } from '@solid-primitives/rootless';
+import { createSignal, onCleanup } from 'solid-js';
+
 // src/index.ts
-import { createSharedRoot } from "@solid-primitives/rootless";
-import { createSignal, onCleanup } from "solid-js";
 var totallyHiddenStyles = {
@@ -34,7 +35,3 @@ border: "0",
 };
-export {
-  createRemSize,
-  getRemSize,
-  setServerRemSize,
-  useRemSize
-};
+
+export { createRemSize, getRemSize, setServerRemSize, useRemSize };

dist/server.cjs

@@ -1,42 +0,24 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/server.ts
-var server_exports = {};
-__export(server_exports, {
-  createRemSize: () => createRemSize,
-  getRemSize: () => getRemSize,
-  setServerRemSize: () => setServerRemSize,
-  useRemSize: () => useRemSize
-});
-module.exports = __toCommonJS(server_exports);
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@solid-primitives/rootless');
+require('solid-js');
+
+// src/index.ts
 var serverRemSize = 16;
-var getRemSize = () => serverRemSize;
-var createRemSize = () => () => serverRemSize;
-var useRemSize = () => () => serverRemSize;
+var getRemSize = () => serverRemSize ;
+function createRemSize() {
+  {
+    return () => serverRemSize;
+  }
+}
+var useRemSize = () => () => serverRemSize ;
 var setServerRemSize = (size) => {
   serverRemSize = size;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createRemSize,
-  getRemSize,
-  setServerRemSize,
-  useRemSize
-});
+} ;
+
+exports.createRemSize = createRemSize;
+exports.getRemSize = getRemSize;
+exports.setServerRemSize = setServerRemSize;
+exports.useRemSize = useRemSize;

dist/server.js

@@ -1,14 +0,17 @@
-// src/server.ts
+import '@solid-primitives/rootless';
+import 'solid-js';
+
+// src/index.ts
 var serverRemSize = 16;
-var getRemSize = () => serverRemSize;
-var createRemSize = () => () => serverRemSize;
-var useRemSize = () => () => serverRemSize;
+var getRemSize = () => serverRemSize ;
+function createRemSize() {
+  {
+    return () => serverRemSize;
+  }
+}
+var useRemSize = () => () => serverRemSize ;
 var setServerRemSize = (size) => {
   serverRemSize = size;
-};
-export {
-  createRemSize,
-  getRemSize,
-  setServerRemSize,
-  useRemSize
-};
+} ;
+
+export { createRemSize, getRemSize, setServerRemSize, useRemSize };

package.json

 {
   "name": "@solid-primitives/styles",
-  "version": "0.0.100",
+  "version": "0.0.101",
   "description": "Collection of reactive primitives focused on styles.",
@@ -31,5 +31,21 @@ "author": "Damian Tarnawski <[e-mail]>",
   "main": "./dist/server.cjs",
-  "module": "./dist/index.js",
+  "module": "./dist/server.js",
   "types": "./dist/index.d.ts",
   "exports": {
+    "worker": {
+      "import": "./dist/server.js",
+      "require": "./dist/server.cjs"
+    },
+    "browser": {
+      "development": {
+        "import": "./dist/dev.js",
+        "require": "./dist/dev.cjs"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "deno": {
+      "import": "./dist/server.js",
+      "require": "./dist/server.cjs"
+    },
     "node": {
@@ -39,2 +55,6 @@ "import": "./dist/server.js",
     },
+    "development": {
+      "import": "./dist/dev.js",
+      "require": "./dist/dev.cjs"
+    },
     "import": "./dist/index.js",
@@ -49,13 +69,11 @@ "require": "./dist/index.cjs"
   ],
+  "dependencies": {
+    "@solid-primitives/rootless": "^1.2.0"
+  },
+  "browser": {
+    "./dist/server.cjs": "./dist/index.cjs",
+    "./dist/server.js": "./dist/index.js"
+  },
   "devDependencies": {
-    "jsdom": "^20.0.0",
-    "prettier": "^2.7.1",
-    "solid-js": "^1.5.4",
-    "tslib": "^2.4.0",
-    "tsup": "^6.2.3",
-    "typescript": "^4.8.2",
-    "unocss": "^0.45.15",
-    "vite": "^3.0.9",
-    "vite-plugin-solid": "^2.3.0",
-    "vitest": "^0.23.0"
+    "solid-js": "^1.5.0"
   },
@@ -65,11 +83,9 @@ "peerDependencies": {
   },
-  "dependencies": {
-    "@solid-primitives/rootless": "^1.1.3"
-  },
   "scripts": {
     "start": "vite serve dev --host",
     "dev": "npm run start",
-    "build": "tsup",
-    "test": "vitest"
+    "build": "jiti ../../scripts/build.ts --ssr --dev",
+    "test": "vitest -c ../../configs/vitest.config.ts",
+    "test:ssr": "pnpm run test --mode ssr"
   }
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12521

6.94%

Dev dependency count

1

-90%

Number of package files

10

25%

Lines of code

211

11.05%

Worsened metrics

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• Updated

  @solid-primitives/rootless@^1.2.0