@bamboocss/astro-plugin-studio 1.11.1

package/LICENSE.md

@@ -0,0 +1,16 @@
+MIT License
+
+Copyright (c) 2023 Segun Adebayo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
+persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
+Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
+WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/index.js

@@ -0,0 +1,101 @@
+"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);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+var import_node = require("@bamboocss/node");
+var import_core = require("@bamboocss/core");
+var import_javascript_stringify = require("javascript-stringify");
+var virtualModuleId = "virtual:bamboo";
+var resolvedVirtualModuleId = "\0" + virtualModuleId;
+function vitePlugin(configPath) {
+  let config;
+  const textStyleMap = {};
+  const layerStyleMap = {};
+  const themesMap = {};
+  async function loadBambooConfig() {
+    const ctx = await (0, import_node.loadConfigAndCreateContext)({ configPath });
+    for (const key of Object.keys(ctx.config.theme?.textStyles ?? {})) {
+      const utility = ctx.utility.transform("textStyle", key);
+      textStyleMap[key] = (0, import_core.stringify)(utility.styles);
+    }
+    for (const key of Object.keys(ctx.config.theme?.layerStyles ?? {})) {
+      const utility = ctx.utility.transform("layerStyle", key);
+      layerStyleMap[key] = (0, import_core.stringify)(utility.styles);
+    }
+    if (ctx.config.themes) {
+      for (const [themeName, themeConfig] of Object.entries(ctx.config.themes)) {
+        themesMap[themeName] = themeConfig;
+      }
+    }
+    config = ctx.config;
+  }
+  return {
+    name: "@bamboocss/studio",
+    async configureServer(server) {
+      server.watcher.add(configPath).on("change", async (path) => {
+        if (path !== configPath) return;
+        await loadBambooConfig();
+        const module2 = server.moduleGraph.getModuleById(resolvedVirtualModuleId);
+        if (module2) await server.reloadModule(module2);
+      });
+    },
+    resolveId(id) {
+      if (id === virtualModuleId) {
+        return resolvedVirtualModuleId;
+      }
+      return null;
+    },
+    async load(id) {
+      if (id === resolvedVirtualModuleId) {
+        await loadBambooConfig();
+        return {
+          code: [
+            `export const config = ${(0, import_javascript_stringify.stringify)(config)}`,
+            `export const textStyles = ${(0, import_javascript_stringify.stringify)(textStyleMap)}`,
+            `export const layerStyles = ${(0, import_javascript_stringify.stringify)(layerStyleMap)}`,
+            `export const themes = ${(0, import_javascript_stringify.stringify)(themesMap)}`
+          ].join("\n\n")
+        };
+      }
+    }
+  };
+}
+var bambooStudio = () => ({
+  name: "@bamboocss/studio",
+  hooks: {
+    "astro:config:setup": ({ updateConfig }) => {
+      const configPath = process.env.PUBLIC_CONFIG_PATH;
+      updateConfig({
+        vite: {
+          // @ts-ignore
+          plugins: [vitePlugin(configPath)],
+          ssr: {
+            noExternal: ["nanostores", "@nanostores/react"]
+          }
+        }
+      });
+    }
+  }
+});
+var index_default = bambooStudio;

package/dist/index.mjs

@@ -0,0 +1,80 @@
+// src/index.ts
+import { loadConfigAndCreateContext } from "@bamboocss/node";
+import { stringify as stringifyBamboo } from "@bamboocss/core";
+import { stringify } from "javascript-stringify";
+var virtualModuleId = "virtual:bamboo";
+var resolvedVirtualModuleId = "\0" + virtualModuleId;
+function vitePlugin(configPath) {
+  let config;
+  const textStyleMap = {};
+  const layerStyleMap = {};
+  const themesMap = {};
+  async function loadBambooConfig() {
+    const ctx = await loadConfigAndCreateContext({ configPath });
+    for (const key of Object.keys(ctx.config.theme?.textStyles ?? {})) {
+      const utility = ctx.utility.transform("textStyle", key);
+      textStyleMap[key] = stringifyBamboo(utility.styles);
+    }
+    for (const key of Object.keys(ctx.config.theme?.layerStyles ?? {})) {
+      const utility = ctx.utility.transform("layerStyle", key);
+      layerStyleMap[key] = stringifyBamboo(utility.styles);
+    }
+    if (ctx.config.themes) {
+      for (const [themeName, themeConfig] of Object.entries(ctx.config.themes)) {
+        themesMap[themeName] = themeConfig;
+      }
+    }
+    config = ctx.config;
+  }
+  return {
+    name: "@bamboocss/studio",
+    async configureServer(server) {
+      server.watcher.add(configPath).on("change", async (path) => {
+        if (path !== configPath) return;
+        await loadBambooConfig();
+        const module = server.moduleGraph.getModuleById(resolvedVirtualModuleId);
+        if (module) await server.reloadModule(module);
+      });
+    },
+    resolveId(id) {
+      if (id === virtualModuleId) {
+        return resolvedVirtualModuleId;
+      }
+      return null;
+    },
+    async load(id) {
+      if (id === resolvedVirtualModuleId) {
+        await loadBambooConfig();
+        return {
+          code: [
+            `export const config = ${stringify(config)}`,
+            `export const textStyles = ${stringify(textStyleMap)}`,
+            `export const layerStyles = ${stringify(layerStyleMap)}`,
+            `export const themes = ${stringify(themesMap)}`
+          ].join("\n\n")
+        };
+      }
+    }
+  };
+}
+var bambooStudio = () => ({
+  name: "@bamboocss/studio",
+  hooks: {
+    "astro:config:setup": ({ updateConfig }) => {
+      const configPath = process.env.PUBLIC_CONFIG_PATH;
+      updateConfig({
+        vite: {
+          // @ts-ignore
+          plugins: [vitePlugin(configPath)],
+          ssr: {
+            noExternal: ["nanostores", "@nanostores/react"]
+          }
+        }
+      });
+    }
+  }
+});
+var index_default = bambooStudio;
+export {
+  index_default as default
+};

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@bamboocss/astro-plugin-studio",
+  "version": "1.11.1",
+  "description": "Vite plugin for Bamboocss Studio",
+  "homepage": "https://bamboo-css.com",
+  "license": "MIT",
+  "author": "Segun Adebayo <joseshegs@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chakra-ui/bamboo.git",
+    "directory": "packages/astro-plugin-studio"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "javascript-stringify": "2.1.0",
+    "@bamboocss/core": "1.11.1",
+    "@bamboocss/node": "1.11.1"
+  },
+  "devDependencies": {
+    "astro": "6.2.2",
+    "vite": "7.3.2"
+  },
+  "peerDependencies": {
+    "astro": ">=4"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format=esm,cjs --dts",
+    "build-fast": "tsup src/index.ts --format=esm,cjs --no-dts",
+    "dev": "pnpm build-fast --watch"
+  }
+}