@tinacms/scripts 0.50.4 → 0.50.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 0.50.5
+
+### Patch Changes
+
+- 6a50a1368: Updates the look and feel of the Tina Sidebar
+
 ## 0.50.4
 
 ### Patch Changes

package/__mocks__/styleMock.js

@@ -0,0 +1,3 @@
+// __mocks__/styleMock.js
+
+module.exports = ''

package/dist/{chunk-FTLKP6WH.js → chunk-2QE2RGUD.js}

@@ -14,11 +14,17 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __commonJS = (cb, mod) => function __require() {
+var __require = (x) => {
+  if (typeof require !== "undefined")
+    return require(x);
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+};
+var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[Object.keys(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 
 
 
 
-exports.__spreadValues = __spreadValues; exports.__commonJS = __commonJS;
+
+exports.__spreadValues = __spreadValues; exports.__require = __require; exports.__commonJS = __commonJS;

package/dist/index.js

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFTLKP6WHjs = require('./chunk-FTLKP6WH.js');
+
+var _chunk2QE2RGUDjs = require('./chunk-2QE2RGUD.js');
 
 // src/index.ts
 var _vite = require('vite');
@@ -9,11 +10,14 @@ var _esbuildpluginpnp = require('@yarnpkg/esbuild-plugin-pnp');
 var _fs = require('fs'); var _fs2 = _interopRequireDefault(_fs);
 var _path = require('path'); var _path2 = _interopRequireDefault(_path);
 var _chalk = require('chalk'); var _chalk2 = _interopRequireDefault(_chalk);
+var _tailwindcss = require('tailwindcss'); var _tailwindcss2 = _interopRequireDefault(_tailwindcss);
+var _postcssnested = require('postcss-nested'); var _postcssnested2 = _interopRequireDefault(_postcssnested);
 
 
 var _commander = require('commander');
 var _pnpapi = require('pnpapi'); var _pnpapi2 = _interopRequireDefault(_pnpapi);
 var _chokidar = require('chokidar'); var _chokidar2 = _interopRequireDefault(_chokidar);
+var defaultTheme = _chunk2QE2RGUDjs.__require.call(void 0, "tailwindcss/defaultTheme");
 var program = new (0, _commander.Command)("Tina Build");
 var registerCommands = (commands, noHelp = false) => {
   commands.forEach((command, i) => {
@@ -119,16 +123,240 @@ e.g: "forestry types:gen --help"
   }
   program.parse(args);
 }
+var config = (cwd = "") => {
+  return {
+    mode: "jit",
+    important: true,
+    theme: {
+      columns: {
+        auto: "auto",
+        1: "1",
+        2: "2",
+        3: "3",
+        4: "4",
+        5: "5",
+        6: "6",
+        7: "7",
+        8: "8",
+        9: "9",
+        10: "10",
+        11: "11",
+        12: "12",
+        "3xs": "256px",
+        "2xs": "288px",
+        xs: "320px",
+        sm: "384px",
+        md: "448px",
+        lg: "512px",
+        xl: "576px",
+        "2xl": "672px",
+        "3xl": "768px",
+        "4xl": "896px",
+        "5xl": "1024px",
+        "6xl": "1152px",
+        "7xl": "1280px"
+      },
+      spacing: {
+        px: "1px",
+        0: "0px",
+        0.5: "2px",
+        1: "4px",
+        1.5: "6px",
+        2: "8px",
+        2.5: "10px",
+        3: "12px",
+        3.5: "14px",
+        4: "16px",
+        5: "20px",
+        6: "24px",
+        7: "28px",
+        8: "32px",
+        9: "36px",
+        10: "40px",
+        11: "44px",
+        12: "48px",
+        14: "56px",
+        16: "64px",
+        18: "72px",
+        20: "80px",
+        24: "96px",
+        28: "11px",
+        32: "128px",
+        36: "144px",
+        40: "160px",
+        44: "176px",
+        48: "192px",
+        52: "208px",
+        56: "224px",
+        60: "240px",
+        64: "256px",
+        72: "288px",
+        80: "320px",
+        96: "384px"
+      },
+      borderRadius: {
+        none: "0px",
+        sm: "2px",
+        DEFAULT: "4px",
+        md: "6px",
+        lg: "8px",
+        xl: "12px",
+        "2xl": "16px",
+        "3xl": "24px",
+        full: "9999px"
+      },
+      borderWidth: {
+        DEFAULT: "1px",
+        0: "0",
+        2: "2px",
+        3: "3px",
+        4: "4px",
+        6: "6px",
+        8: "8px"
+      },
+      fontSize: {
+        xs: ["13px", { lineHeight: "1.33" }],
+        sm: ["14px", { lineHeight: "1.43" }],
+        base: ["16px", { lineHeight: "1.5" }],
+        md: ["16px", { lineHeight: "1.5" }],
+        lg: ["18px", { lineHeight: "1.55" }],
+        xl: ["20px", { lineHeight: "1.4" }],
+        "2xl": ["24px", { lineHeight: "1.33" }],
+        "3xl": ["30px", { lineHeight: "1.2" }],
+        "4xl": ["36px", { lineHeight: "1.1" }],
+        "5xl": ["48px", { lineHeight: "1" }],
+        "6xl": ["60px", { lineHeight: "1" }],
+        "7xl": ["72px", { lineHeight: "1" }],
+        "8xl": ["96px", { lineHeight: "1" }],
+        "9xl": ["128px", { lineHeight: "1" }]
+      },
+      opacity: {
+        0: "0",
+        5: ".05",
+        7: ".07",
+        10: ".1",
+        15: ".15",
+        20: ".2",
+        25: ".25",
+        30: ".3",
+        40: ".4",
+        50: ".5",
+        60: ".6",
+        70: ".7",
+        75: ".75",
+        80: ".8",
+        90: ".9",
+        100: "1"
+      },
+      zIndex: {
+        "-1": -1,
+        base: 9e3,
+        panel: 9400,
+        menu: 9800,
+        chrome: 10200,
+        overlay: 10600,
+        modal: 10800,
+        "0": 0,
+        "10": 10,
+        "20": 20,
+        "30": 30,
+        "40": 40,
+        "25": 25,
+        "50": 50,
+        "75": 75,
+        "100": 100,
+        auto: "auto"
+      },
+      extend: {
+        scale: {
+          97: ".97",
+          103: "1.03"
+        },
+        transitionDuration: {
+          0: "0ms",
+          2e3: "2000ms"
+        },
+        boxShadow: {
+          xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
+          outline: "0 0 0 3px rgba(66, 153, 225, 0.5)"
+        },
+        colors: {
+          blue: {
+            50: "#DCEEFF",
+            100: "#B4DBFF",
+            200: "#85C5FE",
+            300: "#4EABFE",
+            400: "#2296fe",
+            500: "#0084FF",
+            600: "#0574e4",
+            700: "#0D5DBD",
+            800: "#144696",
+            900: "#1D2C6C",
+            1e3: "#241748"
+          },
+          gray: {
+            50: "#F6F6F9",
+            100: "#EDECF3",
+            200: "#E1DDEC",
+            250: "#C9C5D5",
+            300: "#b2adbe",
+            400: "#918c9e",
+            500: "#716c7f",
+            600: "#565165",
+            700: "#433e52",
+            800: "#363145",
+            900: "#252336",
+            1e3: "#1c1b2e"
+          },
+          orange: {
+            400: "#EB6337",
+            500: "#EC4815",
+            600: "#DC4419"
+          }
+        },
+        fontFamily: {
+          sans: ["Inter", ...defaultTheme.fontFamily.sans]
+        },
+        lineHeight: {
+          3: "12px",
+          4: "16px",
+          5: "20px",
+          6: "24px",
+          7: "28px",
+          8: "32px",
+          9: "36px",
+          10: "40px"
+        },
+        maxWidth: {
+          form: "900px"
+        }
+      }
+    },
+    variants: {
+      backgroundColor: ["responsive", "even", "hover", "focus"],
+      extend: {
+        animation: ["group-hover"],
+        padding: ["first", "last"]
+      }
+    },
+    purge: [_path2.default.join(cwd, "src/**/*.{vue,js,ts,jsx,tsx,svelte}")],
+    plugins: [
+      _chunk2QE2RGUDjs.__require.call(void 0, "@tailwindcss/typography"),
+      _chunk2QE2RGUDjs.__require.call(void 0, "@tailwindcss/line-clamp"),
+      _chunk2QE2RGUDjs.__require.call(void 0, "@tailwindcss/aspect-ratio")
+    ]
+  };
+};
 var buildIt = async (entryPoint, packageJSON) => {
   const entry = typeof entryPoint === "string" ? entryPoint : entryPoint.name;
   const target = typeof entryPoint === "string" ? "browser" : entryPoint.target;
   const deps = packageJSON.dependencies;
   const peerDeps = packageJSON.peerDependencies;
-  const external = Object.keys(_chunkFTLKP6WHjs.__spreadValues.call(void 0, _chunkFTLKP6WHjs.__spreadValues.call(void 0, {}, deps), peerDeps));
+  const external = Object.keys(_chunk2QE2RGUDjs.__spreadValues.call(void 0, _chunk2QE2RGUDjs.__spreadValues.call(void 0, {}, deps), peerDeps));
   const globals = {};
   external.forEach((ext) => globals[ext] = "NOOP");
   if (target === "node") {
-    if (packageJSON.name === "@tinacms/graphql") {
+    if (["@tinacms/graphql", "@tinacms/datalayer"].includes(packageJSON.name)) {
       await _esbuild.build.call(void 0, {
         plugins: [_esbuildpluginpnp.pnpPlugin.call(void 0, )],
         entryPoints: [_path2.default.join(process.cwd(), entry)],
@@ -153,8 +381,27 @@ var buildIt = async (entryPoint, packageJSON) => {
     return true;
   }
   const defaultBuildConfig = {
+    plugins: [
+      {
+        name: "vite-plugin-tina",
+        config: (_, env) => {
+          let plugins = [];
+          const tw = _tailwindcss2.default.call(void 0, config(process.cwd()));
+          plugins.push(_postcssnested2.default);
+          plugins.push(tw);
+          return {
+            css: {
+              postcss: {
+                plugins
+              }
+            }
+          };
+        }
+      }
+    ],
     build: {
       minify: false,
+      assetsInlineLimit: 0,
       lib: {
         entry: _path2.default.resolve(process.cwd(), entry),
         name: packageJSON.name,
@@ -179,8 +426,8 @@ var buildIt = async (entryPoint, packageJSON) => {
       }
     }
   };
-  const buildConfig = packageJSON.buildConfig ? _chunkFTLKP6WHjs.__spreadValues.call(void 0, _chunkFTLKP6WHjs.__spreadValues.call(void 0, {}, defaultBuildConfig), packageJSON.buildConfig) : defaultBuildConfig;
-  await _vite.build.call(void 0, _chunkFTLKP6WHjs.__spreadValues.call(void 0, {}, buildConfig));
+  const buildConfig = packageJSON.buildConfig ? _chunk2QE2RGUDjs.__spreadValues.call(void 0, _chunk2QE2RGUDjs.__spreadValues.call(void 0, {}, defaultBuildConfig), packageJSON.buildConfig) : defaultBuildConfig;
+  await _vite.build.call(void 0, _chunk2QE2RGUDjs.__spreadValues.call(void 0, {}, buildConfig));
   const extension = _path2.default.extname(entry);
   await _fs2.default.writeFileSync(_path2.default.join(process.cwd(), "dist", entry.replace("src/", "").replace(extension, ".d.ts")), `export * from "../${entry.replace(extension, "")}"`);
   return true;
@@ -212,7 +459,7 @@ var all = async (args) => {
   } else {
     console.log(`${_chalk2.default.blue(`Building workspaces...`)}`);
     const packagePathsToBuild = await _fs2.default.readFileSync(_path2.default.resolve("../../../topologicalDeps.txt")).toString().split("\n").filter((stdout) => {
-      return stdout.includes("tinacms/packages");
+      return stdout.includes("packages");
     }).map((line) => line.split(" ").pop());
     await sequential(packagePathsToBuild, async (packagePath) => {
       await run({ dir: packagePath });

package/dist/jest-runner.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFTLKP6WHjs = require('./chunk-FTLKP6WH.js');
+var _chunk2QE2RGUDjs = require('./chunk-2QE2RGUD.js');
 
 // src/jest-runner.ts
 var _jestplugin = require('@sucrase/jest-plugin'); var _jestplugin2 = _interopRequireDefault(_jestplugin);
-var require_jest_runner = _chunkFTLKP6WHjs.__commonJS.call(void 0, {
+var require_jest_runner = _chunk2QE2RGUDjs.__commonJS.call(void 0, {
   "src/jest-runner.ts"(exports, module) {
     var config = {
       verbose: true,
@@ -19,7 +19,7 @@ var require_jest_runner = _chunkFTLKP6WHjs.__commonJS.call(void 0, {
       testPathIgnorePatterns: ["/dist/"],
       moduleNameMapper: {
         "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/../../__mocks__/fileMock.js",
-        "\\.(css|scss)$": "identity-obj-proxy"
+        "\\.(css|less|scss|sass)$": "@tinacms/scripts/__mocks__/styleMock.js"
       }
     };
     module.exports = {

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@tinacms/scripts",
-  "version": "0.50.4",
+  "version": "0.50.5",
   "main": "dist/index.js",
   "files": [
     "dist",
     "bin/*",
+    "__mocks__/styleMock.js",
     ".env"
   ],
   "license": "Apache-2.0",
@@ -14,13 +15,17 @@
   "scripts": {
     "build:all": "bin/tina-build build:all",
     "watch:all": "bin/tina-build build:all --watch",
-    "build": "yarn tsup src/jest-runner.ts src/index.ts --format cjs --external pnpapi",
-    "watch": "yarn tsup src/jest-runner.ts src/index.ts --watch --format cjs --external pnpapi"
+    "build": "yarn tsup src/jest-runner.ts src/css-transform.ts src/index.ts --format cjs --external pnpapi",
+    "watch": "yarn tsup src/jest-runner.ts src/css-transform.ts src/index.ts --watch --format cjs --external pnpapi"
   },
   "dependencies": {
     "@babel/core": "^7.15.0",
     "@babel/plugin-transform-modules-commonjs": "^7.15.0",
     "@sucrase/jest-plugin": "^2.1.1",
+    "@tailwindcss/aspect-ratio": "^0.3.0",
+    "@tailwindcss/forms": "^0.3.4",
+    "@tailwindcss/line-clamp": "^0.2.2",
+    "@tailwindcss/typography": "^0.4.1",
     "@types/inquirer": "^6.5.0",
     "@yarnpkg/esbuild-plugin-pnp": "^1.0.0-rc.12",
     "chalk": "^4.1.1",
@@ -32,9 +37,13 @@
     "execa": "^5.1.1",
     "express": "^4.17.1",
     "fs-extra": "^9.0.1",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^27.0.6",
     "meow": "^10.0.1",
     "normalize-path": "^3.0.0",
+    "postcss": "^8.3.11",
+    "postcss-nested": "^5.0.6",
+    "tailwindcss": "^2.2.19",
     "tsup": "^4.12.5",
     "typescript": "^4.2.2",
     "vite": "^2.4.3",