app/assets/lookbook/js/lookbook.js in lookbook-1.5.5 vs app/assets/lookbook/js/lookbook.js in lookbook-2.0.0.beta.0

- old
+ new

@@ -1,61 +1,2 @@ -import Alpine from "alpinejs"; - -import Morph from "@alpinejs/morph"; -import Persist from "@alpinejs/persist"; -import Collapse from "@alpinejs/morph"; -import Tooltip from "@ryangjchandler/alpine-tooltip"; - -import Logger, { log } from "./plugins/logger"; - -import initLayoutStore from "./stores/layout"; -import initNavStore from "./stores/nav"; -import initInspectorStore from "./stores/inspector"; -import initPagesStore from "./stores/pages"; -import initSettingsStore from "./stores/settings"; -import initWorkbenchStore from "./stores/workbench"; - -import app from "./app"; - -// Note: A ParcelJS issue prevents loading all depths of component JS files in one glob, -// so need to split it up. Path aliases also do not work with the glob imports. -import { getComponents } from "./helpers/build"; -import * as components from "../../../components/lookbook/*/*component.js"; -import * as subComponents from "../../../components/lookbook/*/*/component.js"; -import * as jsComponents from "./components/*.js"; - -// Plugins - -Alpine.plugin(Morph); -Alpine.plugin(Persist); -Alpine.plugin(Collapse); -Alpine.plugin(Tooltip); -Alpine.plugin(Logger); - -// Stores -const prefix = window.APP_NAME; -Alpine.store("layout", initLayoutStore(Alpine, { prefix })); -Alpine.store("nav", initNavStore(Alpine, { prefix })); -Alpine.store("inspector", initInspectorStore(Alpine, { prefix })); -Alpine.store("pages", initPagesStore(Alpine, { prefix })); -Alpine.store("settings", initSettingsStore(Alpine, { prefix })); - -if (process.env.NODE_ENV !== "production") { - Alpine.store("workbench", initWorkbenchStore(Alpine, { prefix })); -} - -// Components - -Alpine.data("app", app); - -[components, subComponents, jsComponents].forEach((scripts) => { - const components = getComponents(scripts); - Object.keys(components).forEach((name) => { - Alpine.data(`${name}Component`, components[name]); - }); -}); - -// Init - -window.log = log; -window.Alpine = Alpine; -Alpine.start(); +import "iframe-resizer/js/iframeResizer"; +import "./lib/lookbook";