@devvit/ui-renderer 0.9.4 → 0.9.5

package/custom-styles.css

@@ -0,0 +1,36 @@
+/** Text outline classes */
+.text-outline-thin-bright {
+  text-shadow: #000 1px 0 0.5px, #000 -1px 0 0.5px, #000 0 1px 0.5px, #000 0 -1px 0.5px;
+}
+.text-outline-thick-bright {
+  text-shadow: #000 1px 0 2px, #000 -1px 0 2px, #000 0 1px 1px, #000 0 -1px 1px, #000 1px 0 2px,
+    #000 -1px 0 2px, #000 0 1px 1px, #000 0 -1px 1px;
+}
+.text-outline-thin-dark {
+  text-shadow: #fff 1px 0 0.5px, #fff -1px 0 0.5px, #fff 0 1px 0.5px, #fff 0 -1px 0.5px;
+}
+.text-outline-thick-dark {
+  text-shadow: #fff 1px 0 2px, #fff -1px 0 2px, #fff 0 1px 1px, #fff 0 -1px 1px, #fff 1px 0 2px,
+    #fff -1px 0 2px, #fff 0 1px 1px, #fff 0 -1px 1px;
+}
+/** Custom border sizes */
+.border-dx-thick {
+  border-width: 2px;
+}
+.border-dx-thin {
+  border-width: 1px;
+}
+/** Custom border radius sizes */
+.rounded-dx-lg {
+  border-radius: 1.5rem;
+}
+.rounded-dx-md {
+  border-radius: 1rem;
+}
+.rounded-dx-sm {
+  border-radius: 0.5rem;
+}
+/** Custom z-index for form dialogs */
+.z-dialog {
+  z-index: 100;
+}

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../library/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devvit/ui-renderer",
-  "version": "0.9.4",
+  "version": "0.9.5",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -9,29 +9,46 @@
   "type": "module",
   "main": "./index.js",
   "scripts": {
-    "build": "yarn build:typescript && yarn build:styles",
-    "build:styles": "postcss -c postcss.config.cjs styles.css -o dist/styles.css && yarn build:styles-dist",
-    "build:styles-dist": "node scripts/make-styles.js",
-    "build:typescript": "tsc",
+    "build": "yarn library:build",
     "clean": "rm -rf .turbo coverage dist",
     "clobber": "yarn clean && rm -rf node_modules",
-    "dev": "concurrently -n 'styles,styles-dist,typescript' 'yarn watch:styles' 'yarn watch:styles-dist' 'yarn watch:typescript'",
-    "lint": "redlint . && yarn lint:circular-deps",
+    "dev": "yarn library:dev",
+    "library:build": "yarn library:build:typescript && yarn library:build:styles",
+    "library:build:custom-styles": "cd library && postcss custom-styles.css -o ../dist/custom-styles.css",
+    "library:build:styles": "cd library && postcss styles.css -o tailwind-build.css && yarn library:build:styles-dist && yarn library:build:custom-styles",
+    "library:build:styles-dist": "node scripts/make-styles.js",
+    "library:build:typescript": "tsc -p library",
+    "library:dev": "concurrently -n 'lib:styles,lib:styles-dist,lib:typescript' 'yarn library:dev:styles' 'yarn library:dev:styles-dist' 'yarn library:dev:typescript",
+    "library:dev:styles": "yarn library:build:styles -w",
+    "library:dev:styles-dist": "yarn library:build:styles-dist --watch",
+    "library:dev:typescript": "yarn library:build:typescript -w",
+    "library:lint": "redlint ./library",
+    "library:lint:fix": "yarn lint --fix",
+    "library:test": "yarn library:test:unit && yarn library:test:types && yarn library:lint",
+    "library:test:types": "tsc --noEmit -p library",
+    "library:test:unit": "vitest run -r library -c vitest.config.js",
+    "library:test:unit-with-coverage": "yarn library:test:unit --coverage",
+    "lint": "yarn library:lint && yarn lint:circular-deps",
     "lint:circular-deps": "yarn madge --circular dist/**/*.js",
-    "lint:fix": "yarn lint --fix",
     "prepublishOnly": "publish-package-json",
-    "test": "yarn test:unit && yarn test:types && yarn lint",
-    "test:types": "tsc --noEmit",
-    "test:unit": "vitest run",
-    "test:unit-with-coverage": "vitest run --coverage",
-    "watch:styles": "postcss -w -c postcss.config.cjs styles.css -o dist/styles.css",
-    "watch:styles-dist": "node scripts/make-styles.js --watch",
-    "watch:typescript": "tsc -w"
+    "test": "yarn library:test && yarn visual-test:test",
+    "test:types": "yarn library:test:types",
+    "test:unit": "yarn library:test:unit",
+    "test:unit-with-coverage": "yarn library:test:unit-with-coverage",
+    "visual-test:build": "yarn visual-test:build:typescript && yarn visual-test:build:vite",
+    "visual-test:build:typescript": "tsc -p visual-testing",
+    "visual-test:build:vite": "vite build --force --config visual-testing/vite.config.js",
+    "visual-test:dev": "concurrently -n 'viz:typescript,viz:vite,viz:serve' 'yarn visual-test:dev:typescript' 'yarn visual-test:dev:vite' 'yarn visual-test:dev:serve'",
+    "visual-test:dev:serve": "vite --config visual-testing/vite.config.js",
+    "visual-test:dev:typescript": "tsc -p visual-testing -w",
+    "visual-test:dev:vite": "vite build --force --config visual-testing/vite.config.js --watch",
+    "visual-test:report": "backstop --config backstop.config.cjs openReport",
+    "visual-test:test": "backstop --config backstop.config.cjs test"
   },
   "types": "./index.d.ts",
   "dependencies": {
-    "@devvit/protos": "0.9.4",
-    "@devvit/runtimes": "0.9.4",
+    "@devvit/protos": "0.9.5",
+    "@devvit/runtimes": "0.9.5",
     "@lottiefiles/lottie-player": "1.7.1",
     "p-queue": "7.3.4",
     "rxjs": "7.5.7"
@@ -56,14 +73,15 @@
     "lit": "^2.0.0"
   },
   "devDependencies": {
-    "@devvit/eslint-config": "0.9.4",
-    "@devvit/public-api": "0.9.4",
-    "@devvit/repo-tools": "0.9.4",
-    "@devvit/tsconfig": "0.9.4",
+    "@devvit/eslint-config": "0.9.5",
+    "@devvit/public-api": "0.9.5",
+    "@devvit/repo-tools": "0.9.5",
+    "@devvit/tsconfig": "0.9.5",
     "@lit/localize": "0.11.4",
     "@reddit/baseplate": "0.14.0",
     "@reddit/eslint-plugin-i18n-shreddit": "0.1.0",
     "autoprefixer": "10.4.14",
+    "backstopjs": "6.2.1",
     "chokidar": "3.5.3",
     "concurrently": "7.5.0",
     "debounce": "1.2.1",
@@ -75,11 +93,12 @@
     "postcss-import": "15.1.0",
     "tailwindcss": "3.3.1",
     "typescript": "4.9.3",
+    "vite": "4.3.1",
     "vitest": "0.8.2"
   },
   "publishConfig": {
     "directory": "dist"
   },
   "source": "./src/index.ts",
-  "gitHead": "27a5a627334932929b427700f6d6686683689a4f"
+  "gitHead": "b3ceb34ca798b456b348f59dfb93846ebe19b236"
 }

package/server/blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/server/blocks.ts"],"names":[],"mappings":"AAAA,OAAO,kEAAkE,CAAC;AAC1E,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../library/src/server/blocks.ts"],"names":[],"mappings":"AAAA,OAAO,kEAAkE,CAAC;AAC1E,cAAc,oBAAoB,CAAC"}

package/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,yBAA8B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../library/src/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,yBAA8B,CAAC"}