npm - @canmingir/link - Versions diffs - 1.1.7 → 1.2.0 - Mend

@canmingir/link 1.1.7 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1370) hide show

package/minimal/src/sections/blog/view/post-details-home-view.jsx DELETED Viewed

@@ -1,188 +0,0 @@
-import PropTypes from 'prop-types';
-import Chip from '@mui/material/Chip';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Avatar from '@mui/material/Avatar';
-import Divider from '@mui/material/Divider';
-import Checkbox from '@mui/material/Checkbox';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-import AvatarGroup from '@mui/material/AvatarGroup';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-import { fShortenNumber } from 'src/utils/format-number';
-import { useGetPost, useGetLatestPosts } from 'src/api/blog';
-import Iconify from 'src/components/iconify';
-import Markdown from 'src/components/markdown';
-import EmptyContent from 'src/components/empty-content';
-import CustomBreadcrumbs from 'src/components/custom-breadcrumbs';
-import PostList from '../post-list';
-import PostCommentList from '../post-comment-list';
-import PostCommentForm from '../post-comment-form';
-import PostDetailsHero from '../post-details-hero';
-import { PostDetailsSkeleton } from '../post-skeleton';
-// ----------------------------------------------------------------------
-export default function PostDetailsHomeView({ title }) {
-  const { post, postError, postLoading } = useGetPost(title);
-  const { latestPosts, latestPostsLoading } = useGetLatestPosts(title);
-  const renderSkeleton = <PostDetailsSkeleton />;
-  const renderError = (
-    <Container sx={{ my: 10 }}>
-      <EmptyContent
-        filled
-        title={`${postError?.message}`}
-        action={
-          <Button
-            component={RouterLink}
-            href={paths.post.root}
-            startIcon={<Iconify icon="eva:arrow-ios-back-fill" width={16} />}
-            sx={{ mt: 3 }}
-          >
-            Back to List
-          </Button>
-        }
-        sx={{ py: 10 }}
-      />
-    </Container>
-  );
-  const renderPost = post && (
-    <>
-      <PostDetailsHero
-        title={post.title}
-        author={post.author}
-        coverUrl={post.coverUrl}
-        createdAt={post.createdAt}
-      />
-      <Container
-        maxWidth={false}
-        sx={{
-          py: 3,
-          mb: 5,
-          borderBottom: (theme) => `solid 1px ${theme.palette.divider}`,
-        }}
-      >
-        <CustomBreadcrumbs
-          links={[
-            {
-              name: 'Home',
-              href: '/',
-            },
-            {
-              name: 'Blog',
-              href: paths.post.root,
-            },
-            {
-              name: post?.title,
-            },
-          ]}
-          sx={{ maxWidth: 720, mx: 'auto' }}
-        />
-      </Container>
-      <Container maxWidth={false}>
-        <Stack sx={{ maxWidth: 720, mx: 'auto' }}>
-          <Typography variant="subtitle1" sx={{ mb: 5 }}>
-            {post.description}
-          </Typography>
-          <Markdown children={post.content} />
-          <Stack
-            spacing={3}
-            sx={{
-              py: 3,
-              borderTop: (theme) => `dashed 1px ${theme.palette.divider}`,
-              borderBottom: (theme) => `dashed 1px ${theme.palette.divider}`,
-            }}
-          >
-            <Stack direction="row" flexWrap="wrap" spacing={1}>
-              {post.tags.map((tag) => (
-                <Chip key={tag} label={tag} variant="soft" />
-              ))}
-            </Stack>
-            <Stack direction="row" alignItems="center">
-              <FormControlLabel
-                control={
-                  <Checkbox
-                    defaultChecked
-                    size="small"
-                    color="error"
-                    icon={<Iconify icon="solar:heart-bold" />}
-                    checkedIcon={<Iconify icon="solar:heart-bold" />}
-                  />
-                }
-                label={fShortenNumber(post.totalFavorites)}
-                sx={{ mr: 1 }}
-              />
-              <AvatarGroup>
-                {post.favoritePerson.map((person) => (
-                  <Avatar key={person.name} alt={person.name} src={person.avatarUrl} />
-                ))}
-              </AvatarGroup>
-            </Stack>
-          </Stack>
-          <Stack direction="row" sx={{ mb: 3, mt: 5 }}>
-            <Typography variant="h4">Comments</Typography>
-            <Typography variant="subtitle2" sx={{ color: 'text.disabled' }}>
-              ({post.comments.length})
-            </Typography>
-          </Stack>
-          <PostCommentForm />
-          <Divider sx={{ mt: 5, mb: 2 }} />
-          <PostCommentList comments={post.comments} />
-        </Stack>
-      </Container>
-    </>
-  );
-  const renderLatestPosts = (
-    <>
-      <Typography variant="h4" sx={{ mb: 5 }}>
-        Recent Posts
-      </Typography>
-      <PostList
-        posts={latestPosts.slice(latestPosts.length - 4)}
-        loading={latestPostsLoading}
-        disabledIndex
-      />
-    </>
-  );
-  return (
-    <>
-      {postLoading && renderSkeleton}
-      {postError && renderError}
-      {post && renderPost}
-      <Container sx={{ pb: 15 }}>{!!latestPosts.length && renderLatestPosts}</Container>
-    </>
-  );
-}
-PostDetailsHomeView.propTypes = {
-  title: PropTypes.string,
-};

package/minimal/src/sections/blog/view/post-details-view.jsx DELETED Viewed

@@ -1,172 +0,0 @@
-import PropTypes from 'prop-types';
-import { useState, useEffect, useCallback } from 'react';
-import Chip from '@mui/material/Chip';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Avatar from '@mui/material/Avatar';
-import Divider from '@mui/material/Divider';
-import Checkbox from '@mui/material/Checkbox';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import AvatarGroup, { avatarGroupClasses } from '@mui/material/AvatarGroup';
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-import { fShortenNumber } from 'src/utils/format-number';
-import { useGetPost } from 'src/api/blog';
-import { POST_PUBLISH_OPTIONS } from 'src/_mock';
-import Iconify from 'src/components/iconify';
-import Markdown from 'src/components/markdown';
-import EmptyContent from 'src/components/empty-content';
-import PostDetailsHero from '../post-details-hero';
-import PostCommentList from '../post-comment-list';
-import PostCommentForm from '../post-comment-form';
-import { PostDetailsSkeleton } from '../post-skeleton';
-import PostDetailsToolbar from '../post-details-toolbar';
-// ----------------------------------------------------------------------
-export default function PostDetailsView({ title }) {
-  const [publish, setPublish] = useState('');
-  const { post, postLoading, postError } = useGetPost(title);
-  const handleChangePublish = useCallback((newValue) => {
-    setPublish(newValue);
-  }, []);
-  useEffect(() => {
-    if (post) {
-      setPublish(post?.publish);
-    }
-  }, [post]);
-  const renderSkeleton = <PostDetailsSkeleton />;
-  const renderError = (
-    <EmptyContent
-      filled
-      title={`${postError?.message}`}
-      action={
-        <Button
-          component={RouterLink}
-          href={paths.dashboard.post.root}
-          startIcon={<Iconify icon="eva:arrow-ios-back-fill" width={16} />}
-          sx={{ mt: 3 }}
-        >
-          Back to List
-        </Button>
-      }
-      sx={{
-        py: 20,
-      }}
-    />
-  );
-  const renderPost = post && (
-    <>
-      <PostDetailsToolbar
-        backLink={paths.dashboard.post.root}
-        editLink={paths.dashboard.post.edit(`${post?.title}`)}
-        liveLink={paths.post.details(`${post?.title}`)}
-        publish={publish || ''}
-        onChangePublish={handleChangePublish}
-        publishOptions={POST_PUBLISH_OPTIONS}
-      />
-      <PostDetailsHero title={post.title} coverUrl={post.coverUrl} />
-      <Stack
-        sx={{
-          maxWidth: 720,
-          mx: 'auto',
-          mt: { xs: 5, md: 10 },
-        }}
-      >
-        <Typography variant="subtitle1" sx={{ mb: 5 }}>
-          {post.description}
-        </Typography>
-        <Markdown children={post.content} />
-        <Stack
-          spacing={3}
-          sx={{
-            py: 3,
-            borderTop: (theme) => `dashed 1px ${theme.palette.divider}`,
-            borderBottom: (theme) => `dashed 1px ${theme.palette.divider}`,
-          }}
-        >
-          <Stack direction="row" flexWrap="wrap" spacing={1}>
-            {post.tags.map((tag) => (
-              <Chip key={tag} label={tag} variant="soft" />
-            ))}
-          </Stack>
-          <Stack direction="row" alignItems="center">
-            <FormControlLabel
-              control={
-                <Checkbox
-                  defaultChecked
-                  size="small"
-                  color="error"
-                  icon={<Iconify icon="solar:heart-bold" />}
-                  checkedIcon={<Iconify icon="solar:heart-bold" />}
-                />
-              }
-              label={fShortenNumber(post.totalFavorites)}
-              sx={{ mr: 1 }}
-            />
-            <AvatarGroup
-              sx={{
-                [`& .${avatarGroupClasses.avatar}`]: {
-                  width: 32,
-                  height: 32,
-                },
-              }}
-            >
-              {post.favoritePerson.map((person) => (
-                <Avatar key={person.name} alt={person.name} src={person.avatarUrl} />
-              ))}
-            </AvatarGroup>
-          </Stack>
-        </Stack>
-        <Stack direction="row" sx={{ mb: 3, mt: 5 }}>
-          <Typography variant="h4">Comments</Typography>
-          <Typography variant="subtitle2" sx={{ color: 'text.disabled' }}>
-            ({post.comments.length})
-          </Typography>
-        </Stack>
-        <PostCommentForm />
-        <Divider sx={{ mt: 5, mb: 2 }} />
-        <PostCommentList comments={post.comments} />
-      </Stack>
-    </>
-  );
-  return (
-    <Container maxWidth={false}>
-      {postLoading && renderSkeleton}
-      {postError && renderError}
-      {post && renderPost}
-    </Container>
-  );
-}
-PostDetailsView.propTypes = {
-  title: PropTypes.string,
-};

package/minimal/src/sections/blog/view/post-edit-view.jsx DELETED Viewed

@@ -1,50 +0,0 @@
-import PropTypes from 'prop-types';
-import Container from '@mui/material/Container';
-import { paths } from 'src/routes/paths';
-import { useGetPost } from 'src/api/blog';
-import { useSettingsContext } from 'src/components/settings';
-import CustomBreadcrumbs from 'src/components/custom-breadcrumbs';
-import PostNewEditForm from '../post-new-edit-form';
-// ----------------------------------------------------------------------
-export default function PostEditView({ title }) {
-  const settings = useSettingsContext();
-  const { post: currentPost } = useGetPost(`${title}`);
-  return (
-    <Container maxWidth={settings.themeStretch ? false : 'lg'}>
-      <CustomBreadcrumbs
-        heading="Edit"
-        links={[
-          {
-            name: 'Dashboard',
-            href: paths.dashboard.root,
-          },
-          {
-            name: 'Blog',
-            href: paths.dashboard.post.root,
-          },
-          {
-            name: currentPost?.title,
-          },
-        ]}
-        sx={{
-          mb: { xs: 3, md: 5 },
-        }}
-      />
-      <PostNewEditForm currentPost={currentPost} />
-    </Container>
-  );
-}
-PostEditView.propTypes = {
-  title: PropTypes.string,
-};

package/minimal/src/sections/blog/view/post-list-home-view.jsx DELETED Viewed

@@ -1,99 +0,0 @@
-import orderBy from 'lodash/orderBy';
-import { useState, useCallback } from 'react';
-import Stack from '@mui/material/Stack';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-import { paths } from 'src/routes/paths';
-import { useDebounce } from 'src/hooks/use-debounce';
-import { POST_SORT_OPTIONS } from 'src/_mock';
-import { useGetPosts, useSearchPosts } from 'src/api/blog';
-import { useSettingsContext } from 'src/components/settings';
-import PostList from '../post-list';
-import PostSort from '../post-sort';
-import PostSearch from '../post-search';
-// ----------------------------------------------------------------------
-export default function PostListHomeView() {
-  const settings = useSettingsContext();
-  const [sortBy, setSortBy] = useState('latest');
-  const [searchQuery, setSearchQuery] = useState('');
-  const debouncedQuery = useDebounce(searchQuery);
-  const { posts, postsLoading } = useGetPosts();
-  const { searchResults, searchLoading } = useSearchPosts(debouncedQuery);
-  const dataFiltered = applyFilter({
-    inputData: posts,
-    sortBy,
-  });
-  const handleSortBy = useCallback((newValue) => {
-    setSortBy(newValue);
-  }, []);
-  const handleSearch = useCallback((inputValue) => {
-    setSearchQuery(inputValue);
-  }, []);
-  return (
-    <Container maxWidth={settings.themeStretch ? false : 'lg'}>
-      <Typography
-        variant="h4"
-        sx={{
-          my: { xs: 3, md: 5 },
-        }}
-      >
-        Blog
-      </Typography>
-      <Stack
-        spacing={3}
-        justifyContent="space-between"
-        alignItems={{ xs: 'flex-end', sm: 'center' }}
-        direction={{ xs: 'column', sm: 'row' }}
-        sx={{ mb: { xs: 3, md: 5 } }}
-      >
-        <PostSearch
-          query={debouncedQuery}
-          results={searchResults}
-          onSearch={handleSearch}
-          loading={searchLoading}
-          hrefItem={(title) => paths.post.details(title)}
-        />
-        <PostSort sort={sortBy} onSort={handleSortBy} sortOptions={POST_SORT_OPTIONS} />
-      </Stack>
-      <PostList posts={dataFiltered} loading={postsLoading} />
-    </Container>
-  );
-}
-// ----------------------------------------------------------------------
-const applyFilter = ({ inputData, sortBy }) => {
-  if (sortBy === 'latest') {
-    return orderBy(inputData, ['createdAt'], ['desc']);
-  }
-  if (sortBy === 'oldest') {
-    return orderBy(inputData, ['createdAt'], ['asc']);
-  }
-  if (sortBy === 'popular') {
-    return orderBy(inputData, ['totalViews'], ['desc']);
-  }
-  return inputData;
-};

package/minimal/src/sections/blog/view/post-list-view.jsx DELETED Viewed

@@ -1,187 +0,0 @@
-import orderBy from 'lodash/orderBy';
-import { useState, useCallback } from 'react';
-import Tab from '@mui/material/Tab';
-import Tabs from '@mui/material/Tabs';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Container from '@mui/material/Container';
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-import { useDebounce } from 'src/hooks/use-debounce';
-import { POST_SORT_OPTIONS } from 'src/_mock';
-import { useGetPosts, useSearchPosts } from 'src/api/blog';
-import Label from 'src/components/label';
-import Iconify from 'src/components/iconify';
-import { useSettingsContext } from 'src/components/settings';
-import CustomBreadcrumbs from 'src/components/custom-breadcrumbs';
-import PostSort from '../post-sort';
-import PostSearch from '../post-search';
-import PostListHorizontal from '../post-list-horizontal';
-// ----------------------------------------------------------------------
-const defaultFilters = {
-  publish: 'all',
-};
-// ----------------------------------------------------------------------
-export default function PostListView() {
-  const settings = useSettingsContext();
-  const [sortBy, setSortBy] = useState('latest');
-  const [filters, setFilters] = useState(defaultFilters);
-  const [searchQuery, setSearchQuery] = useState('');
-  const debouncedQuery = useDebounce(searchQuery);
-  const { posts, postsLoading } = useGetPosts();
-  const { searchResults, searchLoading } = useSearchPosts(debouncedQuery);
-  const dataFiltered = applyFilter({
-    inputData: posts,
-    filters,
-    sortBy,
-  });
-  const handleSortBy = useCallback((newValue) => {
-    setSortBy(newValue);
-  }, []);
-  const handleFilters = useCallback((name, value) => {
-    setFilters((prevState) => ({
-      ...prevState,
-      [name]: value,
-    }));
-  }, []);
-  const handleSearch = useCallback((inputValue) => {
-    setSearchQuery(inputValue);
-  }, []);
-  const handleFilterPublish = useCallback(
-    (event, newValue) => {
-      handleFilters('publish', newValue);
-    },
-    [handleFilters]
-  );
-  return (
-    <Container maxWidth={settings.themeStretch ? false : 'lg'}>
-      <CustomBreadcrumbs
-        heading="List"
-        links={[
-          {
-            name: 'Dashboard',
-            href: paths.dashboard.root,
-          },
-          {
-            name: 'Blog',
-            href: paths.dashboard.post.root,
-          },
-          {
-            name: 'List',
-          },
-        ]}
-        action={
-          <Button
-            component={RouterLink}
-            href={paths.dashboard.post.new}
-            variant="contained"
-            startIcon={<Iconify icon="mingcute:add-line" />}
-          >
-            New Post
-          </Button>
-        }
-        sx={{
-          mb: { xs: 3, md: 5 },
-        }}
-      />
-      <Stack
-        spacing={3}
-        justifyContent="space-between"
-        alignItems={{ xs: 'flex-end', sm: 'center' }}
-        direction={{ xs: 'column', sm: 'row' }}
-        sx={{
-          mb: { xs: 3, md: 5 },
-        }}
-      >
-        <PostSearch
-          query={debouncedQuery}
-          results={searchResults}
-          onSearch={handleSearch}
-          loading={searchLoading}
-          hrefItem={(title) => paths.dashboard.post.details(title)}
-        />
-        <PostSort sort={sortBy} onSort={handleSortBy} sortOptions={POST_SORT_OPTIONS} />
-      </Stack>
-      <Tabs
-        value={filters.publish}
-        onChange={handleFilterPublish}
-        sx={{
-          mb: { xs: 3, md: 5 },
-        }}
-      >
-        {['all', 'published', 'draft'].map((tab) => (
-          <Tab
-            key={tab}
-            iconPosition="end"
-            value={tab}
-            label={tab}
-            icon={
-              <Label
-                variant={((tab === 'all' || tab === filters.publish) && 'filled') || 'soft'}
-                color={(tab === 'published' && 'info') || 'default'}
-              >
-                {tab === 'all' && posts.length}
-                {tab === 'published' && posts.filter((post) => post.publish === 'published').length}
-                {tab === 'draft' && posts.filter((post) => post.publish === 'draft').length}
-              </Label>
-            }
-            sx={{ textTransform: 'capitalize' }}
-          />
-        ))}
-      </Tabs>
-      <PostListHorizontal posts={dataFiltered} loading={postsLoading} />
-    </Container>
-  );
-}
-// ----------------------------------------------------------------------
-const applyFilter = ({ inputData, filters, sortBy }) => {
-  const { publish } = filters;
-  if (sortBy === 'latest') {
-    inputData = orderBy(inputData, ['createdAt'], ['desc']);
-  }
-  if (sortBy === 'oldest') {
-    inputData = orderBy(inputData, ['createdAt'], ['asc']);
-  }
-  if (sortBy === 'popular') {
-    inputData = orderBy(inputData, ['totalViews'], ['desc']);
-  }
-  if (publish !== 'all') {
-    inputData = inputData.filter((post) => post.publish === publish);
-  }
-  return inputData;
-};