eddev 0.2.0-beta.7 → 0.2.1

package/style/createStitches.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStitches = void 0;
+exports.createStitches = exports.parseResponsiveTokens = exports.getResponsiveObjectStyles = exports.parseResponsiveObject = exports.parseBreakpoints = void 0;
 var react_1 = require("@stitches/react");
 var typeKeyMap = {
     fontSize: "fontSizes",
@@ -20,12 +20,14 @@ var typeKeyMap = {
     letterSpacing: "letterSpacings",
     fontWeight: "fontWeights",
 };
-function parseBreakpoints(medias) {
+function parseBreakpoints(names, medias) {
     var breakpoints = [];
     // Add an initial breakpoint
     breakpoints.push({ key: "initial", min: "0px", max: null });
     // Parse each breakpoint
     for (var key in medias) {
+        if (!names.includes(key))
+            continue;
         var media = medias[key];
         var minMatch = media.match(/min-width: ([0-9]+[a-z]+)/);
         var maxMatch = media.match(/max-width: ([0-9]+[a-z]+)/);
@@ -51,6 +53,7 @@ function parseBreakpoints(medias) {
     }
     return breakpoints;
 }
+exports.parseBreakpoints = parseBreakpoints;
 var unitless = function (value) { return parseFloat(value); };
 function parseTypography(theme, breakpoints, typography) {
     var globals = {};
@@ -143,55 +146,157 @@ function parseGrid(theme, media, grid) {
             "--grid-margin": breakpoint.margin,
             "--grid-col-width": "calc((var(--grid-inner-width) - (".concat(grid.columns - 1, " * var(--grid-gutter))) / ").concat(grid.columns, ")"),
         };
-        // for (let i = 1; i < grid.columns; i++) {
-        //   globalGrid[bpName][
-        //     `--grid-${i}-cols`
-        //   ] = `calc(var(--grid-col-width) * ${i} + var(--grid-gutter) * ${i - 1})`
-        // }
     }
     return { gridVariants: {}, globalGrid: globalGrid };
 }
-function parseResponsiveObject(theme, breakpoints, object, varName, scale) {
-    var _a;
-    // Util for grabbing the raw value of a token, for lerping
-    var resolveValue = function (value) {
-        if (typeof value === "string" && value.match(/^\$[a-z0-9\-\_]+$/) && scale) {
-            // Single scale
-            return theme[scale][value.replace("$", "")];
+function parseResponsiveValue(val) {
+    if (Array.isArray(val)) {
+        return __assign(__assign({}, parseResponsiveValue(val[0])), { lerpStart: true });
+    }
+    else if (typeof val === "string") {
+        if (val.match(/^x[0-9\.]+$/)) {
+            return {
+                lerpStart: false,
+                type: "multiplier",
+                value: parseFloat(val.replace(/^x/, "")),
+            };
         }
-        else if (typeof value === "number") {
-            return value + "px";
+        else if (val.match(/^[0-9\.]+%$/)) {
+            return {
+                lerpStart: false,
+                type: "percent",
+                value: parseFloat(val.replace(/^x/, "")),
+            };
         }
-        else {
-            return value;
+        else if (val.match(/^[0-9\.]+px$/)) {
+            return {
+                lerpStart: false,
+                type: "px",
+                value: parseFloat(val.replace(/px$/, "")),
+            };
         }
+    }
+    else if (typeof val === "number") {
+        return {
+            lerpStart: false,
+            type: "number",
+            value: val,
+        };
+    }
+    else if (val === undefined || val === null) {
+        return {
+            lerpStart: false,
+            type: "undefined",
+        };
+    }
+    return {
+        lerpStart: false,
+        type: "unknown",
+        value: val,
     };
-    var globals = {};
-    var initial = {};
-    var entries = Object.entries(object);
-    entries.forEach(function (_a, i) {
-        var _b;
-        var bpName = _a[0], responsiveValue = _a[1];
-        globals[bpName] = {};
-        if (Array.isArray(responsiveValue)) {
-            responsiveValue = responsiveValue[0];
-            // An array in the format [value] signifies font locking between the current breakpoint and the next defined one
-            var minSize = (_b = breakpoints.find(function (bp) { return "@" + bp.key === bpName; })) === null || _b === void 0 ? void 0 : _b.min;
-            var nextBreakpoint = breakpoints.find(function (bp) { var _a; return "@" + bp.key === ((_a = entries[i + 1]) === null || _a === void 0 ? void 0 : _a[0]); });
-            if (!nextBreakpoint)
-                throw new Error("Cannot create responsive '".concat(varName, "' at breakpoint '").concat(bpName, "', since it is the last-defined breakpoint. Your last size should be a string/number/token."));
-            var maxSize = nextBreakpoint.min;
-            var responsiveValue2 = object["@" + nextBreakpoint.key];
-            if (Array.isArray(responsiveValue2))
-                responsiveValue2 = responsiveValue2[0];
-            var size1 = resolveValue(responsiveValue);
-            var size2 = resolveValue(responsiveValue2);
-            responsiveValue = "calc(".concat(size1, " + (100vw - ").concat(minSize, ") / (").concat(unitless(maxSize), " - ").concat(unitless(minSize), ") * (").concat(unitless(size2), " - ").concat(unitless(size1), "))");
-        }
-        globals[bpName][varName] = responsiveValue;
+}
+function parseResponsiveObject(breakpoints, object) {
+    // Breakpoint hash
+    var breakpointHash = {};
+    for (var _i = 0, breakpoints_1 = breakpoints; _i < breakpoints_1.length; _i++) {
+        var bp = breakpoints_1[_i];
+        breakpointHash[bp.key] = {
+            min: bp.min ? parseFloat(bp.min) : null,
+            max: bp.max ? parseFloat(bp.max) : null,
+        };
+    }
+    var result = [];
+    var lerpStart = "initial";
+    var lastDefined = "initial";
+    var concreteValues = {};
+    for (var _a = 0, breakpoints_2 = breakpoints; _a < breakpoints_2.length; _a++) {
+        var bp = breakpoints_2[_a];
+        var value = parseResponsiveValue(object["@" + bp.key]);
+        var defined = value.type !== "undefined";
+        var base = !defined || value.type === "multiplier" ? lastDefined : bp.key;
+        lerpStart = value.lerpStart ? bp.key : lerpStart && !defined ? lerpStart : null;
+        if (value.type === "px" || value.type === "number") {
+            concreteValues[bp.key] = value.value;
+        }
+        else if (value.type === "multiplier") {
+            concreteValues[bp.key] = value.value * concreteValues[base];
+        }
+        else if (value.type === "percent") {
+            concreteValues[bp.key] = value.value;
+        }
+        result.push(__assign(__assign({}, value), { defined: defined, breakpoint: bp.key, lastBreakpoint: lastDefined, baseBreakpoint: base, lerping: lerpStart
+                ? {
+                    fromBP: lerpStart,
+                    toBP: null,
+                    minMedia: 0,
+                    maxMedia: 0,
+                    minValue: 0,
+                    maxValue: 0,
+                }
+                : undefined, concreteValue: concreteValues[bp.key] }));
+        if (defined) {
+            lastDefined = bp.key;
+        }
+    }
+    var nextBreakpoints = [];
+    var lastBreakpoint = null;
+    for (var i = breakpoints.length - 1; i >= 0; i--) {
+        var bp = breakpoints[i];
+        nextBreakpoints[i] = lastBreakpoint;
+        if (result[i].defined) {
+            lastBreakpoint = bp.key;
+        }
+    }
+    result.forEach(function (item, i) {
+        if (item.lerping) {
+            item.lerping.toBP = nextBreakpoints[i];
+        }
     });
-    return [globals, (_a = globals["@initial"]) === null || _a === void 0 ? void 0 : _a[varName]];
+    result.forEach(function (item, i) {
+        var lerp = item.lerping;
+        if (lerp) {
+            var fromBP = lerp.fromBP ? breakpointHash[lerp.fromBP] : null;
+            var toBP = lerp.toBP ? breakpointHash[lerp.toBP] : null;
+            if (!fromBP || fromBP.min === null) {
+                throw new Error("Cannot create responsive style for first breakpoint");
+            }
+            if (!toBP || toBP.min === null) {
+                throw new Error("Cannot create responsive style for last breakpoint");
+            }
+            lerp.minMedia = fromBP.min;
+            lerp.maxMedia = toBP.min;
+            lerp.minValue = item.concreteValue;
+            lerp.maxValue = result.find(function (o) { return o.breakpoint === lerp.toBP; }).concreteValue;
+        }
+    });
+    return result;
+}
+exports.parseResponsiveObject = parseResponsiveObject;
+function getResponsiveObjectStyles(breakpoints, object, varName, unit) {
+    var _a, _b;
+    var _c;
+    if (unit === void 0) { unit = "px"; }
+    // Prescale object
+    object = __assign({}, object);
+    var parsed = parseResponsiveObject(breakpoints, object);
+    var globals = {};
+    for (var _i = 0, parsed_1 = parsed; _i < parsed_1.length; _i++) {
+        var atom = parsed_1[_i];
+        if (atom.lerpStart && atom.lerping) {
+            var lerp = atom.lerping;
+            globals["@" + atom.breakpoint] = (_a = {},
+                _a[varName] = "calc(".concat(lerp.minValue).concat(unit, " + (100vw - ").concat(lerp.minMedia).concat(unit, ") / (").concat(lerp.maxMedia, " - ").concat(lerp.minMedia, ") * (").concat(lerp.maxValue, " - ").concat(lerp.minValue, "))"),
+                _a);
+        }
+        else if (atom.concreteValue) {
+            globals["@" + atom.breakpoint] = (_b = {},
+                _b[varName] = atom.concreteValue + unit,
+                _b);
+        }
+    }
+    return [globals, (_c = globals["@initial"]) === null || _c === void 0 ? void 0 : _c[varName]];
 }
+exports.getResponsiveObjectStyles = getResponsiveObjectStyles;
 // parseResponsiveTokens({'@initial': blah, '@desktop': blah}, breakpoints, )
 function parseResponsiveTokens(theme, breakpoints) {
     var globalResponsive = {
@@ -204,7 +309,7 @@ function parseResponsiveTokens(theme, breakpoints) {
         for (var key in theme[scale]) {
             var val = theme[scale][key];
             if (val && typeof val === "object") {
-                var _a = parseResponsiveObject(theme, breakpoints, val, "--" + scale + "-" + key, scale), tokenGlobals = _a[0], initial = _a[1];
+                var _a = getResponsiveObjectStyles(breakpoints, val, "--" + scale + "-" + key), tokenGlobals = _a[0], initial = _a[1];
                 for (var bp in tokenGlobals) {
                     globalResponsive[bp] = __assign(__assign({}, globalResponsive[bp]), tokenGlobals[bp]);
                 }
@@ -217,8 +322,9 @@ function parseResponsiveTokens(theme, breakpoints) {
     }
     return { initialResponsive: initialResponsive, globalResponsive: globalResponsive };
 }
+exports.parseResponsiveTokens = parseResponsiveTokens;
 function createStitches(config) {
-    var breakpoints = parseBreakpoints(config.media);
+    var breakpoints = parseBreakpoints(config.breakpoints, config.media);
     var _a = parseTypography(config.theme, breakpoints, config.typography), typeVariants = _a.typeVariants, globalTypography = _a.globalTypography;
     var _b = parseGrid(config.theme, config.media, config.grid), gridVariants = _b.gridVariants, globalGrid = _b.globalGrid;
     var _c = parseResponsiveTokens(config.responsive, breakpoints), initialResponsive = _c.initialResponsive, globalResponsive = _c.globalResponsive;
@@ -309,6 +415,6 @@ function createStitches(config) {
     });
     stitches.globalCss(responsiveGlobals)();
     var responsiveTokens = {};
-    return __assign(__assign({}, stitches), { typeVariants: typeVariants, gridVariants: gridVariants, responsiveTokens: responsiveTokens });
+    return __assign(__assign({}, stitches), { originalConfig: config, breakpoints: breakpoints, typeVariants: typeVariants, gridVariants: gridVariants, responsiveTokens: responsiveTokens, responsiveGlobals: responsiveGlobals });
 }
 exports.createStitches = createStitches;

package/utils/getRepoName.d.ts

@@ -1,4 +1,4 @@
-export declare function getRepoName(dir: string): Promise<{
+export declare function getRepoName(dir: string): {
     repoName: string | undefined;
     themeName: string;
-}>;
+};

package/utils/getRepoName.js

@@ -1,62 +1,24 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRepoName = void 0;
-var git_remote_origin_url_1 = __importDefault(require("git-remote-origin-url"));
+var git_repo_name_1 = __importDefault(require("git-repo-name"));
 var path_1 = __importDefault(require("path"));
 function getRepoName(dir) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function () {
-        var info;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, (0, git_remote_origin_url_1.default)(dir)];
-                case 1:
-                    info = _b.sent();
-                    return [2 /*return*/, {
-                            repoName: (_a = info.match(/([^\/]+).git$/)) === null || _a === void 0 ? void 0 : _a[1],
-                            themeName: path_1.default.basename(dir),
-                        }];
-            }
-        });
-    });
+    if (process.env.VERCEL) {
+        return {
+            repoName: process.env.VERCEL_GIT_REPO_SLUG,
+            themeName: process.env.VERCEL_GIT_REPO_SLUG,
+        };
+    }
+    else {
+        var info = git_repo_name_1.default.sync(dir);
+        return {
+            repoName: info || "",
+            themeName: path_1.default.basename(dir),
+        };
+    }
 }
 exports.getRepoName = getRepoName;

package/utils/updateEnvFile.d.ts

@@ -0,0 +1 @@
+export declare function updateEnvFile(data: Record<string, string | number>, directory?: string): Promise<void>;

package/utils/updateEnvFile.js

@@ -0,0 +1,76 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateEnvFile = void 0;
+var fs_1 = require("fs");
+var promises_1 = require("fs/promises");
+var path_1 = require("path");
+function updateEnvFile(data, directory) {
+    if (directory === void 0) { directory = process.cwd(); }
+    return __awaiter(this, void 0, void 0, function () {
+        var path, contents, lines, key;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    path = (0, path_1.join)(directory, ".env");
+                    if (!(0, fs_1.existsSync)(path)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, (0, promises_1.readFile)(path, "utf8")];
+                case 1:
+                    contents = (_a.sent()).toString();
+                    lines = contents.split(/\n/g);
+                    lines = lines.filter(function (line) {
+                        for (var key in data) {
+                            if (line.startsWith("".concat(key, "="))) {
+                                return false;
+                            }
+                        }
+                        return true;
+                    });
+                    for (key in data) {
+                        lines.push("".concat(key, "=").concat(data[key]));
+                    }
+                    return [4 /*yield*/, (0, promises_1.writeFile)(path, lines.join("\n"))];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.updateEnvFile = updateEnvFile;

package/cli/prepare-next.js

@@ -1 +0,0 @@
-"use strict";

package/entry/entry.serverless.dev.js

@@ -1,2 +0,0 @@
-"use strict";
-console.log("Dev serverless");

package/fields/ImageWell.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare type Props = {
-    previewSize: string;
-    value: number;
-    onChange: (value: number | null) => void;
-};
-export declare function ImageWell(props: Props): JSX.Element;
-export {};

package/fields/ImageWell.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageWell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@stitches/react");
-var react_2 = require("react");
-function ImageWell(props) {
-    var _a = (0, react_2.useState)(null), selectedImage = _a[0], setSelectedImage = _a[1];
-    var _b = (0, react_2.useState)(false), imageIsLoading = _b[0], setImageIsLoading = _b[1];
-    (0, react_2.useEffect)(function () {
-        if (props.value) {
-            var cancelled = false;
-            setImageIsLoading(true);
-            fetch("/wp-json/ed/v1/media/" + Number(props.value))
-                .then(function (response) { return response.json(); })
-                .then(function (image) {
-                setImageIsLoading(false);
-                setSelectedImage(image);
-            });
-        }
-    }, [props.value]);
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [imageIsLoading ? ((0, jsx_runtime_1.jsx)(Loading, { children: (0, jsx_runtime_1.jsx)(Spinner, {}, void 0) }, void 0)) : selectedImage ? ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)("img", { src: selectedImage.sizes[props.previewSize] || selectedImage.sizes["thumbnail"] }, void 0) }, void 0)) : null, (0, jsx_runtime_1.jsx)(Toolbar, { children: selectedImage || imageIsLoading ? ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button, { children: "Remove" }, void 0), (0, jsx_runtime_1.jsx)(Button, { children: "Edit" }, void 0), (0, jsx_runtime_1.jsx)(Button, { children: "View" }, void 0)] }, void 0)) : null }, void 0)] }, void 0));
-}
-exports.ImageWell = ImageWell;
-var Wrapper = (0, react_1.styled)("div", {
-    position: "relative",
-    display: "block",
-    width: "100%",
-    border: "1px solid #aaaaaa",
-});
-var ImageContainer = (0, react_1.styled)("div", {
-    padding: "4px",
-    img: {
-        maxWidth: "100%",
-    },
-});
-var spin = (0, react_1.keyframes)({
-    from: {
-        transform: "rotate(0deg)",
-    },
-    to: {
-        transform: "rotate(360deg)",
-    },
-});
-var Spinner = (0, react_1.styled)("div", {
-    display: "block",
-    width: "32px",
-    height: "32px",
-    border: "4px solid transparent",
-    borderTop: "currentColor",
-    animation: "".concat(spin, " 1s linear infinite"),
-});
-var Loading = (0, react_1.styled)("div", {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    padding: "8px",
-});
-var Toolbar = (0, react_1.styled)("div", {
-    position: "absolute",
-    top: 0,
-    right: 0,
-    padding: "4px",
-});