@builder.io/dev-tools 0.2.31 → 0.11.33-dev.202509151402.6aa9b1f64

package/README.md

@@ -6,16 +6,47 @@ Setup and integrate [Builder.io Visual CMS](https://www.builder.io/) during deve
 
 Builder's Devtools can be [installed and initialized](https://www.npmjs.com/package/@builder.io/create) using:
 
+**npm**
+
 ```
 npm init builder.io@latest
 ```
 
+**pnpm**
+
+```
+pnpm create builder.io@latest
+```
+
 This command will update the config file (such as next.config.js, or vite.config.js) and install the `@builder.io/dev-tools` package. Once installed, you can start your app's dev server:
 
 ```
 npm run dev
 ```
 
+## Local Development
+
+To develop and test Builder Devtools locally:
+
+1. In the devtools directory, build and link the package:
+
+```bash
+cd dist/dev-tools
+npm link
+```
+
+2. In your application directory, link to the local devtools:
+
+```bash
+npm link @builder.io/dev-tools
+```
+
+3. You can now run the Figma generate command:
+
+```bash
+npx builder.io figma generate
+```
+
 ## Manual Installation
 
 Alternatively, you can manually install Builder's Devtools, and update the config files following the steps below.
@@ -92,3 +123,15 @@ module.exports = {
   plugins: [new BuilderDevToolsPlugin()],
 };
 ```
+
+## CLI
+
+Devtools can also be started with a CLI command, which could be useful if there is a custom setup that doesn't fit into one of the above solutions. Below is an example of running CLI from an npm script:
+
+```json
+{
+  "scripts": {
+    "devtools": "builder-dev-tools"
+  }
+}
+```

package/angular/index.cjs

@@ -0,0 +1,46 @@
+"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);
+
+// packages/dev-tools/angular/index.ts
+var angular_exports = {};
+__export(angular_exports, {
+  builderDevTools: () => builderDevTools
+});
+module.exports = __toCommonJS(angular_exports);
+async function builderDevTools() {
+  if (typeof document !== "undefined" && window.location.hostname === "localhost") {
+    let devToolsScript = document.head.querySelector(
+      "script[data-builder-dev-tools]"
+    );
+    if (!devToolsScript) {
+      devToolsScript = document.createElement("script");
+      devToolsScript.setAttribute(
+        "src",
+        "http://localhost:5273/~builder-dev-tools.js"
+      );
+      devToolsScript.setAttribute("data-builder-dev-tools", "");
+      devToolsScript.setAttribute("async", "");
+      document.head.appendChild(devToolsScript);
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  builderDevTools
+});

package/angular/index.d.ts

@@ -0,0 +1 @@
+export * from "../types/angular";

package/angular/index.mjs

@@ -0,0 +1,21 @@
+// packages/dev-tools/angular/index.ts
+async function builderDevTools() {
+  if (typeof document !== "undefined" && window.location.hostname === "localhost") {
+    let devToolsScript = document.head.querySelector(
+      "script[data-builder-dev-tools]"
+    );
+    if (!devToolsScript) {
+      devToolsScript = document.createElement("script");
+      devToolsScript.setAttribute(
+        "src",
+        "http://localhost:5273/~builder-dev-tools.js"
+      );
+      devToolsScript.setAttribute("data-builder-dev-tools", "");
+      devToolsScript.setAttribute("async", "");
+      document.head.appendChild(devToolsScript);
+    }
+  }
+}
+export {
+  builderDevTools
+};