lookbook 2.0.0.beta.4 → 2.0.0.beta.6

data/app/assets/lookbook/js/stores/layout.js

@@ -1,111 +0,0 @@
-import config from "../config";
-import { addMediaQueryListener } from "../helpers/layout";
-import { log } from "../plugins/logger";
-import { prefixString } from "../helpers/string";
-
-const { sidebar, main, inspector } = config;
-
-export default function initLayoutStore(Alpine, { prefix }) {
-  return {
-    init() {
-      addMediaQueryListener(
-        `(min-width: ${config.desktopWidth}px)`,
-        (matches) => {
-          this._isDesktop = matches;
-          log.debug(
-            `Media query 'desktop': ${matches ? "✅ match" : "❌ no match"}`
-          );
-        }
-      );
-    },
-
-    get desktop() {
-      return this._isDesktop;
-    },
-
-    get mobile() {
-      return !this.desktop;
-    },
-
-    reflowing: false,
-
-    // Main app sidebar/content layout
-    main: {
-      split: Alpine.$persist({
-        direction: "vertical",
-        sizes: [`${sidebar.defaultWidth}px`, "1fr"],
-      }).as(prefixString("main-split", prefix)),
-
-      opts: {
-        minSizes: [sidebar.minWidth, main.minWidth],
-      },
-    },
-
-    // Sidebar visibility and sections
-    sidebar: {
-      _hiddenDesktop: Alpine.$persist(false).as(
-        prefixString("sidebar-hidden-desktop", prefix)
-      ),
-
-      _hiddenMobile: Alpine.$persist(true).as(
-        prefixString("sidebar-hidden-mobile", prefix)
-      ),
-
-      set hidden(value) {
-        if (Alpine.store("layout").desktop) {
-          this._hiddenDesktop = value;
-        } else {
-          this._hiddenMobile = value;
-        }
-      },
-
-      get hidden() {
-        const isDesktop = Alpine.store("layout").desktop;
-        return (
-          (isDesktop && this._hiddenDesktop) ||
-          (!isDesktop && this._hiddenMobile)
-        );
-      },
-
-      split: Alpine.$persist({
-        direction: "horizontal",
-        sizes: ["50%", "50%"],
-      }).as(prefixString("sidebar-split", prefix)),
-
-      opts: {
-        minSizes: [sidebar.minSectionHeight, sidebar.minSectionHeight],
-      },
-    },
-
-    singleSectionSidebar: {
-      split: {
-        direction: "horizontal",
-        sizes: null,
-      },
-    },
-
-    // Inspector drawer/preview layout
-    inspector: {
-      split: Alpine.$persist({
-        direction: "horizontal",
-        horizontalSizes: ["1fr", `${inspector.drawer.defaultHeight}px`],
-        verticalSizes: ["1fr", `${inspector.drawer.defaultWidth}px`],
-      }).as(prefixString("inspector-split", prefix)),
-
-      opts: {
-        minVerticalSizes: [
-          inspector.drawer.minWidth,
-          inspector.drawer.minWidth,
-        ],
-        minHorizontalSizes: [
-          inspector.drawer.minHeight,
-          inspector.drawer.minHeight,
-        ],
-      },
-    },
-
-    // protected
-
-    _isDesktop: true,
-  };
-}

data/app/assets/lookbook/js/stores/nav.js

@@ -1,22 +0,0 @@
-import initFilterStore from "./filter";
-import { prefixString } from "../helpers/string";
-
-export default function initNavStore(Alpine, { prefix }) {
-  return {
-    previews: {
-      filter: initFilterStore(
-        Alpine,
-        prefixString("previews-filter-text", prefix)
-      ),
-      open: Alpine.$persist([]).as(prefixString("previews-nav-open", prefix)),
-    },
-
-    pages: {
-      filter: initFilterStore(
-        Alpine,
-        prefixString("pages-filter-text", prefix)
-      ),
-      open: Alpine.$persist([]).as(prefixString("pages-nav-open", prefix)),
-    },
-  };
-}

data/app/assets/lookbook/js/stores/pages.js

@@ -1,7 +0,0 @@
-import { prefixString } from "../helpers/string";
-
-export default function initPagesStore(Alpine, { prefix }) {
-  return {
-    embeds: Alpine.$persist({}).as(prefixString("pages-embeds", prefix)),
-  };
-}

data/app/assets/lookbook/js/stores/settings.js

@@ -1,7 +0,0 @@
-import { prefixString } from "../helpers/string";
-
-export default function initSettingsStore(Alpine, { prefix }) {
-  return {
-    showTooltips: true,
-  };
-}

data/app/assets/lookbook/js/stores/workbench.js

@@ -1,29 +0,0 @@
-import initFilterStore from "./filter";
-import { prefixString } from "../helpers/string";
-
-export default function initWorkbenchStore(Alpine, { prefix }) {
-  return {
-    filter: initFilterStore(Alpine, prefixString("workbench-filter", prefix)),
-    nav: {
-      open: Alpine.$persist([]).as(prefixString("workbench-nav-open", prefix)),
-      location: {
-        pathname: null,
-      },
-    },
-    horizontalSplitLayout: {
-      split: Alpine.$persist({
-        direction: "horizontal",
-        sizes: ["50%", "50%"],
-      }).as(prefixString("workbench-horizontal-split", prefix)),
-    },
-    verticalSplitLayout: {
-      split: Alpine.$persist({
-        direction: "vertical",
-        sizes: ["40%", "30%", "30%"],
-      }).as(prefixString("workbench-vertical-split", prefix)),
-    },
-    tabbedPanels: {
-      activeTab: "tab-1",
-    },
-  };
-}

data/app/components/lookbook/icon/component.js

@@ -1,5 +0,0 @@
-export default function iconComponent(iconName) {
-  return {
-    iconName,
-  };
-}

data/config/hooks.yml

@@ -1,4 +0,0 @@
-shared:
-  after_initialize: []
-  before_exit: []
-  after_change: []