npm - @design-edito/cli - Versions diffs - 0.0.57 → 0.0.58 - Mend

@design-edito/cli 0.0.57 → 0.0.58

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 (12) hide show

package/cli/assets/version.txt CHANGED Viewed

	@@ -1 +1 @@
1	- 0.0.57
1	+ 0.0.58

package/make-template/assets/react/package.json CHANGED Viewed

@@ -3,27 +3,38 @@
   "version": "0.0.0",
   "description": "",
   "main": "index.js",
+  "type": "module",
   "scripts": {
-    "build:src": "npx esbuild src/index.tsx --bundle --minify --outfile=dist/index.js --platform=browser --target=esnext --jsx-factory=React.createElement --jsx-fragment=React.Fragment",
-    "watch:src": "npm run build:src -- --watch",
+    "build:scripts": "npx tsc -p scripts/tsconfig.json",
+    "build:src": "npm run build:scripts && node .scripts/build/index.js",
+    "build:src:preact": "PREACT=true npm run build:src",
+    "watch:src": "WATCH=true npm run build:src",
+    "watch:src:preact": "PREACT=true npm run watch:src",
     "make:dist": "mkdir -p dist",
     "make:pages": "mkdir -p pages",
     "serve:dist": "npm run make:dist && npx http-server dist --port ${PORT} --cors -c-1",
     "serve:pages": "npm run make:pages && npx http-server pages --port ${PORT} --cors -c-1",
-    "start": "npx concurrently -n 'watch:src  ,serve:dist ,serve:pages' 'npm run watch:src' 'PORT=${PORT_DIST:-3001} npm run serve:dist' 'PORT=${PORT_DIST:-3000} npm run serve:pages'"
+    "start": "npx concurrently -n 'watch:src,serve:dist ,serve:pages' 'npm run watch:src' 'PORT=${PORT_DIST:-3001} npm run serve:dist' 'PORT=${PORT_DIST:-3000} npm run serve:pages'",
+    "start:preact": "PREACT=true npm start"
   },
   "author": "",
   "license": "ISC",
   "devDependencies": {
     "@types/node": "^20.11.30",
     "@types/react": "^18.2.72",
+    "@types/react-dom": "^18.2.22",
     "concurrently": "^8.2.2",
-    "esbuild": "^0.20.2",
     "http-server": "^14.1.1",
-    "typescript": "^5.4.3"
+    "typescript": "^5.4.3",
+    "esbuild": "^0.20.2",
+    "esbuild-plugin-inline-image": "^0.0.9",
+    "esbuild-sass-plugin": "^3.2.0",
+    "postcss": "^8.4.38",
+    "postcss-modules": "^6.0.0",
+    "sass": "^1.74.1"
   },
   "dependencies": {
-    "@types/react-dom": "^18.2.22",
+    "preact": "^10.20.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }

package/make-template/assets/react/pages/index.html CHANGED Viewed

@@ -11,6 +11,7 @@
     <link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png">
     <link rel="manifest" href="./icons/site.webmanifest">
     <script type="module" src="http://localhost:3001/index.js"></script>
+    <link rel="stylesheet" href="http://localhost:3001/index.css">
   </head>
   <body>
     <div class="root"></div>

package/make-template/assets/react/scripts/build/index.ts ADDED Viewed

@@ -0,0 +1,44 @@
+import esbuild, { BuildOptions } from 'esbuild'
+import path from 'node:path'
+import { sassPlugin, postcssModules } from 'esbuild-sass-plugin'
+import inlineImageModule from 'esbuild-plugin-inline-image'
+const PREACT = process.env.PREACT === 'true'
+const WATCH = process.env.WATCH === 'true'
+console.log(`scripts/build/index.ts PREACT=${PREACT} WATCH=${WATCH}`)
+const options: BuildOptions = {
+  format: 'esm',
+  entryPoints: [path.join(process.cwd(), 'src/index.tsx')],
+  bundle: true,
+  outfile: path.join(process.cwd(), 'dist/index.js'),
+  minify: true,
+  platform: 'browser',
+  sourcemap: true,
+  target: ['esnext'],
+  tsconfig: path.join(process.cwd(), 'src/tsconfig.json'),
+  logLevel: 'info',
+  jsxFactory: PREACT ? 'h' : 'React.createElement',
+  jsxFragment: PREACT ? 'FRAGMENT' : 'React.Fragment',
+  plugins: [
+    inlineImageModule({ limit: -1 }),
+    sassPlugin({ filter: /\.module\.scss$/, type: 'css', transform: postcssModules({}) }),
+    sassPlugin({ filter: /.scss$/, type: 'css' })
+  ],
+  alias: PREACT ? {
+    'react': 'preact/compat',
+    'react-dom/test-utils': 'preact/test-utils',
+    'react-dom': 'preact/compat',
+    'react/jsx-runtime': 'preact/jsx-runtime'
+  } : {}
+}
+if (WATCH) {
+  const ctx = await esbuild.context(options)
+  await ctx.watch()
+  console.log('watching...')
+} else {
+  await esbuild.build(options)
+  console.log('built.')
+}

package/make-template/assets/react/scripts/tsconfig.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "lib": ["ESNext"],
+    "module": "ESNext",
+    "target": "ESNext",
+    "baseUrl": ".",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "outDir": "../.scripts",
+    "declaration": true,
+    "moduleResolution": "Node",
+    "rootDir": ".",
+    "noUncheckedIndexedAccess": true,
+  },
+  "include": ["**/*"],
+  "exclude": [
+    "../node_modules",
+    "../.scripts"
+  ]
+}

package/make-template/assets/react/src/components/App/index.tsx CHANGED Viewed

@@ -1,3 +1,7 @@
+import styles from './style.module.scss'
 export default function App () {
-  return <div>App.</div>
+  return <div className={styles['app']}>
+    App.
+  </div>
 }

package/make-template/assets/react/src/components/App/style.module.scss ADDED Viewed

@@ -0,0 +1,3 @@
+.app {
+  display: block;
+}

package/make-template/assets/react/src/index.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+declare module '*.module.scss' {
+  const content: { [className: string]: string }
+  export = content
+}
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}

package/make-template/assets/react/src/tsconfig.json CHANGED Viewed

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "target": "ESNext",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "skipLibCheck": true,
@@ -13,7 +14,12 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "paths": {
+      "~/components/*": ["./components/*"],
+      "~/utils/*": ["./utils/*"]
+    }
   },
-  "include": ["./"]
+  "include": ["./"],
+  "files": ["./index.d.ts"]
 }

package/make-template/assets/react/src/utils/some-util/index.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {}

package/make-template/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
-import p from"node:process";import{promises as c,existsSync as h}from"node:fs";import y from"node:url";import e from"node:path";import{spawn as P}from"node:child_process";import{program as l}from"commander";import k from"prompts";import{promises as u}from"node:fs";async function g(t,o,...a){let[s,m]=a,n=await u.readFile(t,s),r=o(n),i=a.length===2?m:s;return await u.writeFile(t,r,i),r}var x=y.fileURLToPath(import.meta.url),j=e.dirname(x),f=p.cwd();l.name("@design-edito/make-template").description("Generate in cwd a project template");l.command("html").description("make simple html project structure").action(S);l.command("react").description("make react + typescript project structure").action(N);l.parse(p.argv);async function S(){let t=e.join(j,"assets/html");if(!h(t))return console.error(`Could not find the template to copy at ${t}`),p.exit(1);let o=e.join(f,"html-template");await c.cp(t,o,{recursive:!0})}async function N(){let t=e.join(j,"assets/react");if(!h(t))return console.error(`Could not find the template to copy at ${t}`),p.exit(1);let o=e.join(f,"react-template");await c.cp(t,o,{recursive:!0});let{projectName:a}=await k({name:"projectName",message:"Project name ? (for package.json name field)",type:"text"}),s=e.join(o,"package.json");await g(s,r=>{let i=typeof r=="string"?r:r.toString(),d=JSON.parse(i);delete d.name;let w={name:a,...d};return`${JSON.stringify(w,null,2)}
-`},{encoding:"utf-8"});let m=P(`cd ${o} && npm i`,{stdio:"inherit",shell:!0});await new Promise((r,i)=>{m.on("exit",()=>r(!0)),m.on("error",()=>i(!1))});let n=e.join(f,a);await c.rename(o,n),await c.rename(e.join(n,"gitignore"),e.join(n,".gitignore"))}
+import n from"node:process";import{promises as a,existsSync as d}from"node:fs";import j from"node:url";import t from"node:path";import{spawn as w}from"node:child_process";import{program as i}from"commander";import y from"prompts";import P from"@design-edito/tools/utils/node/read-write-file";var k=j.fileURLToPath(import.meta.url),u=t.dirname(k),c=n.cwd();i.name("@design-edito/make-template").description("Generate in cwd a project template");i.command("html").description("make simple html project structure").action(x);i.command("react").description("make react + typescript project structure").action(S);i.parse(n.argv);async function x(){let e=t.join(u,"assets/html");if(!d(e))return console.error(`Could not find the template to copy at ${e}`),n.exit(1);let o=t.join(c,"html-template");await a.cp(e,o,{recursive:!0})}async function S(){let e=t.join(u,"assets/react");if(!d(e))return console.error(`Could not find the template to copy at ${e}`),n.exit(1);let o=t.join(c,"react-template");await a.cp(e,o,{recursive:!0});let{projectName:p}=await y({name:"projectName",message:"Project name ? (for package.json name field)",type:"text"}),g=t.join(o,"package.json");await P(g,r=>{let s=typeof r=="string"?r:r.toString(),f=JSON.parse(s);delete f.name;let h={name:p,...f};return`${JSON.stringify(h,null,2)}
+`},{encoding:"utf-8"});let l=w(`cd ${o} && npm i`,{stdio:"inherit",shell:!0});await new Promise((r,s)=>{l.on("exit",()=>r(!0)),l.on("error",()=>s(!1))});let m=t.join(c,p);await a.rename(o,m),await a.rename(t.join(m,"gitignore"),t.join(m,".gitignore"))}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@design-edito/cli",
-  "version": "0.0.57",
+  "version": "0.0.58",
   "description": "",
   "author": "Maxime Fabas",
   "license": "ISC",
@@ -16,12 +16,12 @@
     "make-template": "./make-template/index.js"
   },
   "dependencies": {
+    "@design-edito/tools": "^0.0.27",
     "commander": "^12.0.0",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
     "@commander-js/extra-typings": "^12.0.1",
-    "@design-edito/tools": "^0.0.19",
     "@types/node": "^20.11.30",
     "@types/prompts": "^2.4.9",
     "@types/semver": "^7.5.8",