@typed-grid-areas/solid 0.1.0 → 0.1.2

package/dist/gridComponent.jsx

@@ -1,6 +1,6 @@
 import { children, createEffect, mergeProps, sharedConfig, splitProps, } from "solid-js";
 import { Dynamic, isServer, ssr, useAssets } from "solid-js/web";
-import { createSlotCheck, gridMarkup, gridStyleTags, insertGridStyle, isDevelopment, } from "typed-grid-areas/adapter";
+import { createSlotCheck, gridMarkup, gridStyleTags, insertGridStyle, } from "typed-grid-areas/adapter";
 /**
  * What a server render has registered with `useAssets`, by render. The
  * render's list of assets is internal to Solid; it's only used here as a
@@ -44,20 +44,31 @@ function createRoot(definition) {
             grid = element;
             local.ref?.(element);
         };
-        // In development, check the slots after mount and whenever they change.
-        if (!isServer && isDevelopment()) {
-            const checkSlots = createSlotCheck(definition, {
-                strayChildRemedy: "make it a slot with `as`",
-            });
-            createEffect(() => {
-                resolved();
-                if (grid !== undefined) {
-                    for (const warning of checkSlots(grid)) {
-                        // eslint-disable-next-line no-console
-                        console.warn(warning);
-                    }
+        // In development, check the slots after mount and whenever they change. Written out,
+        // not `isDevelopment()`, so production builds drop the check.
+        try {
+            if (process.env.NODE_ENV === "development") {
+                if (!isServer) {
+                    const checkSlots = createSlotCheck(definition, {
+                        strayChildRemedy: "make it a slot with `as`",
+                    });
+                    createEffect(() => {
+                        resolved();
+                        if (grid !== undefined) {
+                            for (const warning of checkSlots(grid)) {
+                                // eslint-disable-next-line no-console
+                                console.warn(warning);
+                            }
+                        }
+                    });
                 }
-            });
+            }
+        }
+        catch (error) {
+            // Without a bundler, `process` may not exist: then this isn't development.
+            if (!(error instanceof ReferenceError)) {
+                throw error;
+            }
         }
         const element = (<Dynamic component={local.as ?? "div"} {...others} {...gridElement.attributes} ref={ref}>
         {resolved()}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Dynamic, createComponent, insert, isServer, mergeProps, spread, ssr, template, useAssets } from "solid-js/web";
 import { children, createEffect, mergeProps as mergeProps$1, sharedConfig, splitProps } from "solid-js";
-import { createSlotCheck, gridMarkup, gridStyleTags, insertGridStyle, isDevelopment } from "typed-grid-areas/adapter";
+import { createSlotCheck, gridMarkup, gridStyleTags, insertGridStyle } from "typed-grid-areas/adapter";
 // src/gridComponent.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /**
@@ -46,12 +46,18 @@ function createRoot(definition) {
 			grid = element;
 			local.ref?.(element);
 		};
-		if (!isServer && isDevelopment()) {
-			const checkSlots = createSlotCheck(definition, { strayChildRemedy: "make it a slot with `as`" });
-			createEffect(() => {
-				resolved();
-				if (grid !== void 0) for (const warning of checkSlots(grid)) console.warn(warning);
-			});
+		try {
+			if (process.env.NODE_ENV === "development") {
+				if (!isServer) {
+					const checkSlots = createSlotCheck(definition, { strayChildRemedy: "make it a slot with `as`" });
+					createEffect(() => {
+						resolved();
+						if (grid !== void 0) for (const warning of checkSlots(grid)) console.warn(warning);
+					});
+				}
+			}
+		} catch (error) {
+			if (!(error instanceof ReferenceError)) throw error;
 		}
 		const element = createComponent(Dynamic, mergeProps({ get component() {
 			return local.as ?? "div";

package/package.json

@@ -1,7 +1,14 @@
 {
   "name": "@typed-grid-areas/solid",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Solid adapter for typed-grid-areas: render a grid definition as typed slot components.",
+  "keywords": [
+    "css-grid",
+    "grid-template-areas",
+    "layout",
+    "typescript",
+    "solid"
+  ],
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -9,7 +16,7 @@
     "url": "git+https://github.com/MichaelBuss/typed-grid-areas.git",
     "directory": "packages/solid"
   },
-  "homepage": "https://github.com/MichaelBuss/typed-grid-areas#readme",
+  "homepage": "https://michaelbuss.github.io/typed-grid-areas/",
   "bugs": {
     "url": "https://github.com/MichaelBuss/typed-grid-areas/issues"
   },
@@ -21,12 +28,13 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "REFERENCE.md"
   ],
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json",
-    "prepack": "npm run build && cp ../../README.md ../../LICENSE .",
-    "postpack": "rm README.md LICENSE",
+    "prepack": "npm run build && cp ../../README.md ../../REFERENCE.md ../../LICENSE .",
+    "postpack": "rm README.md REFERENCE.md LICENSE",
     "test": "vitest run --project unit --project node",
     "test:browser": "vitest run --project browser --project browser-development",
     "typecheck": "tsc --noEmit"
@@ -35,7 +43,7 @@
     "solid-js": "^1.9.0"
   },
   "dependencies": {
-    "typed-grid-areas": "^0.2.0"
+    "typed-grid-areas": "^0.3.1"
   },
   "devDependencies": {
     "@typed-grid-areas/acceptance": "*",