Rebase smalltalk

.bowerrc

@@ -1,3 +1,3 @@
-{
-  "directory" : "modules"
-}
+{
+  "directory" : "modules"
+}

.eslintrc.json

@@ -9,11 +9,8 @@
         "key-spacing": "off"
     },
     "extends": [
-        "plugin:node/recommended",
+        "plugin:n/recommended",
         "plugin:putout/recommended"
     ],
-    "plugins": [
-        "node",
-        "putout"
-    ]
+    "plugins": ["n", "putout"]
 }

.gitignore

@@ -1,10 +1,13 @@
-package-lock.json
-node_modules
-npm-debug.log*
-.nyc_output
 *.swp
-yarn-error.log
-dist
+*.log
+*.lock
 
+.nyc_output
 .idea
+
+package-lock.json
+npm-debug.log*
+
+node_modules
+dist
 coverage

.madrun.mjs → .madrun.js

@@ -1,19 +1,27 @@
-import {run} from 'madrun';
+import {run, cutEnv} from 'madrun';
+import {defineEnv} from 'supertape/env';
+
+const env = defineEnv({
+    css: true,
+});
 
 export default {
     'watch': () => 'nodemon --watch lib --watch test --exec',
     'watch:test': () => run('watch', 'npm test'),
     'watch:lint': async () => await run('watch', `'npm run lint'`),
     'watch:lint:js': () => run('watch', '"run lint:js"'),
     'watch:coverage': () => run('watch', 'redrun coverage'),
-    'coverage': () => 'c8 npm test',
+    'coverage': async () => [env, `c8 ${await cutEnv('test')}`],
     'report': () => 'c8 report --reporter=lcov',
     'lint': () => 'putout .',
     'fresh:lint': () => run('lint', '--fresh'),
     'lint:fresh': () => run('lint', '--fresh'),
     'fix:lint': () => run('lint', '--fix'),
-    'test': () => `tape --no-check-scopes 'test/**/*.js'`,
-    'test:update': () => 'UPDATE_FIXTURE=1 npm test',
+    'test': () => [env, `tape --no-check-scopes 'test/**/*.js'`],
+    'test:update': async () => [`await cutEnv('test')`, {
+        UPDATE_FIXTURE: 1,
+        ...env,
+    }],
     'build': () => 'webpack --progress --mode production',
     'wisdom': () => run('build'),
     'wisdom:done': () => run('upload:*'),
@@ -26,4 +34,3 @@ export default {
 function upload(name) {
     return 'putasset -o coderaiser -r smalltalk -t v`version`' + ` -f ${name}`;
 }
-

.npmignore

@@ -1,7 +1,11 @@
-screen
+*.config.*
+*.log
+*.loc
+
 .*
-test
-yarn-error.log
+
 webpack.config.js
 
+screen
+test
 coverage

.putout.json

@@ -0,0 +1,10 @@
+{
+    "rules": {
+        "tape/add-t-end": "off"
+    },
+    "match": {
+        "smalltalk.native.js": {
+            "arguments/remove-unused": "off"
+        }
+    }
+}

ChangeLog

@@ -1,3 +1,50 @@
+2026.03.19, v5.0.1
+
+feature:
+- 492c630 smalltalk: webpack-cli v7.0.2
+- 2e80306 smalltalk: version-io v6.1.2
+- e41b6da smalltalk: putout v42.2.3
+- fefed49 smalltalk: madrun v13.0.1
+- 0439d8f smalltalk: eslint-plugin-putout v31.1.1
+- 954f062 smalltalk: eslint v10.0.3
+- a28f0fa smalltalk: superc8 v12.3.1
+
+2026.02.02, v5.0.0
+
+feature:
+- db1594d smalltalk: migrate to ESM
+- b340642 smalltalk: webpack-cli v6.0.1
+- 003ca38 smalltalk: version-io v5.0.0
+- 59102e9 smalltalk: supertape v12.2.0
+- 3e11e61 smalltalk: style-loader v4.0.0
+- ccbd0ed smalltalk: putout v41.16.0
+- a74682d smalltalk: putasset v7.0.0
+- 7f3e9d1 smalltalk: madrun v12.1.3
+- 3eefd4c smalltalk: fullstore v4.0.0
+- fb12497 smalltalk: eslint-plugin-putout v30.0.2
+- 4db84bc smalltalk: eslint-plugin-n v17.23.2
+- effc8c1 smalltalk: eslint v9.39.2
+- 0424c0d smalltalk: css-loader v7.1.3
+- 78b993b smalltalk: c8 v10.1.3
+- c53349a smalltalk: auto-globals v4.0.1
+
+2023.12.03, v4.1.2
+
+fix:
+- 64f0fc8 export
+
+feature:
+- 13ca47e smalltalk: eslint-plugin-n v16.3.1
+- d4c8994 smalltalk: postcss v8.4.32
+- 6c4b74a drop coveralls
+- 0e0345f smalltalk: nodemon v3.0.2
+- cb46477 smalltalk: webpack-cli v5.1.4
+- 924db6f smalltalk: eslint-plugin-putout v21.0.2
+- acc397f smalltalk: putout v33.13.3
+- f7041ab smalltalk: supertape v8.8.0
+- 383d124 smalltalk: c8 v8.0.1
+- 337c31a smalltalk: auto-globals v3.0.0
+
 2022.07.13, v4.1.1
 
 fix:

README.md

@@ -13,18 +13,17 @@ npm i smalltalk
 First things first, require `smalltalk` with:
 
 ```js
-const smalltalk = require('smalltalk');
+import * as smalltalk from 'smalltalk';
 ```
 
 You can also use native version with:
 
 ```js
-const smalltalk = require('smalltalk/native');
+import * as smalltalk from 'smalltalk/native';
 ```
 
 When you need a bundled verseion use
 
-
 ```js
 import smalltalk from 'smalltalk/bundle';
 ```
@@ -102,7 +101,8 @@ smalltalk
 ```js
 const progress = smalltalk.progress('Cloud Commander', 'Copy /home/coderaiser -> /home/coderaiser/2');
 
-progress.setProgress(41)
+progress
+    .setProgress(41)
     .catch(() => {
         console.log('abort');
     });
@@ -113,8 +113,9 @@ progress.setProgress(41)
 You can use custom label passing into options param the buttons specification. For example :
 
 ```js
-const tryToCatch = require('try-to-catch');
+const {tryToCatch} = require('try-to-catch');
 const OK = 2;
+
 const result = await tryToCatch(smalltalk.confirm, 'Question', 'Are you sure?', {
     buttons: {
         ok: 'Ok Label',

css/smalltalk.css

@@ -1,20 +1,13 @@
 .smalltalk {
     display: flex;
-
     align-items: center;
     flex-direction: column;
     justify-content: center;
-
     transition: 200ms opacity;
-
-    bottom: 0;
-    left: 0;
+    inset: 0;
     overflow: auto;
     padding: 20px;
     position: fixed;
-    right: 0;
-    top: 0;
-
     z-index: 100;
 }
 
@@ -33,7 +26,7 @@
     z-index: 0;
 }
 
-@media only screen and (max-width: 500px) {
+@media only screen and (width <= 500px) {
     .smalltalk .page {
         min-width: 0;
     }
@@ -65,7 +58,6 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     max-width: 500px;
-
     user-select: none;
     color: #333;
     font-size: 120%;
@@ -78,7 +70,6 @@
 .smalltalk .page .content-area {
     overflow: hidden;
     text-overflow: ellipsis;
-
     padding: 6px 17px;
     position: relative;
 }
@@ -100,7 +91,6 @@ button {
     appearance: none;
     user-select: none;
     background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
-
     border: 1px solid rgb(0 0 0 / 25%);
     border-radius: 2px;
     box-shadow: 0 1px 0 rgb(0 0 0 / 8%), inset 0 1px 2px rgb(255 255 255 / 75%);
@@ -122,7 +112,6 @@ button {
 
 .smalltalk .page .button-strip {
     display: flex;
-
     flex-direction: row;
     justify-content: flex-end;
 }