Skip to content

Commit

Permalink
Dump the vue app object and imports into the new app file
Browse files Browse the repository at this point in the history 
This is as-is, with import paths updated.
  • Loading branch information
@jasonvarga
jasonvarga committed Jan 8, 2025
1 parent 108c49a commit 9d1cef3
Show file tree
Hide file tree
Showing 2 changed files with 241 additions and 246 deletions.
246 changes: 0 additions & 246 deletions resources/js/app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,249 +97,3 @@ import './components/DirtyState';
import './components/Config';
import './components/Preference';
import './components/Permission';


import GlobalSearch from './components/GlobalSearch.vue';
import GlobalSiteSelector from './components/GlobalSiteSelector.vue';
import DarkModeToggle from './components/DarkModeToggle.vue';
import Login from './components/login/login';
import LoginModal from './components/login/LoginModal.vue';
import BaseEntryCreateForm from './components/entries/BaseCreateForm.vue';
import BaseTermCreateForm from './components/terms/BaseCreateForm.vue';
import CreateTermButton from './components/terms/CreateTermButton.vue';
import Importer from './components/importer/importer';
import FieldsetListing from './components/fieldsets/Listing.vue';
import FieldsetCreateForm from './components/fieldsets/CreateForm.vue';
import FieldsetEditForm from './components/fieldsets/EditForm.vue';
import BlueprintListing from './components/blueprints/Listing.vue';
import BlueprintBuilder from './components/blueprints/Builder.vue';
import FormCreateForm from './components/forms/CreateForm.vue';
import FormListing from './components/forms/Listing.vue';
import FormSubmissionListing from './components/forms/SubmissionListing.vue';
import GlobalListing from './components/globals/Listing.vue';
import GlobalEditForm from './components/globals/EditForm.vue';
import GlobalPublishForm from './components/globals/PublishForm.vue';
import GlobalCreateForm from './components/globals/Create.vue';
import UserListing from './components/users/Listing.vue';
import UserWizard from './components/users/Wizard.vue';
import RoleListing from './components/roles/Listing.vue';
import RolePublishForm from './components/roles/PublishForm.vue';
import UserGroupListing from './components/user-groups/Listing.vue';
import UserGroupPublishForm from './components/user-groups/PublishForm.vue';
import CollectionCreateForm from './components/collections/CreateForm.vue';
import CollectionScaffolder from './components/collections/Scaffolder.vue';
import CollectionEditForm from './components/collections/EditForm.vue';
import CollectionView from './components/collections/View.vue';
import CollectionBlueprintListing from './components/collections/BlueprintListing.vue';
import SessionExpiry from './components/SessionExpiry.vue';
import NavigationListing from './components/navigation/Listing.vue';
import NavigationCreateForm from './components/navigation/CreateForm.vue';
import NavigationEditForm from './components/navigation/EditForm.vue';
import PreferencesEditForm from './components/preferences/EditForm.vue';
import NavigationView from './components/navigation/View.vue';
import TaxonomyCreateForm from './components/taxonomies/CreateForm.vue';
import TaxonomyEditForm from './components/taxonomies/EditForm.vue';
import TaxonomyBlueprintListing from './components/taxonomies/BlueprintListing.vue';
import AssetContainerCreateForm from './components/asset-containers/CreateForm.vue';
import AssetContainerEditForm from './components/asset-containers/EditForm.vue';
import NavBuilder from './components/nav/Builder.vue';
import Updater from './components/updater/Updater.vue';
import PortalTargets from './components/portals/PortalTargets.vue';
import SitesEditForm from './components/sites/EditForm.vue';


Statamic.app({
el: '#statamic',

mixins: [Toast],

store: Statamic.$store,

components: {
GlobalSearch,
GlobalSiteSelector,
DarkModeToggle,
Login,
LoginModal,
BaseEntryCreateForm,
BaseTermCreateForm,
CreateTermButton,
Importer,
FieldsetListing,
FieldsetCreateForm,
FieldsetEditForm,
BlueprintListing,
BlueprintBuilder,
FormCreateForm,
FormListing,
FormSubmissionListing,
GlobalListing,
GlobalEditForm,
GlobalPublishForm,
GlobalCreateForm,
UserListing,
UserWizard,
RoleListing,
RolePublishForm,
UserGroupListing,
UserGroupPublishForm,
CollectionCreateForm,
CollectionScaffolder,
CollectionEditForm,
CollectionView,
CollectionBlueprintListing,
SessionExpiry,
NavigationListing,
NavigationCreateForm,
NavigationEditForm,
PreferencesEditForm,
NavigationView,
TaxonomyCreateForm,
TaxonomyEditForm,
TaxonomyBlueprintListing,
AssetContainerCreateForm,
AssetContainerEditForm,
NavBuilder,
Updater,
PortalTargets,
SitesEditForm,
},

data: {
navOpen: true,
mobileNavOpen: false,
showBanner: true,
portals: [],
appendedComponents: [],
isLicensingBannerSnoozed: localStorage.getItem(`statamic.snooze_license_banner`) > new Date().valueOf(),
copyToClipboardModalUrl: null,
},

computed: {

version() {
return Statamic.$config.get('version');
},

stackCount() {
return this.$stacks.count();
},

wrapperClass() {
return this.$config.get('wrapperClass', 'max-w-xl');
}

},

mounted() {
this.bindWindowResizeListener();

this.$keys.bind(['command+\\'], e => {
e.preventDefault();
this.toggleNav();
});

if (this.$config.get('broadcasting.enabled')) {
this.$echo.start();
}

this.fixAutofocus();

this.showBanner = !this.isLicensingBannerSnoozed && Statamic.$config.get('hasLicenseBanner');

this.$toast.intercept();
},

created() {
const app = this;
const state = localStorage.getItem('statamic.nav') || 'open';
this.navOpen = state === 'open';

Statamic.$callbacks.add('copyToClipboard', async function (url) {
try {
await navigator.clipboard.writeText(url);
Statamic.$toast.success(__('Copied to clipboard'));
} catch (err) {
app.copyToClipboardModalUrl = url;
}
});

Statamic.$callbacks.add('bustAndReloadImageCaches', function (urls) {
urls.forEach(async url => {
await fetch(url, { cache: 'reload', mode: 'no-cors' });
document.body
.querySelectorAll(`img[src='${url}']`)
.forEach(img => img.src = url);
});
});

this.setupMoment();
},

methods: {

bindWindowResizeListener() {
window.addEventListener('resize', () => {
this.$store.commit('statamic/windowWidth', document.documentElement.clientWidth);
});
window.dispatchEvent(new Event('resize'));
},

toggleNav() {
this.navOpen = ! this.navOpen;
localStorage.setItem('statamic.nav', this.navOpen ? 'open' : 'closed');
},

toggleMobileNav() {
this.mobileNavOpen = ! this.mobileNavOpen;
},

hideBanner() {
this.showBanner = false;
localStorage.setItem(`statamic.snooze_license_banner`, new Date(Date.now() + 5 * 60 * 1000).valueOf());
},

fixAutofocus() {
// Fix autofocus issues in Safari and Firefox
setTimeout(() => {
const inputs = document.querySelectorAll('input[autofocus]');
for (let input of inputs) {
input.blur();
}
if (inputs.length) {
inputs[0].focus();
}
}, 100);
},

setupMoment() {
const locale = Statamic.$config.get('locale');
window.moment.locale(locale);
Vue.moment.locale(locale);
Vue.prototype.$moment.locale(locale);

const spec = {
relativeTime: {
future: __('moment.relativeTime.future'),
past: __('moment.relativeTime.past'),
s: __('moment.relativeTime.s'),
ss: __('moment.relativeTime.ss'),
m: __('moment.relativeTime.m'),
mm: __('moment.relativeTime.mm'),
h: __('moment.relativeTime.h'),
hh: __('moment.relativeTime.hh'),
d: __('moment.relativeTime.d'),
dd: __('moment.relativeTime.dd'),
M: __('moment.relativeTime.M'),
MM: __('moment.relativeTime.MM'),
y: __('moment.relativeTime.y'),
yy: __('moment.relativeTime.yy'),
}
};
window.moment.updateLocale(locale, spec);
Vue.moment.updateLocale(locale, spec);
Vue.prototype.$moment.updateLocale(locale, spec);
}
}

});
Loading

0 comments on commit 9d1cef3

Please sign in to comment.