@browsersync/bslive 0.0.9 → 0.0.13

package/crates/bsnext_client/inject/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@browsersync/bslive-inject",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "esbuild src/index.ts --bundle --outdir=dist --format=esm"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

package/crates/bsnext_client/{ts → inject/src}/index.ts

@@ -5,8 +5,8 @@ import {Timer} from "livereload-js/src/timer.js";
 
 import {webSocket} from "rxjs/webSocket";
 import {retry} from "rxjs";
-import {clientEventSchema} from "../generated/schema.js";
-import {ChangeDTO, ClientEvent} from "../generated/dto";
+import {clientEventSchema} from "../../generated/schema.js";
+import {ChangeDTO, ClientEvent} from "../../generated/dto";
 import {createLRConsoleObserver, Level} from "./console";
 
 const [consoleSubject, consoleApi] = createLRConsoleObserver();

package/crates/bsnext_client/package-lock.json

@@ -8,16 +8,34 @@
       "name": "bsnext_client",
       "version": "1.0.0",
       "license": "ISC",
+      "workspaces": [
+        "inject",
+        "ui"
+      ],
       "dependencies": {
         "@types/node": "18.19.25",
         "esbuild": "^0.20.2",
         "livereload-js": "^4.0.2",
+        "prettier": "^3.2.5",
         "rxjs": "^7.8.1",
         "ts-to-zod": "^3.8.2",
         "typescript": "^5.4.5",
         "zod": "^3.22.4"
       }
     },
+    "inject": {
+      "name": "@browsersync/bslive-inject",
+      "version": "1.0.0",
+      "license": "ISC"
+    },
+    "node_modules/@browsersync/bslive-inject": {
+      "resolved": "inject",
+      "link": true
+    },
+    "node_modules/@browsersync/bslive-ui": {
+      "resolved": "ui",
+      "link": true
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
@@ -363,6 +381,19 @@
         "node": ">=12"
       }
     },
+    "node_modules/@lit-labs/ssr-dom-shim": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.2.0.tgz",
+      "integrity": "sha512-yWJKmpGE6lUURKAaIltoPIE/wrbY3TEkqQt+X0m+7fQNnAv0keydnYvbiJFP1PnMhizmIWRWOG5KLhYyc/xl+g=="
+    },
+    "node_modules/@lit/reactive-element": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.0.4.tgz",
+      "integrity": "sha512-GFn91inaUa2oHLak8awSIigYz0cU0Payr1rcFsrkf5OJ5eSPxElyZfKh0f2p9FsTiZWXQdWGJeXZICEfXXYSXQ==",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.2.0"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -449,6 +480,11 @@
         "undici-types": "~5.26.4"
       }
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="
+    },
     "node_modules/@typescript/vfs": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@typescript/vfs/-/vfs-1.5.0.tgz",
@@ -1385,6 +1421,34 @@
         "graceful-fs": "^4.1.6"
       }
     },
+    "node_modules/lit": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-3.1.3.tgz",
+      "integrity": "sha512-l4slfspEsnCcHVRTvaP7YnkTZEZggNFywLEIhQaGhYDczG+tu/vlgm/KaWIEjIp+ZyV20r2JnZctMb8LeLCG7Q==",
+      "dependencies": {
+        "@lit/reactive-element": "^2.0.4",
+        "lit-element": "^4.0.4",
+        "lit-html": "^3.1.2"
+      }
+    },
+    "node_modules/lit-element": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.0.5.tgz",
+      "integrity": "sha512-iTWskWZEtn9SyEf4aBG6rKT8GABZMrTWop1+jopsEOgEcugcXJGKuX5bEbkq9qfzY+XB4MAgCaSPwnNpdsNQ3Q==",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.2.0",
+        "@lit/reactive-element": "^2.0.4",
+        "lit-html": "^3.1.2"
+      }
+    },
+    "node_modules/lit-html": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.1.3.tgz",
+      "integrity": "sha512-FwIbqDD8O/8lM4vUZ4KvQZjPPNx7V1VhT7vmRB8RBAO0AU6wuTVdoXiu2CivVjEGdugvcbPNBLtPE1y0ifplHA==",
+      "dependencies": {
+        "@types/trusted-types": "^2.0.2"
+      }
+    },
     "node_modules/livereload-js": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/livereload-js/-/livereload-js-4.0.2.tgz",
@@ -1572,9 +1636,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz",
-      "integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -1928,6 +1992,20 @@
         "ts-to-zod": "bin/run"
       }
     },
+    "node_modules/ts-to-zod/node_modules/prettier": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz",
+      "integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
@@ -2054,6 +2132,14 @@
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
+    },
+    "ui": {
+      "name": "@browsersync/bslive-ui",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "lit": "^3.1.3"
+      }
     }
   }
 }

package/crates/bsnext_client/package.json

@@ -5,10 +5,11 @@
   "main": "index.js",
   "scripts": {
     "tsc": "tsc",
-    "build": "esbuild ts/index.ts --bundle --outdir=dist --format=esm",
+    "build": "npm run build --workspaces",
     "test": "echo \"Error: no test specified\" && exit 1",
     "schema": "ts-to-zod generated/dto.ts generated/schema.ts"
   },
+  "workspaces": ["inject", "ui"],
   "keywords": [],
   "author": "",
   "license": "ISC",
@@ -20,6 +21,7 @@
     "typescript": "^5.4.5",
     "@types/node": "18.19.25",
     "ts-to-zod": "^3.8.2",
-    "zod": "^3.22.4"
+    "zod": "^3.22.4",
+    "prettier": "^3.2.5"
   }
 }

package/crates/bsnext_client/src/lib.rs

@@ -1 +1,11 @@
 pub const DIR: &str = "dist";
+pub const UI_CSS: &str = include_str!("../ui/dist/index.css");
+pub const UI_JS: &str = include_str!("../ui/dist/index.js");
+const UI_HTML: &str = include_str!("../ui/index.html");
+
+pub fn html_with_base(base_override: &str) -> String {
+    let base = UI_HTML;
+    let next = format!("<base href=\"{}\" />", base_override);
+    let replaced = base.replace("<base href=\"/\" />", next.as_str());
+    replaced
+}

package/crates/bsnext_client/tsconfig.json

@@ -8,9 +8,15 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "experimentalDecorators": true
   },
   "include": [
-    "ts"
+    "inject",
+    "ui"
+  ],
+  "exclude": [
+    "ui/dist",
+    "inject/dist"
   ]
 }

package/crates/bsnext_client/ui/dist/index.css

@@ -0,0 +1,78 @@
+/* styles/reset.css */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+* {
+  margin: 0;
+}
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  max-width: 100%;
+}
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+#root,
+#__next {
+  isolation: isolate;
+}
+
+/* styles/style.css */
+:root {
+  --brand-blue: #0F2634;
+  --brand-grey: #6D6D6D;
+  --brand-red: #F24747;
+  --brand-white: #FFFFFF;
+  --theme-txt-color: var(--brand-blue);
+  --theme-page-color: var(--brand-white);
+}
+body {
+  font-family:
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Open Sans",
+    "Helvetica Neue",
+    sans-serif;
+  color: var(--theme-txt-color);
+  background: var(--theme-page-color);
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+.main {
+  padding-left: 1em;
+  padding-right: 1em;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --theme-txt-color: var(--brand-white);
+    --theme-page-color: var(--brand-blue);
+  }
+}