feat: improve create-react-component script

- support onlyNamedExport option
- bumpup assert package
- remove mock files and it was replaced by snapshotTest
- split files

gen-ssp/fixture.ts

@@ -1,5 +1,5 @@
-import { ensureDir } from "https://deno.land/std@0.126.0/fs/mod.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import { ensureDir } from "https://deno.land/std@0.138.0/fs/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 
 const fixtureFiles = [
   "app-bridge/android.ts",

gen-ssp/fixture2.ts

@@ -1,8 +1,8 @@
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
-import * as fs from "https://deno.land/std@0.126.0/fs/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
+import * as fs from "https://deno.land/std@0.138.0/fs/mod.ts";
 
 export async function copyFixtures(outPath: string): Promise<void> {
   const __dirname = path.dirname(path.fromFileUrl(import.meta.url));
   const src = path.join(__dirname, "fixture2");
-  await fs.copy(src, outPath, {overwrite: true});
+  await fs.copy(src, outPath, { overwrite: true });
 }

gen-ssp/gen/index.ts

@@ -7,7 +7,7 @@ import genUrichk from "./urichk.ts";
 import genFixture2 from "./fixture2.ts";
 import genPbkit from "./pbkit.ts";
 
-import { emptyDir } from "https://deno.land/std@0.126.0/fs/mod.ts";
+import { emptyDir } from "https://deno.land/std@0.138.0/fs/mod.ts";
 import { Command, EnumType } from "https://deno.land/x/[email protected]/mod.ts";
 
 const defaultPollapoDir = ".pollapo";

gen-ssp/gen/keycloak.ts

@@ -1,6 +1,6 @@
 import { GenOptions } from "./index.ts";
-import { ensureDir } from "https://deno.land/std@0.126.0/fs/mod.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import { ensureDir } from "https://deno.land/std@0.138.0/fs/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 import { globFiles } from "../misc/fs.ts";
 import { generateKeycloakUtil, getClientRoles } from "../keycloak.ts";
 

gen-ssp/gen/pb-service.ts

@@ -1,5 +1,5 @@
 import { GenOptions } from "./index.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 import { RootNode } from "../pbjs/ast/index.ts";
 import {
   generateAppBridgeBrowserClient,

gen-ssp/gen/pbjs.ts

@@ -1,5 +1,5 @@
 import { GenOptions } from "./index.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 
 const __dirname = path.dirname(path.fromFileUrl(import.meta.url));
 

gen-ssp/gen/pbkit.ts

@@ -1,5 +1,5 @@
 import { GenOptions } from "./index.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 
 const __dirname = path.dirname(path.fromFileUrl(import.meta.url));
 

gen-ssp/gen/rrtv2.ts

@@ -1,6 +1,6 @@
 import { GenOptions } from "./index.ts";
-import { ensureDir } from "https://deno.land/std@0.126.0/fs/mod.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import { ensureDir } from "https://deno.land/std@0.138.0/fs/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 import { globFiles } from "../misc/fs.ts";
 import { compile as compileUbershape } from "../ubershape.ts";
 

gen-ssp/gen/urichk.ts

@@ -1,6 +1,6 @@
 import { GenOptions } from "./index.ts";
-import { ensureDir } from "https://deno.land/std@0.126.0/fs/mod.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import { ensureDir } from "https://deno.land/std@0.138.0/fs/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 import { compile as compileNextjsNavigationHook } from "https://deno.land/x/[email protected]/compile/nextjs-navigation-hook.ts";
 import { compile as compileNextjsSearchParamsHook } from "https://deno.land/x/[email protected]/compile/nextjs-search-params-hook.ts";
 import { kebabToPascal } from "../misc/case.ts";

gen-ssp/keycloak.ts

@@ -1,4 +1,4 @@
-import { parse as parseYaml } from "https://deno.land/std@0.126.0/encoding/yaml.ts";
+import { parse as parseYaml } from "https://deno.land/std@0.138.0/encoding/yaml.ts";
 
 export interface ClientRoles {
   [clientName: string]: string[];

gen-ssp/misc/fs.ts

@@ -1,4 +1,4 @@
-import { expandGlob } from "https://deno.land/std@0.126.0/fs/mod.ts";
+import { expandGlob } from "https://deno.land/std@0.138.0/fs/mod.ts";
 
 export async function globFiles(
   root: string,

gen-ssp/pbjs/misc.ts

@@ -1,5 +1,5 @@
-import { ensureDir } from "https://deno.land/std@0.126.0/fs/mod.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import { ensureDir } from "https://deno.land/std@0.138.0/fs/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 
 export interface TextFile {
   dir: string[];

gen-ssp/ubershape.ts

@@ -1,4 +1,4 @@
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 import { Schema } from "https://deno.land/x/[email protected]/schema.ts";
 import { schema2ts } from "https://deno.land/x/[email protected]/codegen/ts.ts";
 import { getReadFunction } from "https://deno.land/x/[email protected]/io/read-schema.ts";

gen-ssp/urichk.ts

@@ -1,5 +1,5 @@
-import { walk } from "https://deno.land/std@0.126.0/fs/walk.ts";
-import * as path from "https://deno.land/std@0.126.0/path/mod.ts";
+import { walk } from "https://deno.land/std@0.138.0/fs/walk.ts";
+import * as path from "https://deno.land/std@0.138.0/path/mod.ts";
 import { parse } from "https://deno.land/x/[email protected]/index.ts";
 import type { Urichk } from "https://deno.land/x/[email protected]/ast.ts";
 

keycloak/extract-group-mapping-from-proto-services.ts

@@ -1,5 +1,5 @@
-import { stringify } from "https://deno.land/std@0.126.0/encoding/yaml.ts";
-import { walk } from "https://deno.land/std@0.126.0/fs/walk.ts";
+import { stringify } from "https://deno.land/std@0.138.0/encoding/yaml.ts";
+import { walk } from "https://deno.land/std@0.138.0/fs/walk.ts";
 import { Command } from "https://deno.land/x/[email protected]/command/mod.ts";
 import * as ast from "https://deno.land/x/[email protected]/core/ast/index.ts";
 import { parse } from "https://deno.land/x/[email protected]/core/parser/proto.ts";

keycloak/oidc-auth-for-cli.ts

@@ -1,4 +1,4 @@
-import { serve } from "https://deno.land/std@0.126.0/http/server.ts";
+import { serve } from "https://deno.land/std@0.138.0/http/server.ts";
 import { Command } from "https://deno.land/x/[email protected]/command/mod.ts";
 import openBrowser from "../misc/open-browser.ts";
 

misc/open-browser.ts

@@ -1,4 +1,4 @@
-import { bold } from "https://deno.land/std@0.126.0/fmt/colors.ts";
+import { bold } from "https://deno.land/std@0.138.0/fmt/colors.ts";
 import {
   print,
   println,

www-snippet/create-react-component/CreateReactComponentOption.ts

@@ -0,0 +1,4 @@
+export interface CreateReactComponentOption {
+  forwardRef?: boolean;
+  onlyNamedExport?: boolean;
+}

www-snippet/create-react-component/__snapshots__/createReactComponentContent.test.ts.snap

@@ -0,0 +1,61 @@
+export const snapshot = {};
+
+snapshot[`should return correct react component. 1`] = `
+'import React, { memo, PropsWithChildren } from "react";
+export interface LoremIpsumProps {}
+
+const LoremIpsum = (({}: PropsWithChildren<LoremIpsumProps>) => {
+  return <>LoremIpsum</>;
+});
+
+export default memo(LoremIpsum);
+'
+`;
+
+snapshot[`should return correct react component. 2`] = `
+'import React, { forwardRef, memo } from "react";
+
+type RefElement = HTMLDivElement;
+type RefElementProps = React.HTMLAttributes<HTMLDivElement>;
+
+export interface LoremIpsumProps extends RefElementProps {}
+
+const LoremIpsum = forwardRef<RefElement, LoremIpsumProps>((props, ref) => {
+  return <div ref={ref} {...props}>Lorem Ipsum</div>;
+});
+
+export default memo(LoremIpsum)
+
+LoremIpsum.displayName = "LoremIpsum";
+'
+`;
+
+snapshot[`should return correct react component. 3`] = `
+'import React, { memo, PropsWithChildren } from "react";
+export interface LoremIpsumProps {}
+
+const LoremIpsum = (({}: PropsWithChildren<LoremIpsumProps>) => {
+  return <>LoremIpsum</>;
+});
+
+export { LoremIpsum: memo(LoremIpsum) };
+'
+`;
+
+snapshot[`should return correct react component. 4`] = `
+'import React, { forwardRef, memo } from "react";
+
+type RefElement = HTMLDivElement;
+type RefElementProps = React.HTMLAttributes<HTMLDivElement>;
+
+export interface LoremIpsumProps extends RefElementProps {}
+
+const LoremIpsum = forwardRef<RefElement, LoremIpsumProps>((props, ref) => {
+  return <div ref={ref} {...props}>Lorem Ipsum</div>;
+});
+
+export { LoremIpsum: memo(LoremIpsum) }
+
+LoremIpsum.displayName = "LoremIpsum";
+'
+`;

www-snippet/create-react-component/__snapshots__/createReactComponentReExportContent.test.ts.snap

@@ -0,0 +1,12 @@
+export const snapshot = {};
+
+snapshot[`should return correct react component re-export. 1`] = `
+'export { default } from "./LoremIpsum";
+export * from "./LoremIpsum";
+'
+`;
+
+snapshot[`should return correct react component re-export. 2`] = `
+'export * from "./LoremIpsum";
+  '
+`;