-
-
- );
-};
diff --git a/refine-remix/plugins/_base/app/components/menu/index.tsx b/refine-remix/plugins/_base/app/components/menu/index.tsx
deleted file mode 100644
index 482a5c12c..000000000
--- a/refine-remix/plugins/_base/app/components/menu/index.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import {
- <%_ if (_app.isAuthProviderCheck || _app.isNextAuthCheck) { _%>
- useLogout,
- <%_ } _%>
- useMenu
-} from "@refinedev/core";
-import { NavLink } from "@remix-run/react";
-
-export const Menu = () => {
- <%_ if (_app.isAuthProviderCheck || _app.isNextAuthCheck) { _%>
- const { mutate: logout } = useLogout();
- <%_ } _%>
- const { menuItems } = useMenu();
-
- return (
-
- );
-};
diff --git a/refine-remix/plugins/_base/app/global.css b/refine-remix/plugins/_base/app/global.css
deleted file mode 100644
index 7d0bec252..000000000
--- a/refine-remix/plugins/_base/app/global.css
+++ /dev/null
@@ -1,88 +0,0 @@
-body {
- margin: 0px;
-}
-
-table {
- border-spacing: 0;
- border: 1px solid black;
-}
-
-table th,
-td {
- margin: 0;
- padding: 0.5rem;
- border-bottom: 1px solid black;
- border-right: 1px solid black;
-}
-
-table tr:last-child td {
- border-bottom: 0;
-}
-
-table th,
-td {
- margin: 0;
- padding: 0.5rem;
- border-bottom: 1px solid black;
- border-right: 1px solid black;
-}
-
-table th:last-child,
-td:last-child {
- border-right: 0;
-}
-
-.layout {
- display: flex;
- gap: 16px;
-}
-
-@media screen and (max-width: 751px) {
- .layout {
- display: block;
- }
-}
-
-.layout .content {
- display: flex;
- flex-direction: column;
- flex-grow: 1;
-}
-
-.breadcrumb {
- display: flex;
- gap: 24px;
- list-style-type: "/ ";
- padding: 8px 16px;
- border-bottom: 1px solid lightgray;
-}
-
-.breadcrumb a {
- color: blue;
- text-decoration: none;
-}
-
-.menu {
- flex-shrink: 0;
- padding: 8px 16px;
- border-right: 1px solid lightgray;
-}
-
-.menu a {
- color: black;
-}
-
-.menu .active {
- font-weight: bold;
-}
-
-@media screen and (max-width: 751px) {
- .menu {
- border-right: none;
- border-bottom: 1px solid lightgray;
- }
-}
-
-.menu ul {
- padding-left: 16px;
-}
diff --git a/refine-remix/plugins/_base/extend.js b/refine-remix/plugins/_base/extend.js
deleted file mode 100644
index b309951f9..000000000
--- a/refine-remix/plugins/_base/extend.js
+++ /dev/null
@@ -1,225 +0,0 @@
-const base = {
- _app: {
- isNextAuthCheck: false,
- isAuthProviderCheck: false,
- hasRoutes: true,
- loader: [],
- authPageProps: [],
- localImport: [],
- refineAntdImports: [],
- refineMuiImports: [],
- styleImport: [],
- },
- selectedTheme: "Blue",
- selectedTitle: undefined,
- selectedSvg: undefined,
- isGraphQL: false,
- blogPostCategoryFieldName: "category",
- blogPostCategoryTableField: `"category"`,
- blogPostCategoryIdFormField: `["category", "id"]`,
- blogPostStatusOptions: [],
- blogPostStatusDefaultValue: `"draft"`,
-};
-
-module.exports = {
- extend(answers) {
- const dataProvider = answers["data-provider"];
- const authProvider = answers["auth-provider"];
- const uiFramework = answers["ui-framework"];
- const isHeadless =
- uiFramework === "no" || uiFramework === "tailwindcss";
-
- // ## isNextAuthCheck
- if (
- authProvider === "auth-provider-auth0" ||
- authProvider === "auth-provider-google" ||
- authProvider === "auth-provider-keycloak"
- ) {
- base._app.isNextAuthCheck = true;
- }
- // ## isNextAuthCheck
-
- // ## isAuthProviderCheck
- if (
- authProvider === "auth-provider-custom" ||
- dataProvider === "data-provider-supabase" ||
- dataProvider === "data-provider-strapi-v4" ||
- dataProvider === "data-provider-appwrite"
- ) {
- base._app.isAuthProviderCheck = true;
- }
- // ## isAuthProviderCheck
-
- // ## authPageProps
- let defaultValuePropsName = "initialValues";
- let defaultValues = `email: "demo@refine.dev", password: "demodemo"`;
- // change supabase login credentials
- if (dataProvider === "data-provider-supabase") {
- defaultValues = `email: "info@refine.dev", password: "refine-supabase"`;
- }
-
- // mui
- if (uiFramework === "mui") {
- defaultValuePropsName = "defaultValues";
- }
-
- base._app.authPageProps = [
- `formProps={{ ${defaultValuePropsName}:{ ${defaultValues} } }}`,
- ];
-
- // update for headless
- if (isHeadless) {
- base._app.authPageProps = [
- `
- renderContent={(content) => (
-
-
- {children}
-
-
- )}
- `,
- ];
- }
-
- // ## hasRoutes
- if (
- ["headless-example", "antd-example", "mui-example"].every(
- (item) => answers[item] === "no",
- )
- ) {
- base._app.hasRoutes = false;
- }
-
- // ## selected theme
- const themeFromAnswers = answers["theme"];
- if (themeFromAnswers) {
- base.selectedTheme = themeFromAnswers;
- }
- // ## selected title
- const titleFromAnswers = answers["title"];
- if (titleFromAnswers) {
- base.selectedTitle = titleFromAnswers;
- }
- // ## selected svg
- const svgFromAnswers = answers["svg"];
- if (svgFromAnswers) {
- base.selectedSvg = svgFromAnswers;
- }
-
- if (!isHeadless && (answers["title"] || answers["svg"])) {
- base._app.localImport.push(
- 'import { AppIcon } from "@components/app-icon";',
- );
- }
-
- if (isHeadless) {
- base._app.localImport.push(`import styles from "~/global.css";`);
- base._app.styleImport.push('{ rel: "stylesheet", href: styles }');
- }
-
- // ## isGraphQL
- if (
- ["data-provider-hasura", "data-provider-nestjs-query"].includes(
- dataProvider,
- )
- ) {
- base.isGraphQL = true;
- }
-
- // ## blogPostCategoryFieldName
- if (dataProvider === "data-provider-supabase") {
- base.blogPostCategoryFieldName = "categories";
- } else {
- base.blogPostCategoryFieldName = "category";
- }
-
- // ## blogPostCategoryIdFormField
- if (dataProvider === "data-provider-hasura") {
- base.blogPostCategoryIdFormField = `"category_id"`;
- } else if (dataProvider === "data-provider-nestjs-query") {
- base.blogPostCategoryIdFormField = `"categoryId"`;
- } else if (dataProvider === "data-provider-supabase") {
- base.blogPostCategoryIdFormField = `"categoryId"`;
- } else if (dataProvider === "data-provider-appwrite") {
- base.blogPostCategoryIdFormField = `"category"`;
- } else {
- if (uiFramework === "mui" || isHeadless) {
- base.blogPostCategoryIdFormField = `"category.id"`;
- } else {
- base.blogPostCategoryIdFormField = `["category", "id"]`;
- }
- }
-
- // ## blogPostCategoryTableField
- if (base.isGraphQL || dataProvider === "data-provider-appwrite") {
- if (isHeadless) {
- base.blogPostCategoryTableField = `"category.title"`;
- }
- if (uiFramework === "antd") {
- base.blogPostCategoryTableField = `['category', 'title']`;
- }
- if (uiFramework === "mui") {
- base.blogPostCategoryTableField = `"category"`;
- }
- } else {
- if (dataProvider === "data-provider-supabase") {
- base.blogPostCategoryTableField = `"categories"`;
- } else {
- base.blogPostCategoryTableField = `"category"`;
- }
- }
-
- // ## blogPostStatusOptions
- if (dataProvider === "data-provider-nestjs-query") {
- base.blogPostStatusOptions = JSON.stringify([
- { value: "DRAFT", label: "Draft" },
- { value: "PUBLISHED", label: "Published" },
- { value: "REJECTED", label: "Rejected" },
- ]);
- } else {
- base.blogPostStatusOptions = JSON.stringify([
- { value: "draft", label: "Draft" },
- { value: "published", label: "Published" },
- { value: "rejected", label: "Rejected" },
- ]);
- }
- if (isHeadless || uiFramework === "mui") {
- base.blogPostStatusOptions = JSON.parse(base.blogPostStatusOptions);
- }
-
- // ## blogPostStatusDefaultValue
- if (dataProvider === "data-provider-nestjs-query") {
- base.blogPostStatusDefaultValue = `"DRAFT"`;
- } else {
- base.blogPostStatusDefaultValue = `"draft"`;
- }
-
- // ## Refine options.title
- if (!isHeadless && (answers["title"] || answers["svg"])) {
- if (!base._app.refineOptions) {
- base._app.refineOptions = [];
- }
- const textLine = answers["title"]
- ? `text: "${answers["title"]}",`
- : "";
- const iconLine = answers["svg"] ? `icon:
- ${defaultValues
- .replace(/"/g, "")
- .replace(/,/g, "
")}
-
-
-
-
-
- Auth0
-
- Auth0
-
-
-
- );
- <%_ } _%>
-}
diff --git a/refine-remix/plugins/auth-provider-auth0/app/routes/_auth.tsx b/refine-remix/plugins/auth-provider-auth0/app/routes/_auth.tsx
deleted file mode 100644
index 084ef6291..000000000
--- a/refine-remix/plugins/auth-provider-auth0/app/routes/_auth.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Outlet } from "@remix-run/react";
-import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
-import { authenticator } from "~/utils/auth.server";
-
-export default function AuthLayout() {
- // no layout is applied for the auth routes
- return Powered by
-
- Auth0
- Google
-
- Google
-
-
-
- );
- <%_ } _%>
-}
diff --git a/refine-remix/plugins/auth-provider-google/app/routes/_auth.tsx b/refine-remix/plugins/auth-provider-google/app/routes/_auth.tsx
deleted file mode 100644
index 084ef6291..000000000
--- a/refine-remix/plugins/auth-provider-google/app/routes/_auth.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Outlet } from "@remix-run/react";
-import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
-import { authenticator } from "~/utils/auth.server";
-
-export default function AuthLayout() {
- // no layout is applied for the auth routes
- return
- Powered by
-
- Google
-
- Keycloak
-
- Keycloak
-
-
-
- );
- <%_ } _%>
-}
diff --git a/refine-remix/plugins/auth-provider-keycloak/app/routes/_auth.tsx b/refine-remix/plugins/auth-provider-keycloak/app/routes/_auth.tsx
deleted file mode 100644
index 084ef6291..000000000
--- a/refine-remix/plugins/auth-provider-keycloak/app/routes/_auth.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Outlet } from "@remix-run/react";
-import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
-import { authenticator } from "~/utils/auth.server";
-
-export default function AuthLayout() {
- // no layout is applied for the auth routes
- return
- Powered by
-
- Keycloak
-
-
-
-
- );
- },
- },
- ],
- [],
- );
-
- const { edit, show, create } = useNavigation();
-
- const {
- getHeaderGroups,
- getRowModel,
- setOptions,
- refineCore: {
- tableQueryResult: { data: tableData },
- },
- getState,
- setPageIndex,
- getCanPreviousPage,
- getPageCount,
- getCanNextPage,
- nextPage,
- previousPage,
- setPageSize,
- } = useTable({
- columns,
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- refineCoreProps: {
- meta: {
- fields: BLOG_POSTS_QUERY,
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-strapi-v4") { _%>
- refineCoreProps: {
- meta: {
- populate: ['category'],
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- refineCoreProps: {
- meta: {
- gqlQuery: POSTS_LIST_QUERY,
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-supabase") { _%>
- refineCoreProps: {
- meta: {
- select: '*, categories(id,title)',
- },
- },
-<%_ } _%>
- });
-
-<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
- const { data: categoryData } = useMany({
- resource: "categories",
- ids: tableData?.data?.map((item) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
- queryOptions: {
- enabled: !!tableData?.data,
- },
- });
-
- setOptions((prev) => ({
- ...prev,
- meta: {
- ...prev.meta,
- categoryData,
- },
- }));
-<%_ } _%>
-
- return (
-
-
- );
-};
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx
deleted file mode 100644
index 48bb253b6..000000000
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import { useNavigation, useSelect } from "@refinedev/core";
-import { useForm } from "@refinedev/react-hook-form";
-import React from "react";
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- import { BLOG_POSTS_QUERY, BLOG_POSTS_CATEGORIES_SELECT_QUERY } from "../queries/blog-posts";
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- import { POST_CREATE_MUTATION, CATEGORIES_SELECT_QUERY } from "../queries/blog-posts";
-<%_ } _%>
-
-
-export default function BlogPostCreate() {
- const { list } = useNavigation();
-
- const {
- refineCore: { onFinish },
- register,
- handleSubmit,
- formState: { errors },
- } = useForm({
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- refineCoreProps: {
- meta: {
- fields: BLOG_POSTS_QUERY,
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- refineCoreProps: {
- meta: {
- gqlMutation: POST_CREATE_MUTATION,
- },
- },
-<%_ } _%>
- });
-
- const { options: categoryOptions } = useSelect({
- resource: "categories",
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- meta: {
- fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- meta: {
- gqlQuery: CATEGORIES_SELECT_QUERY,
- },
-<%_ } _%>
- });
-
- return (
-
-
- {"List"}
- -
-
-
- {getHeaderGroups().map((headerGroup) => (
-
-
- | - {!header.isPlaceholder && - flexRender( - header.column.columnDef.header, - header.getContext(), - )} - | - ))} -
|---|
| - {flexRender( - cell.column.columnDef.cell, - cell.getContext(), - )} - | - ))} -
-
-
-
-
-
-
- {" "}
- {getState().pagination.pageIndex + 1} / {getPageCount()}{" "}
-
-
-
- | {"Go"}:{" "}
- {
- const page = e.target.value
- ? Number(e.target.value) - 1
- : 0;
- setPageIndex(page);
- }}
- />
- {" "}
-
-
-
-
- );
-};
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx
deleted file mode 100644
index ac8576d70..000000000
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import { useNavigation, useSelect } from "@refinedev/core";
-import { useForm } from "@refinedev/react-hook-form";
-import React from "react";
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- import { BLOG_POSTS_QUERY, BLOG_POSTS_CATEGORIES_SELECT_QUERY } from "../queries/blog-posts";
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- import { POST_EDIT_MUTATION, CATEGORIES_SELECT_QUERY } from "../queries/blog-posts";
-<%_ } _%>
-
-export default function BlogPostCreate() {
- const { list } = useNavigation();
-
- const {
- refineCore: { onFinish, queryResult },
- register,
- handleSubmit,
- setValue,
- formState: { errors },
- } = useForm({
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- refineCoreProps: {
- meta: {
- fields: BLOG_POSTS_QUERY,
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-strapi-v4") { _%>
- refineCoreProps: {
- meta: {
- populate: ['category'],
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- refineCoreProps: {
- meta: {
- gqlMutation: POST_EDIT_MUTATION,
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-supabase") { _%>
- refineCoreProps: {
- meta: {
- select: '*, categories(id,title)',
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
- refineCoreProps: {
- queryOptions: {
- select: ({ data }) => {
- return {
- data: {
- ...data,
- category: data.category.$id,
- },
- };
- },
- },
- },
-<%_ } _%>
- });
-
- const blogPostsData = queryResult?.data?.data;
-
- const { options: categoryOptions } = useSelect({
- resource: "categories",
-<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
- defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
-<%_ } else { _%>
- defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- meta: {
- fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
- },
-<%_ } _%>
- });
-
- React.useEffect(() => {
-<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
- setValue(<%- blogPostCategoryIdFormField %>, blogPostsData?.<%- blogPostCategoryFieldName %>);
-<%_ } else { _%>
- setValue(<%- blogPostCategoryIdFormField %>, blogPostsData?.<%- blogPostCategoryFieldName %>?.id);
-<%_ } _%>
- }, [categoryOptions]);
-
-
- return (
-
-
-
- Create
-
-
-
-
-
- );
-};
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx
deleted file mode 100644
index fd70948f7..000000000
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import {
- useNavigation,
- useOne,
- useResource,
- useShow,
-} from "@refinedev/core";
-import React from "react";
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- import { BLOG_POSTS_QUERY } from "../queries/blog-posts";
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- import { POST_SHOW_QUERY } from "../queries/blog-posts";
-<%_ } _%>
-
-export default function BlogPostShow() {
- const { edit, list } = useNavigation();
- const { id } = useResource();
- const { queryResult } = useShow({
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- meta: {
- fields: BLOG_POSTS_QUERY,
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-strapi-v4") { _%>
- meta: {
- populate: ['category'],
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- meta: {
- gqlQuery: POST_SHOW_QUERY,
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-supabase") { _%>
- meta: {
- select: '*, categories(id,title)',
- },
-<%_ } _%>
- });
- const { data } = queryResult;
-
- const record = data?.data;
-
-<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
- const { data: categoryData, isLoading: categoryIsLoading } = useOne({
- resource: "categories",
- id: record?.<%- blogPostCategoryFieldName %>?.id || "",
- queryOptions: {
- enabled: !!record,
- },
- });
-<%_ } _%>
-
- return (
-
-
-
- Edit
-
-
-
-
-
- );
-};
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.categories._index.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.categories._index.tsx
deleted file mode 100644
index dd541e4e0..000000000
--- a/refine-remix/plugins/headless-example/app/routes/_layout.categories._index.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-import { useNavigation } from "@refinedev/core";
-import { useTable } from "@refinedev/react-table";
-import { type ColumnDef, flexRender } from "@tanstack/react-table";
-import React from "react";
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
-import { CATEGORIES_QUERY } from "../queries/categories";
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- import { CATEGORIES_LIST_QUERY } from "../queries/categories";
-<%_ } _%>
-
-export default function CategoryList() {
- const columns = React.useMemo
-
- {"Show"}
-
-
-
-
-
-
-
-
- {"ID"}
-{record?.id ?? ""}
-
-
- {"Title"}
-{record?.title}
-
-
- {"Content"}
-{record?.content}
-
-
- {"Category"}
-<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%> -{record?.<%- blogPostCategoryFieldName %>?.title}
-<%_ } else { _%>
-
- {categoryIsLoading ? (
- <>Loading...
- ) : (
- <>{categoryData?.data?.title}
- )}
-
-<%_ } _%>
-
-
- {"Status"}
-{record?.status}
-
-
- {"Created at"}
-
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- {new Date(record?.created_at).toLocaleString(undefined, {
- timeZone: "UTC",
- })}
-<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>
- {new Date(record?.$createdAt).toLocaleString(undefined, {
- timeZone: "UTC",
- })}
-<%_ } else { _%>
- {new Date(record?.createdAt).toLocaleString(undefined, {
- timeZone: "UTC",
- })}
-<%_ } _%>
-
-
-
-
-
- );
- },
- },
- ],
- [],
- );
-
- const { edit, show, create } = useNavigation();
-
- const {
- getHeaderGroups,
- getRowModel,
- setOptions,
- getState,
- setPageIndex,
- getCanPreviousPage,
- getPageCount,
- getCanNextPage,
- nextPage,
- previousPage,
- setPageSize,
- } = useTable({
- columns,
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- refineCoreProps: {
- meta: {
- fields: CATEGORIES_QUERY,
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- refineCoreProps: {
- meta: {
- gqlQuery: CATEGORIES_LIST_QUERY,
- },
- },
-<%_ } _%>
- });
-
- setOptions((prev) => ({
- ...prev,
- meta: {
- ...prev.meta,
- },
- }));
-
- return (
-
-
- );
-};
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.categories.create.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.categories.create.tsx
deleted file mode 100644
index cd3676b0e..000000000
--- a/refine-remix/plugins/headless-example/app/routes/_layout.categories.create.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { useNavigation } from "@refinedev/core";
-import { useForm } from "@refinedev/react-hook-form";
-import React from "react";
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- import { CATEGORIES_QUERY } from "../queries/categories";
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- import { CATEGORY_CREATE_MUTATION } from "../queries/categories";
-<%_ } _%>
-
-
-export default function CategoryCreate() {
- const { list } = useNavigation();
-
- const {
- refineCore: { onFinish },
- register,
- handleSubmit,
- formState: { errors },
- } = useForm({
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- refineCoreProps: {
- meta: {
- fields: CATEGORIES_QUERY,
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- refineCoreProps: {
- meta: {
- gqlMutation: CATEGORY_CREATE_MUTATION,
- },
- },
-<%_ } _%>
- });
-
- return (
-
-
- List
- -
-
-
- {getHeaderGroups().map((headerGroup) => (
-
-
- | - {!header.isPlaceholder && - flexRender( - header.column.columnDef.header, - header.getContext(), - )} - | - ))} -
|---|
| - {flexRender( - cell.column.columnDef.cell, - cell.getContext(), - )} - | - ))} -
-
-
-
-
-
-
- {" "}
- {getState().pagination.pageIndex + 1} / {getPageCount()}{" "}
-
-
-
- | Go:{" "}
- {
- const page = e.target.value
- ? Number(e.target.value) - 1
- : 0;
- setPageIndex(page);
- }}
- />
- {" "}
-
-
-
-
- );
-};
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.categories.edit.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.categories.edit.$id.tsx
deleted file mode 100644
index 6fa9d34c5..000000000
--- a/refine-remix/plugins/headless-example/app/routes/_layout.categories.edit.$id.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { useNavigation } from "@refinedev/core";
-import { useForm } from "@refinedev/react-hook-form";
-import React from "react";
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- import { CATEGORIES_QUERY } from "../queries/categories";
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- import { CATEGORY_EDIT_MUTATION } from "../queries/categories";
-<%_ } _%>
-
-export default function CategoryEdit() {
- const { list } = useNavigation();
-
- const {
- refineCore: { onFinish },
- register,
- handleSubmit,
- formState: { errors },
- } = useForm({
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- refineCoreProps: {
- meta: {
- fields: CATEGORIES_QUERY,
- },
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- refineCoreProps: {
- meta: {
- gqlMutation: CATEGORY_EDIT_MUTATION,
- },
- },
-<%_ } _%>
- });
-
- return (
-
-
-
- Create
-
-
-
-
-
- );
-};
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.categories.show.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.categories.show.$id.tsx
deleted file mode 100644
index ac146e876..000000000
--- a/refine-remix/plugins/headless-example/app/routes/_layout.categories.show.$id.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import {
- useNavigation,
- useResource,
- useShow,
-} from "@refinedev/core";
-import React from "react";
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- import { CATEGORIES_QUERY } from "../queries/categories";
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- import { CATEGORY_SHOW_QUERY } from "../queries/categories";
-<%_ } _%>
-
-
-export default function CategoryShow() {
- const { edit, list } = useNavigation();
- const { id } = useResource();
- const { queryResult } = useShow({
-<%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
- meta: {
- fields: CATEGORIES_QUERY,
- },
-<%_ } _%>
-<%_ if (answers["data-provider"] === "data-provider-nestjs-query") { _%>
- meta: {
- gqlQuery: CATEGORY_SHOW_QUERY,
- },
-<%_ } _%>
- });
- const { data } = queryResult;
-
- const record = data?.data;
-
- return (
-
-
-
- Edit
-
-
-
-
-
- );
-};
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.tsx
deleted file mode 100644
index b1d78e5d6..000000000
--- a/refine-remix/plugins/headless-example/app/routes/_layout.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Outlet } from "@remix-run/react";
-import { Layout } from "~/components/layout";
-<%_ if (_app.isAuthProviderCheck) { _%>
- import type { LoaderFunctionArgs } from "@remix-run/node";
- import { redirect } from "@remix-run/node";
- import { authProvider } from "~/authProvider";
-<%_ } _%>
-
-<%_ if (_app.isNextAuthCheck) { _%>
- import type { LoaderFunctionArgs } from "@remix-run/node";
- import { redirect } from "@remix-run/node";
- import { authenticator } from "~/utils/auth.server";
-<%_ } _%>
-
-export default function BaseLayout() {
- return (
-
-
- Show
-
-
-
-
-
-
-
-
- ID
-{record?.id ?? ""}
-
-
- Title
-{record?.title}
- -
-
{record?.<%- blogPostCategoryFieldName %>?.title}
-<%_ } else { _%>
- {categoryIsLoading ? (
- <>Loading...
- ) : (
- <>{categoryData?.data?.title}
- )}
-<%_ } _%>
-
- -
-
-
- 
-
-
-
-
-- -This [Refine](<%- refineGitUrl %>) project was generated with [create refine-app](<%- createRefineAppGitUrl %>). - -## Getting Started - -A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility ✨ - -Refine's hooks and components simplifies the development process and eliminates the repetitive tasks by providing industry-standard solutions for crucial aspects of a project, including authentication, access control, routing, networking, state management, and i18n. - - -## Available Scripts - -### Running the development server. - -```bash - <%= pmRun %> dev -``` - -### Building for production. - -```bash - <%= pmRun %> build -``` - -### Running the production server. - -```bash - <%= pmRun %> start -``` - -## Learn More - -To learn more about **Refine**, please check out the [Documentation](<%- refineDocsUrl %>) - -<% const list = pluginsData.filter((plugin) => plugin.url.length > 0) -%> -<% for (var i = 0; i < list.length; i++ ) { -%> -<% if (list[i].url.length > 0) { -%> -- **<%= list[i].name -%>** [Docs](<%- list[i].url %>) -<% } -%> -<% } %> - -## License - -MIT diff --git a/refine-remix/template/_package.json b/refine-remix/template/_package.json deleted file mode 100644 index 97807e65a..000000000 --- a/refine-remix/template/_package.json +++ /dev/null @@ -1,40 +0,0 @@ -{ - "name": "<%= name %>", - "version": "0.1.0", - "private": true, - "sideEffects": false, - "scripts": { - "dev": "refine dev", - "build": "refine build", - "start": "refine start ./build/index.js", - "refine": "refine" - }, - "dependencies": { - "@refinedev/cli": "^2.16.22", - "@refinedev/core": "^4.47.1", - "@refinedev/devtools": "^1.1.32", - "@refinedev/remix-router": "^3.0.0", - "@refinedev/kbar": "^1.3.6", - "@remix-run/node": "^2.4.1", - "@remix-run/react": "^2.4.1", - "@remix-run/serve": "^2.4.1", - "isbot": "^3.6.8", - "react": "^18.0.0", - "react-dom": "^18.0.0" - }, - "devDependencies": { - "@remix-run/dev": "^2.4.1", - "@remix-run/eslint-config": "^2.4.1", - "@types/react": "^18.0.0", - "@types/react-dom": "^18.0.0", - "eslint": "^8.24.0", - "typescript": "^5.4.2" - <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%> - }, - "refine": { - "projectId": "<%= projectId %>" - } - <%_ } else { _%> - } - <%_ } _%> -} diff --git a/refine-remix/template/_tsconfig.json b/refine-remix/template/_tsconfig.json deleted file mode 100644 index 893844160..000000000 --- a/refine-remix/template/_tsconfig.json +++ /dev/null @@ -1,28 +0,0 @@ -{ - "include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx"], - "compilerOptions": { - "lib": ["DOM", "DOM.Iterable", "ES2019"], - "isolatedModules": true, - "esModuleInterop": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "resolveJsonModule": true, - "target": "ES2019", - "strict": true, - "allowJs": true, - "forceConsistentCasingInFileNames": true, - "baseUrl": ".", - "paths": { - "~/*": ["./app/*"], - "@components/*": ["./app/components/*"], - "@components": ["./app/components"], - "@contexts/*": ["./app/contexts/*"], - "@contexts": ["./app/contexts"], - "@styles/*": ["./app/styles/*"], - "@styles": ["./app/styles"], - "@public/*": ["public/*"], - "@public": ["public"] - }, - "noEmit": true - } -} diff --git a/refine-remix/template/app/entry.client.tsx b/refine-remix/template/app/entry.client.tsx deleted file mode 100644 index 64ea0b340..000000000 --- a/refine-remix/template/app/entry.client.tsx +++ /dev/null @@ -1,18 +0,0 @@ -/** - * By default, Remix will handle hydrating your app on the client for you. - * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨ - * For more information, see https://remix.run/file-conventions/entry.client - */ - -import { RemixBrowser } from "@remix-run/react"; -import { startTransition, StrictMode } from "react"; -import { hydrateRoot } from "react-dom/client"; - -startTransition(() => { - hydrateRoot( - document, -